Blog > Komentarze do wpisu

Formatowanie ostatnich komentarzy

#LastComments{
width:200px;
margin-left: 10px;
text-align: justify;
}
#LCtitle{
height:50px;
color: #666;
font-family: georgia;
FONT-SIZE: 24px;
padding-top: 10px;
padding-left: 5px;
font-weigh: bold;
text-align:center;
}
.LCuser{
background: url(http://emiliipalace.blox.pl/resource/znacz.png) left no-repeat;
padding-left: 35px;
}
.LCdate{
font-size:9px;
}
#LastComments li{
padding-bottom: 10px;
}
#LastComments a{
font-style:ITALIC;
font-weigh: bold;
color: #999;
}
#LastComments ul{
list-style:none;
padding-left:20px;
margin-left:0
}

Na blogu TESTBLOG znajdują się wskazówki w jaki sposób funkcje ostatnich komentarzy zaadoptować do swojego bloga. Ale nie wiele osób wie, że można je moderować tak aby pasowały one do wyglądu bloga.

Podaje przykład z mojego bloga (na czerwono będą objaśnienia)

 

#LastComments{ parametry całości komentarzy

width:200px; szerokość - przeważnie trzeba podać wielkość wąskiej szpalty

margin-left: 10px; margines od lewej strony

text-align: justify; ten kod odpowiada za rozłożenie tekstu czy justowanie

}

#LCtitle{ odpowiada za tytuł

height:50px;  wysokość

color: #666; kolor

font-family: georgia; rodzaj czcionki

FONT-SIZE: 24px; wielkość czcionki

padding-top: 10px; to jest przesunięcie od góry

padding-left: 5px; to jest przesunięcie od lewej

font-weigh: bold; pogrubienie czcionki

text-align:center; a to po to aby nagłówek był na środku (może być też left lub right)

}

.LCuser{ nick komentującego

background: url() left no-repeat; ja mam w tym miejscu taką delikatną strzałkę, która jest wrzucona w pliki bloga i jej link wklejony mam  między nawiasy, wpisałam lokalizację po lewej i aby się w linijce nie powtarzała

padding-left: 35px; to jest miejsce na znaczek

}

.LCdate{ format daty

font-size:9px; tu mam zmniejszoną czcionkę, ale można zwiększyć np. do 11px

}

#LastComments li{ tego nie mogę wyczuć, ale chyba musi być

padding-bottom: 10px;

}

#LastComments a{ to odpowiada za link do postu

font-style:ITALIC; czcionka kursywa

font-weigh: bold;

color: #999;

}

#LastComments ul{ ta komenda odpowiada za usunięcie z kodu wyznaczników czyli kropek

list-style:none;

padding-left:20px;

margin-left:0;

}

Wiem, że nie dla każdego może to być łatwe, ale służę pomocą.

Jeśli chcecie z tego skorzystać to przekopiujcie bez czerwonych wyjaśnień.

UWAGA! po każdej komendzie musi być średnik, jego brak zafałszowuje całą stronę.

Jeśli na podglądzie coś nie będzie się zgadzać to właśnie tego szukajcie.

poniedziałek, 24 stycznia 2011, emilka_sen

Polecane wpisy

  • Minimalizm w ogrodzie

    Bardzo chciałabym mieć duży ogród, ale to pozostaje w ramach moich marzeń - bo nie ma szans na duży ogród i będę się cieszyć tym co będę miała. Zastanawiam się

  • All in one 2016 - planner

    Kalendarze, w sklepach jest w czym wybierać, jednak praktycznie wszystkie są prawie takie same i raczej mało dostosowane do naszych potrzeb. Są albo standardowe

  • Formularz zamówienia

    Bardzo lubię formularze, które ułatwiają życie. Takie formularze można sobie samemu według potrzeby stworzyć, ale również raz w roku wprowadzić taki cykl organi

Related Posts Plugin for WordPress, Blogger...