Porady blogowe I cz.

Hej!
Wiele z was pytało jak np. wysrodkować nagłówek posta.Robi się to za pomocą kodów CSS, które są ważne aby dokonać zmian!:) (Rzeczy napisane kursywą można zmieniać!)Na początek musisz otworzyć:Blogger -> Szablon-> Dostosuj-> Zaawansowane ->Dodaj arkusz CSS.
Oto kilka podstawowych kodów:


 Wielkość czcionki w prawej kolumnie:
.column-right-inner {font-size: 15px;}

Wielkość czcionki w lewej kolumnie:
 .column-left-inner {font-size: 15px;}

Cienie w napisie "Komentarz":
.comments h4 {text-shadow: 1px -1px 1px}

 Wyśrodkowanie daty:
h2.date-header {text-align: center;}

Wyśrodkowanie tekstu w środkowej kolumnie:
.column-center-inner {text-align: center;}
Marginesy w prawej kolumnie:

.column-right-inner {padding: 17px ;}

Marginesy w lewej kolumnie:

.column-left-inner {padding: 17px ;}

Wysokość nagłówka:
.header { height: 234px;}

Obrazek do napisu "Komentarze":
.comment-link {background: url(link do obrazka) no-repeat scroll 0 transparent; margin-center: 10px;padding: 45px 20px 35px;}

 Okrągłe awatary komentujących:
.avatar-image-container {
-moz-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
-goog-ms-border-radius: 20px !important;
border-radius: 20px !important;
}

Rozszerzenie liter po najeździe na link:
a:hover { letter-spacing: -1px }

(UWAGA!: Jeśli wpiszesz wartość ujemną litery będą się zwężały!)

Przesunięcie prawej kolumny o dowolną wartość:
.column-right-inner {margin: 1px 36px -10px -5px;}

Przesunięcie lewej kolumny o dowolną wartość:

.column-right-inner {margin: 1px 36px -10px -5px;}

Brak podkreśleń pod linkiem:

a:hover {
text-decoration: none;}


                                               Podkreślenie tytułu posta:
                                h3.post-title {border-bottom: 01px #ffccff dotted;}

Tkz. Przyklejony pasek u góry strony:
.tabs-outer {
overflow: hidden;
position: relative;
background-color: #a7a7a7;
none repeat scroll 0 0;
width: 100%;
height: 35px;

margin-right: auto;
position: fixed; z-index: 15; top: 0px;}
#layout .tabs-outer {
overflow: visible;}

.tabs-outer { text-align: center;}
.tabs-inner .widget li a {
display: inline-block;
padding: .6em 1.5em;
font: normal 25px Arial, sans-serif;
color: #000000;
height: -22px;
line-height: 22px;
}
Wszystkie wymiary można zmieniać!

Na dziś to tyle, oczekujcie części drugiej oraz jak zrobić pół okrągły nagłówek!: )
Jeżeli macie jeszcze jakieś pytania piszcie do mnie na e-mail , lub pytajcie w komentarzach! :)

2 komentarze:

  1. Przydatne wskazówki :** dziękuję za obserwację i również obserwuję ;)))

    OdpowiedzUsuń

☆Dziękuję za obserwację i komentarze :)
☆Odwiedzam każdy blog pozostawiony w komentarzu
☆Proszę nie pisz komentarza typu " Fajny Blog, obserwujemy ? (itp.)" , bo to świadczy o tym, że nie przeczytałeś/aś posta i chcesz się tylko zareklamować.