Senin, 29 Agustus 2011

Cara membuat border blog melengkung

dashboard > design > edit HTML *tick expand widget templates
tekan CTRL F serentak and search code ni :
.content-inner {
kalau dah jumpa, pastekan code bwah ni dibawah .content-inner {
-moz-border-radius: 35px;
border-radius: 35px;
kalau nak tambah color pada border tu, korang just tambah code ni :
border: 2px solid #000000;
korang pastekan dia bawah .content-inner {

full code, dia akan jadi macam ni :
border: 2px solid #000000;
-moz-border-radius: 35px;
border-radius: 35px;
merah : tebal border.
biru : boleh tukar dashed or dotted. 
purple : color border. rujuk sini untuk mendapatkan code warna. 


okay next . . .

tekan CTRL F sekali lagi. then search code ni pulak.
.content-outer {
jumpa kan? tengok bawah code dia, then ade code macam ni :
 -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
 -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
 -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  margin-bottom: 1px;
}
padam code tu. wajib padam okay :) baru tak nampak cacat and lebih kemas. 
lepas dah siap semua, baru save. 


0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...