1. Na początek ustaw pierwszy szablon z kategorii "Rewelacja"
2. Następnie w opcji "tło", ustawiamy na układ tła "Nie powielaj sąsiadująco " oraz zaznacz opcje "przewijaj wraz ze stroną".
3. Następnie wgrywamy tło bloga.
4. Ustawiamy układ strony na dwu kolumnowy.
5. Następnie wchodzimy w zakładkę " Ustawienia szerokości", oraz ustawiamy szerokość całego bloga na 950 pikseli, lewy pasek boczny na 380 pikseli
6. Potem wchodzimy w "Zaawansowane".
tło zewnętrzne (bloga) - czarne
2. Następnie w opcji "tło", ustawiamy na układ tła "Nie powielaj sąsiadująco " oraz zaznacz opcje "przewijaj wraz ze stroną".
3. Następnie wgrywamy tło bloga.
4. Ustawiamy układ strony na dwu kolumnowy.
5. Następnie wchodzimy w zakładkę " Ustawienia szerokości", oraz ustawiamy szerokość całego bloga na 950 pikseli, lewy pasek boczny na 380 pikseli
6. Potem wchodzimy w "Zaawansowane".
tło zewnętrzne (bloga) - czarne
kolor tekstu : białe lub #cccccc
Linki: #888888 , #ffffff
Linki: #888888 , #ffffff
W Add CSS wklejasz następujące komendy (OBOWIĄZKOWO) :
.
.header {height: 310px}
h3.post-title, .comments h4 {text-align: center;}
h2.date-header {text-align: center;}
.blog-pager { display: none !important;}
.tabs-outer {margin: px -52px 50px 540px;}
.tabs-outer {background-color: #331010;}
.tabs-outer {box-shadow:0px 0px 8px black}
.tabs-outer{border-radius: 90px 2px 90px 2px;}
.tabs-outer {width: 1230px}
.tabs-outer {opacity: 0.50;}
.tabs-outer {border-style: dashed;}
.tabs-outer {border-width: thin;}
.tabs-outer {border-color: #8e9b94;}
.tabs-outer {padding: 3px;}
.column-right-inner {text-align: center; }
.column-left-inner {text-align: center; }
.post {background-color: #331010;}
.post {padding: 25px;}
.post {border-radius: 90px 2px 90px 2px;}
.post {border-style: dashed;}
.post {border-width: thin;}
.post {border-color: #8e9b94;}
.post {opacity: 0.50;}
.post {box-shadow:0px 0px 30px black}
.comment p {background-color: #331010;}
.comment p {opacity: 0.8;}
.comment p{box-shadow:0px 0px 15px black}
.comment p {padding: 20px;}
.comment p{border-radius: 45px 2px 45px 2px;}
.comment p {border-style: dashed;}
.comment p {border-width: thin;}
.comment p {border-color: #8e9b94;}
.avatar-image-container {border-style: dotted;}
.avatar-image-container {border-width: thin;}
.avatar-image-container {border-color: #8e9b94;}
.main-inner .column-left-inner {background-color: #331010;}
.main-inner .column-left-inner {box-shadow:0px 0px 15px black}
.main-inner .column-left-inner {border-radius: 60px 2px 90px 2px;}
.main-inner .column-left-inner {text-align: center; }
.main-inner .column-left-inner {margin: 450px 84px 0px 35px;}
.main-inner .column-left-inner {opacity: 0.50;}
.main-inner .column-left-inner {border-style: dashed;}
.main-inner .column-left-inner {border-width: thin;}
.main-inner .column-left-inner {border-color: #8e9b94;}
7. Koniec. Zapisujesz
.
.header {height: 310px}
h3.post-title, .comments h4 {text-align: center;}
h2.date-header {text-align: center;}
.blog-pager { display: none !important;}
.tabs-outer {margin: px -52px 50px 540px;}
.tabs-outer {background-color: #331010;}
.tabs-outer {box-shadow:0px 0px 8px black}
.tabs-outer{border-radius: 90px 2px 90px 2px;}
.tabs-outer {width: 1230px}
.tabs-outer {opacity: 0.50;}
.tabs-outer {border-style: dashed;}
.tabs-outer {border-width: thin;}
.tabs-outer {border-color: #8e9b94;}
.tabs-outer {padding: 3px;}
.column-right-inner {text-align: center; }
.column-left-inner {text-align: center; }
.post {background-color: #331010;}
.post {padding: 25px;}
.post {border-radius: 90px 2px 90px 2px;}
.post {border-style: dashed;}
.post {border-width: thin;}
.post {border-color: #8e9b94;}
.post {opacity: 0.50;}
.post {box-shadow:0px 0px 30px black}
.comment p {background-color: #331010;}
.comment p {opacity: 0.8;}
.comment p{box-shadow:0px 0px 15px black}
.comment p {padding: 20px;}
.comment p{border-radius: 45px 2px 45px 2px;}
.comment p {border-style: dashed;}
.comment p {border-width: thin;}
.comment p {border-color: #8e9b94;}
.avatar-image-container {border-style: dotted;}
.avatar-image-container {border-width: thin;}
.avatar-image-container {border-color: #8e9b94;}
.main-inner .column-left-inner {background-color: #331010;}
.main-inner .column-left-inner {box-shadow:0px 0px 15px black}
.main-inner .column-left-inner {border-radius: 60px 2px 90px 2px;}
.main-inner .column-left-inner {text-align: center; }
.main-inner .column-left-inner {margin: 450px 84px 0px 35px;}
.main-inner .column-left-inner {opacity: 0.50;}
.main-inner .column-left-inner {border-style: dashed;}
.main-inner .column-left-inner {border-width: thin;}
.main-inner .column-left-inner {border-color: #8e9b94;}
7. Koniec. Zapisujesz
Kolejny szablon Kimi-san
OdpowiedzUsuń