Cantikkan Blockquote
Posted Jun 2, 2013 // 7:26 PM
Annyeong ! Tuto ni unnie kredit ke KakTiqa . Ok, jom mula.. haahaa, taktau nak cakap apa act . Tapi tuto ni sangat berguna dan berkualiti sebab Unnie Tiqa yang buat ^^
Dashboard > Template
Press Ctrl + f serentak dan cari code </style>
Bagi blog yang dah ada code blockquote, korg cari code blockquote {
Nanti paste code dekat bawah ni, di atas code </style> atau di bawah code blockquote {
blockquote {padding-left: 6px;background:#FFFFFF;padding-bottom : 7px;font-family: "verdana";font-size:10px;border-left: 6px solid #000000;text-shadow:1px 1px 0px #fff;color:#000000; width:448px;margin-left:10px;padding-right:6px;padding-top:4px;}
blockquote {padding-left: 6px;background:#FFFFFF;text-align:center;padding-bottom : 7px;font-family: "verdana";font-size:10px;border-left: 6px solid #000;border-right: 6px solid #FFF;text-shadow:1px 1px 0px #fff;color:#000000; width:448px;margin-left:10px;padding-right:6px;padding-top:4px;}
blockquote {padding-left: 18px;background:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;padding-bottom : 7px;font-family: "verdana"; font-size:10px;border-left: 0px solid #000;text-shadow:1px 1px 0px #fff;color:#898888;width:448px; margin-left:10px;padding-right:6px; padding-top:7px;border-bottom:1px dashed #f295aa;border-right:1px dashed #f295aa;border-top:1px dashed #68baaf;border-left:1px dashed #68baaf;}
( Like my blockquote )
blockquote {padding-left: 6px;background:#F7F6F6;padding-bottom : 7px;font-family: "verdana";font-size:10px;border-top: 2px solid #000;border-bottom: 2px solid #000;border-left: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;text-shadow:1px 1px 0px #fff;color:#000000; width:448px;margin-left:10px;padding-right:6px;padding-top:4px;}
blockquote {padding-left: 16px;background:#F2FFFF;padding-bottom : 7px;font-family: "Verdana";font-size:10px;border-left: 6px solid #F6DCFF;text-shadow:1px 1px 0px #fff;color:#9a9a9a; width:448px;margin-left:10px; padding-right:6px; padding-top:4px;}blockquote:hover {padding-left: 45px;border-left: 10px #FFC8E4 solid;background-color:#E1E1E1;color:#000;-webkit-transition-duration: 3s;-moz-transition-duration: 4s;transition-duration: 2s;}
Note :
Oren : warna background
Hijau : ketebalan border & shadow
Pink : solid / dotted / dashed
Kuning : warna tulisan
Biru : warna shadow
Hijau muda : warna border
0 Comments:
Post a Comment
1# Harsh word not allowed
2# Support word , I say THANKS ^^
... Back to the blog?