piątek, 25 stycznia 2013

kompozycja ItaSakuSasu

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 920 pikseli, lewy pasek boczny na 380 pikseli
6. Potem wchodzimy w "Zaawansowane".
  tło zewnętrzne (bloga) - czarne
kolor tekstu : białe lub A49A9B

 
W Add CSS wklejasz następujące komendy (OBOWIĄZKOWO) :
h2.date-header {text-align: center;}
h3.post-title, .comments h4 {text-align: center;}
.header { height:140px;}
h3.post-title, .comments h4 {text-align: center;}
.blog-pager { display: none !important;}
.post {background-color: #13101A;}
.post {padding: 20px;}
.post {border-radius: 90px 9px 115px 9px;}
.post {border-style: double;}
.post {border-width: medium;}
.post {border-color: #776a62;}
.post {opacity: 0.9;}
.post {box-shadow:0px 0px 40px black}
.comment p {background-color: #13101A;}
.comment p {opacity: 0.8;}
.comment p{box-shadow:0px 0px 10px black}
.comment p {padding: 20px;}
.comment p{border-radius: 30px 5px 30px 5px;}
.comment p {border-style: double;}
.comment p {border-width: medium;}
.comment p {border-color: #776a62;}
a:hover {border-bottom-style: dotted;}
a:hover {border-bottom-width: thin;}
.main-inner .column-left-inner {background-color: #1C1A22;}  
.main-inner .column-left-inner {box-shadow:0px 0px 15px black}
.main-inner .column-left-inner {border-radius: 0px 80px 5px 90px;}
.main-inner .column-left-inner  {text-align: center; }
.main-inner .column-left-inner {margin: 350px 84px 0px 35px;} 
.main-inner .column-left-inner {opacity: 0.7;}   
.main-inner .column-left-inner {border-style: double;}
.main-inner .column-left-inner {border-width: medium;}
.main-inner .column-left-inner {border-color: #776a62;}
.blog-pager { display: none !important;}
.tabs-inner .widget li a {background-color:  13111A;}
.tabs-inner .widget li a:hover {border-radius: 10px;}
.tabs-inner .widget li a {border-radius: 50px 5px 30px 5px;}
.tabs-inner .widget li a {color: #7C6669;}
.tabs-inner .widget li a {box-shadow: 0px 0px 5px;}
.tabs-inner .widget li a {margin: 85px 25px 30px;}
.tabs-outer {margin: 15px 10px 50px 0px;}
.tabs-inner {opacity: 0.8;}
7. Zapisujesz. Koniec.