Witam mam pytanko, jak podświetlić taki nagłówek? Tylko na czerwono
![[Obrazek: strona.png]](http://imgup.pl/di/S76A/strona.png)
Do jakiegoś arkusza css dodaj
Gdzieś? Można dokładniej? Bo ogarniam kody itp ale to pierwszy raz robię i nwm.
Nie widzę tego kodu w arkuszu gora.css
Poza tym brak klamry zamykajacej
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
Kod PHP:
<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
Bardzo ładnie i wszystko jasno napisane, tylko nie oto chodziło
Zobacz screeny chodzi mi o taki rezultat:
Podświetlona i osobna beleczka:
(17.10.2016, 18:42)Karko85 napisał(a): [ -> ]Bardzo ładnie i wszystko jasno napisane, tylko nie oto chodziło
Zobacz screeny chodzi mi o taki rezultat:
Podświetlona i osobna beleczka:
Link do forum skąd ten SS.
Jak rozumiem, wygenerowałem to:
Kod:
-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?
Dalej nwm zrobiłem tak jak w poradniku itp... Ale dalej mi to nie działa ;/
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).
Kod:
.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
}