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

środa, 19 września 2018

JAK ZMIENIĆ WYGLĄD POPULARNYCH POSTÓW 1

Zastanawialiście się jak stworzyć wyjątkowe "popularne posty"?

Takie jak te u dołu?

Kod na popularne posty:

<style type='text/css'>
.sidebar .PopularPosts ul{margin:0;padding:0;}.sidebar .PopularPosts ul li{list-style:none !important;padding:0 !important;margin-bottom:10px;}.sidebar .PopularPosts .item-thumbnail{height:190px;margin:0;overflow:hidden;width:100%;}.sidebar .PopularPosts .item-title{position: relative;}.sidebar .PopularPosts img{height:auto;width:100%;padding:0;}.sidebar .PopularPosts .item-title a{color: #FFFFFF;font:20px Oswald;text-transform:uppercase;padding:10px;position:absolute;right:0;left:0px;margin:0px auto;text-align:center;text-decoration:none;top:40px;width:60%;height:26px;overflow:hidden;z-index:2;}
.sidebar .PopularPosts .item-snippet{background:rgba(0, 0, 0, 0.35);border-top:6px solid rgba(0, 0, 0, 0.1);border-bottom:6px solid rgba(0, 0, 0, 0.1);color:#FFFFFF;left:0px;right:0px;margin:0px auto;padding:65px 10px 10px;position:absolute;font:13px 'Times New Roman',Times,FreeSerif,serif;text-align:center;top:35px;width:60%;z-index:1;}.sidebar .PopularPosts .item-content{position:relative;}
</style>

Wyszukujemy </head> i wklejamy nad nim powyższy kod...

Następnie wyszukujemy <head> i nad nim wklejamy poniższy kod z ramki

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

Cieszymy się nową wersją popularnych postów :D

Brak komentarzy:

Prześlij komentarz

Subskrybuj: Komentarze do posta (Atom)

Copyright © Szablon wykonany przez Mrs.B