Mrs.B: ARCHIWUM BLOGA - ZMIANA WYGLĄDU 1

niedziela, 23 września 2018

ARCHIWUM BLOGA - ZMIANA WYGLĄDU 1

Znudziło się Wam archiwum bloga ;)

Mi ostatnio też, ale można je zmienić

np. by wyglądało tak jak powyżej.

A więc zatem zaczynamy...

Wchodzicie w edycje bloga i wyszukujecie <head>

Tuż nad nim wklejacie kodzik z poniższej ramki.

Zapisujecie szablon...

Następnie przechodzicie w motyw,

w zaawansowane i w dodaj arkusz CSS

wklejacie kodzik z poniższej ramki...

Oczywiście możecie zmienić kolory

na takie, by pasowały do waszego bloga...

I gotowe, zapisujecie szablon i cieszycie się

nowym wyglądem Waszego archiwum bloga :)

/* Archive Month Header */
#ArchiveList ul ul li  a.post-count-link{
    font-size: inherit;
    width: auto;
    margin: 0 5px 0;
    padding: 8px 25px;
    line-height: 1;
    background: transparent;
    text-transform: uppercase;
}
 
#ArchiveList .zippy{
    visibility: hidden;
}
 
#ArchiveList ul li a.toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 38px;
    z-index: 5;
}
 
#ArchiveList ul ul li a.toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 24px;
    display: block;
    z-index: 0;
}
 
#ArchiveList .toggle {
    position: relative;
}
 
#ArchiveList ul ul .zippy{
    color: white;
    visibility: visible;
    text-shadow: none;
}
 
#ArchiveList ul ul .zippy:before {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 12px;
    padding: 4px;
    line-height: 1;
    font-size: 12px;
    color: #000000;
}
 
#ArchiveList ul ul .toggle-open:before {
    content: '\f107';
    position: absolute;
    top: 3px;
    left: 10px;
}
 
#ArchiveList ul li{
    padding: 0 !important;
    text-indent: 0 !important;
    margin: 0 !important;
    position: relative;
}
 
#ArchiveList ul .post-count-link {
    padding: 10px 0;
    display: inline-block;
    margin: 0 5px 0;
}
 
#ArchiveList ul ul .posts li {
    margin: 0px 10px 10px 30px !important;
    text-transform: none;
}
 
#ArchiveList ul {
    margin: 0 0 2px !important;
}
 
span.post-count {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000000;
}

Strony

niedziela, 23 września 2018

ARCHIWUM BLOGA - ZMIANA WYGLĄDU 1

Brak komentarzy:

Prześlij komentarz