Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak dodać podświetlenie w nagłówku

Założony przez  Karko85.

17.10.2016, 17:19 (Ten post był ostatnio modyfikowany: 17.10.2016, 18:31 przez Szogi1910.)
#1
Witam mam pytanko, jak podświetlić taki nagłówek? Tylko na czerwono :D

[Obrazek: strona.png]
Szogi1910 napisał 17.10.2016, 18:31:
Nazwa tematu powinna być krótkim opisem problemu i zapoznaj się z
Jak szybko otrzymać pomoc?
17.10.2016, 17:24 (Ten post był ostatnio modyfikowany: 17.10.2016, 17:25 przez Ardex.)
#2
Do jakiegoś arkusza css dodaj
.navmenu li {
box-shadow: 1px 1px 10px #FF0000; color: #006400; background: url(http://www.przemo.org/phpBB2/forum/files...ed_409.gif)
}
17.10.2016, 17:28 (Ten post był ostatnio modyfikowany: 17.10.2016, 17:30 przez Karko85.)
#3
Gdzieś? Można dokładniej? Bo ogarniam kody itp ale to pierwszy raz robię i nwm.
17.10.2016, 17:30
#4
Skoro "ogarniasz" to w czym problem? https://webboard.pl/thread-45824.html

ACP -> Style i szablony -> Twój styl -> i możesz to co podałem wrzucić na samym początku do gora.css
17.10.2016, 17:58 (Ten post był ostatnio modyfikowany: 17.10.2016, 18:07 przez Ardex.)
#5
height: 250px;
margin: 20px auto;
.navmenu li {
 box-shadow: 1px 1px 10px #FF0000; color: #006400; background: url(http://www.przemo.org/phpBB2/forum/files...ed_409.gif)
}


Nie działa ;/
Ardex napisał 17.10.2016, 18:07:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.
17.10.2016, 18:06 (Ten post był ostatnio modyfikowany: 17.10.2016, 18:08 przez Ardex.)
#6
Nie widzę tego kodu w arkuszu gora.css
Poza tym brak klamry zamykajacej
17.10.2016, 18:13 (Ten post był ostatnio modyfikowany: 17.10.2016, 18:13 przez Poftorek.)
#7
Wbijasz do header.css i szukasz klasy .navmenu li div:hover. Powinieneś znaleźć w tym border-bottom:2px solid #2C4AD6; dlatego musisz zamienić to na border-bottom:2px solid red;
___To podmienia dolny border http://screenshot.sh/mLhnYTUIcjLSX ___


Dalej szukasz klasy .navmenu li div:hover>i. Powinieneś znaleźć w tym color:#2C4AD6; dlatego musisz zamienić to na color:red;
___ To podmienia kolor tej ikony http://screenshot.sh/oAgFPSYJYECrN ___


Dalej szukasz klasy .navmenu li div. Powinieneś znaleźć w tym color: #2C4AD6; dlatego musisz zamienić to na color: red;
___ To podmienia kolor tekstu http://screenshot.sh/mKTX4wi7Ro6vN ___


A jak chcesz zmienić kolor cienia tego tekstu, w header (szablonie) cofasz się do
<span style="text-shadow: 1px 1px 10px #FF0000; color: #006400; font-weight: bold; background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif)"> 
i zmieniasz w tym text-shadow: 1px 1px 10px #FF0000 na text-shadow: 1px 1px 10px TUTAJ_KOLOR_CIENIA
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
17.10.2016, 18:42
#8
Bardzo ładnie i wszystko jasno napisane, tylko nie oto chodziło :D

Zobacz screeny chodzi mi o taki rezultat:

Podświetlona i osobna beleczka:

[Obrazek: strona.png]
17.10.2016, 18:45
#9
(17.10.2016, 18:42)Karko85 napisał(a): Bardzo ładnie i wszystko jasno napisane, tylko nie oto chodziło :D

Zobacz screeny chodzi mi o taki rezultat:

Podświetlona i osobna beleczka:

[Obrazek: strona.png]
Link do forum skąd ten SS.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
17.10.2016, 18:45
#10
http://boost-city.pl/
17.10.2016, 18:47
#11
To dodaj box-shadow tak jak napisał @Ardex.

Możesz nawet generatora użyć, tutaj masz jakiś: http://www.cssmatic.com/box-shadow

Na przyszłość: https://webboard.pl/watek-mybb-poradnik-...owej_45824 i sprawdź jak to jest zrobione na forum, z którego wziąłeś screenshot.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
17.10.2016, 18:53
#12
Jak rozumiem, wygenerowałem to:

-webkit-box-shadow: -2px 8px 69px 0px rgba(247,13,13,1);
-moz-box-shadow: -2px 8px 69px 0px rgba(247,13,13,1);
box-shadow: -2px 8px 69px 0px rgba(247,13,13,1);

i mam tylko to dodać do gora.css?
17.10.2016, 19:01
#13
Nie, masz użyć tego poradnika: https://webboard.pl/watek-mybb-poradnik-...owej_45824 aby sprawdzić do którego selektora masz dokleić ten kod.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
17.10.2016, 19:25
#14
Dalej nwm zrobiłem tak jak w poradniku itp... Ale dalej mi to nie działa ;/
17.10.2016, 19:44
#15
Z tego co widzę to masz taki sam szablon jak oni, więc kod powinien pasować.

W arkuszu header.css podmień swój kod na ten (nie cały).
.navmenu {
    box-shadow: 0px 0px 19px 0px aqua;
    background: url(../../../images/skillgame/thead.png) repeat-x 50% 0;
    cursor: context-menu;
    list-style: none;
    padding: 0px;
    text-align: center;
    border-bottom: 1px solid aqua;        
    border-radius: 0px;
    -moz-border-radius: 0px;      
    -webkit-border-radius: 0px;
    transition: all 0.5s;
        margin: 195px auto 0;
        max-width: 1300px;    
}

.navmenu li{
    height:100%;
    text-align:center;
    padding:0px 0px;
    margin:0px;
    display:inline-block;
    width:14%;
    background: url(../../../images/skillgame/thead.png) repeat-x 50% 0;
    transition:all 0.5s
}

.navmenu li div{
    box-shadow: 0px 0px 19px 0px aqua;
    margin:0px;
    padding:20px 0px;
    cursor:pointer;
    background: #070707;
    width:94%;
    color: aqua;
    font-size:12px;
    font-weight:bold;
    border-bottom: 2px solid rgba(0,0,0,0);
    transition:all 0.2s
}

.navmenu li div i{
    font-size:24px;
    line-height:15px;
    vertical-align:middle !important;
}

.navmenu li div:hover>i{
    color:aqua
}

.navmenu li div:hover{
    border-bottom:2px solid aqua;
    background:#0B0B0B;
    background-position:center;
    width:100%
}

.navmenu a{
    text-decoration:none;
    color:inherit
}

.navtxt{
    color:aqua;
    margin-left:-30px;
    opacity:0;
    pointer-events:none;
    transition:all 0.3s
}

.navmenu a:hover
.navtxt{
    margin-left:0px;
    opacity:1;
    pointer-events:auto
}



Użytkownicy przeglądający ten wątek:

1 gości