Berikut ini adalah beberapa versi kotak script yang sudut bordernya
dibuat melengkung, sangat bagus di gunakan pada postingan yang
menandakan kode HTML, CSS, JavaScript biar tampilan posting terlihat
dinamis.
Box code versi ini cara penerapan tidak ada beda dengan versi kotak script biasa hanya saja ada penambahan kode CSS.
CHECK THIS OUT...
Border Solid Tampil Kiri
<div style="-moz-border-radius: 10px;
-webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px
solid #2288dd; border-radius: 10px; padding: 10px; t-align:
left;">Letakkan Script disini……</div>
Border Solid
<div style="-moz-border-radius: 10px;
-webkit-border-radius: 10px; background-color: #f3f3f3; border-radius:
10px; border: 4px solid #999; padding: 10px; t-align: left;">Letakkan
Script disini…… </div>
Border Dashed
<div style="-moz-border-radius: 10px;
-webkit-border-radius: 10px; background-color: #ffe599; border-radius:
10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Letakkan
Script disini……</div>
Border Double
<div style="-moz-border-radius: 10px;
-webkit-border-radius: 10px; background-color: #6fa8dc; border-radius:
10px; border: 4px double #fff; padding: 10px; t-align:
left;">Letakkan Script disini……</div>
Border Outset
<div style="-moz-border-radius: 10px;
-webkit-border-radius: 10px; background-color: #a2c4c9; border-radius:
10px; border: 4px outset #fff; padding: 10px; t-align:
left;">Letakkan Script disini……</div>
Dengan cara :
- Copy script box code dari beberapa jenis tampilan di atas
- Paste pada Menu Tab HTML Artikel Entri
Kreasi dengan beberapah bagian di bawah ini :
- Mengganti ukuran sudut lengkungan : border-radius: 10px ada 3 ganti semua
- Mengganti warna background : background-color: #codewarna
- Merubah ketebalan border / garis tepi kolom : border: 4px
Baca Artikel tentang optimasi halaman posting pada RELATED POST di bawah posting ini.
No comments:
Post a Comment
Silahkan berkomentar yang ramah dan sopan. Trims