Subtelny cytat | Blogger Skrypt

Kyani

Translate

Subtelny cytat

Subtelny styl cytatów

Umieszczanie stylu cytatu


  1. W menu Szablon kliknij Edytuj kod HTML szablonu.
  2. Kliknij Ctrl + F i wyszukaj znacznik:

]]></b:skin>

Następnie przed wyszukanym znacznikiem wklej poniższy kod:

blockquote {
color:rgb(255,150,100);
font-family:georgia, serif;
font-size:32px;
line-height:1.2;
text-align:center;
padding:24px 60px;
margin:0 120px;
margin-bottom:18px;
border:solid 1px rgb(220,220,220);
position:relative;
}

blockquote:before,
blockquote:after {
position:absolute;
width:48px;
height:48px;
content:".";
font-size:0;
}

blockquote:before {
background-image:url('http://i.imgur.com/uoHCjSK.png');
top:0;
left:0;
}

blockquote:after {
background-image:url('http://i.imgur.com/m3HnqqU.png');
bottom:0;
right:0;
}

.author {
display:block;
text-align:right;
font-size:18px;
padding:4px;
color:rgb(150,150,150);
font-style:italic;
}

Umieszczanie cytatu w poście

  1. W edytorze tekstowym posta przejdź w opcję HTML.
  2. Następnie użyj poniższego kodu:

<blockquote>
TUTAJ ZAMIEŚĆ TREŚĆ CYTATU
<span class="author">~ TUTAJ AUTORA</span>
</blockquote>

Dostosowywanie cytatu

  • Tekst zaznaczony na żółto zamień na treść cytatu.
  • Tekst zaznaczony na zielono zamień na nazwę autora cytatu.

Brak komentarzy:

Prześlij komentarz