Wednesday, July 25, 2012

Freebies : Blockquote Simple Version 3


Ok tau hari ni puasa . sebab tu atin tak sedap badan --' lemah ni >< . Jadi atin sediakan jenis-jenis Blockquote yang simple punye --' . huhu . korang boleh copy code bawah ni n atin dah sediakan contoh . 

Nota : kalau dah simple , kiranya xda hover tau :(


Contoh 1
BLOGSKIN
blockquote { 
color:#666666
background: #ffffff url(http://i39.tinypic.com/154iuq9.jpg); 
background-position:top left; 
background-repeat:no-repeat; 
margin: 6px 6px 6px 6px; 
padding: 8px 0px 8px 74px; 
font-size: 14px; 
font-style:italic; 
line-height:1.4em; 

DESIGNER
.post blockquote { 
color:#666666
background: #ffffff url(http://i39.tinypic.com/154iuq9.jpg); 
background-position:top left; 
background-repeat:no-repeat; 
margin: 6px 6px 6px 6px; 
padding: 8px 0px 8px 74px; 
font-size: 14px; 
font-style:italic; 
line-height:1.4em; 

Contoh 2
BLOGSKIN
blockquote { 
border-top: 1px solid #FFF; 
border-left: 1px solid #FFF; 
border-right: 1px solid #666666; 
border-bottom: 1px solid #666666; 
background: #000000 url(http://i37.tinypic.com/23tgzfk.jpg); 
background-position:top left; 
background-repeat:repeat-y; 
margin: 0 20px; 
padding: 10px 20px 10px 45px; 
font-size: 0.9em; 

DESIGNER
.post blockquote { 
border-top: 1px solid #FFF; 
border-left: 1px solid #FFF; 
border-right: 1px solid #666666; 
border-bottom: 1px solid #666666; 
background: #000000 url(http://i37.tinypic.com/23tgzfk.jpg); 
background-position:top left; 
background-repeat:repeat-y; 
margin: 0 20px; 
padding: 10px 20px 10px 45px; 
font-size: 0.9em; 


Contoh 3
BLOGSKIN
blockquote { 
background: #ffffff url(http://i44.tinypic.com/slh4yu.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
margin: 6px 6px 6px 6px; 
padding: 8px 36px 8px 40px; 
font-size: 14px; 
line-height:1.4em; 

DESIGNER
.post blockquote { 
background: #ffffff url(http://i44.tinypic.com/slh4yu.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
margin: 6px 6px 6px 6px; 
padding: 8px 36px 8px 40px; 
font-size: 14px; 
line-height:1.4em; 

Contoh 4
BLOGSKIN
blockquote { 
color:#000000; 
background: #ffffff url(http://i41.tinypic.com/24fh84w.jpg); 
margin: 6px 6px 6px 6px; 
padding: 8px 6px 8px 6px; 
font-size: 14px; 
line-height:1.4em; 

DESIGNER
.post blockquote { 
color:#000000; 
background: #ffffff url(http://i41.tinypic.com/24fh84w.jpg); 
margin: 6px 6px 6px 6px; 
padding: 8px 6px 8px 6px; 
font-size: 14px; 
line-height:1.4em; 

Credit : amoi

No comments: