Sunday, August 4, 2013

Tutorial : Blockquote Version 6

天后☆彡 | via Tumblr

こんにちは, 안녕하세요 , Assalamualaikum. 

Hari ni Atin nak bagi korang blockquote untuk versi kali ni . Sorry la , Atin pakai jenis yang lama-lama punye , so jarang pakai yang style baru haha . ok korang bole tengok example bawah ni

| PREVIEW |

BLOGSKIN

 Dashboard > Template > Edit HTML
 Tekan Ctrl + f serentak dan cari code blockquote {
 Tukar code tu kepada code bawah ni :
blockquote{
padding:20px;
position:relative;
background:#eee;}
blockquote:first-letter {
color:#aaa;
font-weight:bold;
font-style:italic;
font-size:23px;
font-family:Georgia;
text-transform:uppercase;}

blockquote:before{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-right-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
border-right:;
position:absolute;
margin:0px -20px;
top:0%;
right:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;        
content:'“';
display:block;
float:left;}
blockquote:after{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-left-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
position:absolute;
margin:0px -20px;
bottom:0%;
left:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;    
content:'”';
display:block;
float:left;
}
Save




TEMPLATE DESIGNER

 Dashboard > Template > Edit HTML
 Tekan Ctrl + f serentak dan cari code blockquote {
 Tukar code tu kepada code dekat bawah ni
blockquote{
padding:20px;
position:relative;
background:#eee;}
blockquote:first-letter {
color:#aaa;
font-weight:bold;
font-style:italic;
font-size:23px;
font-family:Georgia;
text-transform:uppercase;}

blockquote:before{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-right-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
border-right:;
position:absolute;
margin:0px -20px;
top:0%;
right:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;        
content:'“';
display:block;
float:left;}
blockquote:after{
border-radius:100px;
box-shadow:inset 0px 0px 0px 30px #fff;
border:4px solid #eee;
border-left-color:rgba(0,0,0,0);
text-align:center;
height:30px;
width:30px;
overflow:hidden;
position:absolute;
margin:0px -20px;
bottom:0%;
left:100%;
color:#d3a9a7;
font:55px/55px arial, sans-serif;    
content:'”';
display:block;
float:left;
}
 Save

merah : background



Credit : Aishah 

1 comment:

cik kiera said...

Kiera guna tuto awak , Thanks :D