Dobra spróbuje zrobić to na oko.
To do global.css
slink {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
slink2 {
background: #575657;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
slink:hover {
background: #96824F;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
transition-duration:0.3s;
}
slink2:hover {
background: #B39A5B;
width: 90%;
float: center;
text-align: center;
border-radius: 2px;
margin-top: 3px;
transition-duration:0.3s;
}
No i teraz kod HTML, który będziesz musiał dodać do zawartości jednej z paska bocznego. Jeśli nie potrafisz podaj index...
<div class= "slink"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink2"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>
<div class= "slink"><a href= "tutaj link do strony" style= "color: white; !important!;">Wstaw tekst</a></div>