Mrs.B: JAK ZMIENIĆ WYGLĄD POPULARNYCH POSTÓW 2

środa, 19 września 2018

JAK ZMIENIĆ WYGLĄD POPULARNYCH POSTÓW 2

Dziś jeszcze jeden sposób na publiczne posty.

Zdradzę Wam kilka pomysłów na nie, ale pomalutku ;)

Tym razem na kolorowo!

Oczywiście kolory możecie pozmieniać!

Tych postów może być więcej, ale to wiecie. Zależy ile ustawicie w układzie bloga.

Dziś jak poprzednio pracujemy jednak na kodzikach ;)

Zatem najpierw w kodzie wyszukujemy </head> i nad nim wklejamy kod z poniższej ramki :) W nim możecie pozmieniać kolory np. #045723

<style type='text/css'>
.sidebar .PopularPosts ul{padding:0;margin:0;}.sidebar .PopularPosts .item-thumbnail a{clip:auto;display:block;height:auto;overflow:hidden;}.sidebar .PopularPosts .item-thumbnail{width:130px;height:130px;border-right:5px solid #fff;margin:0px 10px 0px 0px !important;position:relative;}.sidebar .PopularPosts .item-thumbnail img{position:relative;height:auto;width:100%;padding:0;}.sidebar .PopularPosts ul li{float:left;margin-bottom:5px;max-height:130px;min-width:250px;overflow:hidden;}.sidebar .PopularPosts ul li:first-child{background:#D9EDF7;}.sidebar .PopularPosts ul li:first-child + li{background:#F2DEDE;}.sidebar .PopularPosts ul li:first-child + li + li{background:#DFF0D8;}.sidebar .PopularPosts ul li:first-child + li + li + li{background:#FFEEBC;}.sidebar .PopularPosts ul li:first-child + li + li + li + li{background:#E0E0E0;}.sidebar .PopularPosts .item-title{font:13px 'Oswald', sans-serif;text-transform:uppercase;padding:10px 5px 10px;}.sidebar .PopularPosts .item-title a{color:#000;text-decoration:none;}.sidebar .PopularPosts .item-snippet{font:13px "Times New Roman",Times,FreeSerif,serif;padding-right:5px;}.sidebar .PopularPosts .widget-content ul li{padding:0px 5px 0px 0px!important;}
</style>

Teraz w kodzie wyszukujemy <head> i nad nim wklejamy kod z poniższej ramki...

Następnie wyszukujemy </body> i nad nim wklejamy kod z poniższej ramki...

I na koniec cieszymy się nową wersją popularnych postów :D

Zapraszam już wkrótce po kolejne wskazówki dotyczące nie tylko popularnych postów.
Na dniach dowiecie się jak stworzyć te wzory poniżej :)

Brak komentarzy:

Prześlij komentarz

Subskrybuj: Komentarze do posta (Atom)

Copyright © Szablon wykonany przez Mrs.B