Blockquote vers 1

By Tuesday, November 12, 2013


kawaii bedroom tumblr - Google Search

Hai. Tadi ada orang tanya kat ask.fm. Sebenarnya aku tak faham apa yang orang tu tanya,but buat-buat faham jelah. Sorry sangat kalau salah .
Betul ke apa aku ni? Kalau salah bagitau saya eh?

Example:
Before:
After:
Apabila cursor menyentuh Blockquote, adalah keluar benda pelik emotions.

Jom start !

Copy code di bawah.
blockquote{
padding:10px;
display:block;
font:11px arial;
color:#ccc;
letter-spacing:1px;
border-radius:10px;
border:2px solid #FFE2E2;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-position:0% 0%;
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-size:0px;
}
blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#777;
}
Blogskin/Classic Template: Copy code tersebut then paste di atas kot </style>
Template Designer: Copy code tersebut then paste di atas kot ]]></b:skin>

Nota Kaki:
Biru: Code warna border blockquote.
Merah: Url emoticon Blockquote.





You Might Also Like

1 comments

  1. akak susah nak paham kalo bab tutorial ni. pic tu kan nampak sgt2 menarik la.. ^_^

    ReplyDelete