8 cze 2017

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



kody css, pasek stron na bloga, wygląd bloga, 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.



Brak komentarzy:

Prześlij komentarz

Jeśli masz coś ciekawego do powiedzenia - Mów! Jeśli nie - Zamilcz!
Na wszystkie komentarze odpowiadam :-)

Copyright © Szablon wykonany przez Blonparia