Zrób to sam! Instrukcja jak zrobić pasek stron na bloga. Kod CSS.

Najcześciej wpisywanym tekstem w wyszukiwarce jest jak zrobić samemu szablon na bloga, czy np. pasek stron u góry naszego bloga. Wielu z Was wchodzi na mojego bloga w poszukiwaniu właśnie takiej instrukcji. Dziś pierwsza instrukcja. Będą się one pojawiać systematycznie. To zaczynajmy!

Na początku wchodzimy w Motyw. Klikamy. Pojawi się nam okienko Dostosuj. Klikając przeniesiemy się do...↓

Tutaj mamy projektanta szablonów. Suwakiem z prawej strony przesuwamy na dół, aż pojawi się nam Dodaj arkusz CSS.

Obok mamy puste pole. Wpisujemy poniższy kod:

.tabs-outer {
overflow: hidden;
position: relative;
background-color: #ffffff;
none repeat scroll 0 0;
width: 100%;
height:35px;
margin-left: auto;
margin-right: auto;
position: fixed; z-index: 1; top: 0px;
}
}
#layout .tabs-outer {
overflow: visible;
}
.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;
}
.tabs-cap-bottom {
bottom: 0;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .6em 1.5em;
font: normal 11px arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
height: 22px;
line-height: 22px;
}
.tabs-inner .widget li:last-child a {
border-right: 1px solid transparent;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: transparent none repeat-x scroll 0 -100px;
color: #000000;
}

Na kolor fioletowy zaznaczyłam kody koloru RGB. Tutaj możecie zmieniać kolor paska stron, a także tekst według własnego uznania. Kody z kolorami tutaj.

Po zastosowaniu kliknijcie Enter, a następnie zapiszcie Dostosuj do Bloga w prawym górnym rogu.