MEMBUAT BORDER PADA LINK DAN TEKS [HTML]

Written By Unknown on Friday 2 November 2012 | 22:38

Sebelum melanjutkan aku mau bilang dulu nih.. Untuk yang berkomentar di blog ini, jika tidak ada komentar ku di blog mu bukan berarti aku tidak berkunjumg balik. Tapi memang blog nya yang berat.. Kebanyakan yang blog nya berat karena banyak memasang widget2 yang tidak penting sehingga susah untuk dikomentari. Pengunjung tidak akan melihat seberapa banyak widget mu dan seberapa bagus rank mu di widget itu. Tapi seberapa bagus kualitas blog dan seberapa cepat loadingnya...
Percuma banyak widget kalau susah di akses.. Kan hanya menghilangkan dan membuat jera para pengunjung. Lagipula memasang widget itu sama saja kalian memberi backlink kepada pemilik widget tersebut..
kalian bisa ganti pada bagian href="http://....." dengan href="?http://....." dengan begitu kalian tidak akan memberi backlink kepada pemilik widget tersebut ..
Oke. Lanjut ke topik...
Membuat border sebenarnya sederhana saja.. Sama seperti pembuatan pada div, p, dan css.

BORDER TEKS

HTML <font style="border: 2px solid red; display: block; padding: 3px;">Teks yang ingin diberi border</font>

HASIL Teks yang ingin diberi border
HTML <font style="border: 2px dashed purple; display: block; padding: 3px;">Teks yang ingin diberi border</font>

HASIL Teks yang ingin diberi border

BORDER PADA LINK

HTML <a href="http://alamat" style="border: 2px solid dotted blue; padding: 3px;">Tampilan Link</a>

HASIL Tampilan Link
NB: 1px, 2px, pada border adalah tebal piksel border.. Jika ingin lebih tebal silahkan ditambah, misalnya 5px. Sedangkan 3px pada padding adalah jarak ruang kosong kanan, kiri, atas dan bawah teks. Kalau ingin seperti tampilan touch screen ubah saja menjadi 7px
solid, dashed, dan dotted adalah jenis border. Nanti akan dijelaskan beberapa jenis border lain di post selanjutnya.
red, blue, dan purle adalah warna. Bisa disesuaikan dengan warna sesuka hati. Untuk kode warna silahkan dilihat di m.phc.my/kodewarna
Style di atas masih border standar. Bisa dikreasikan dengan menambah style background dan color.. Misalnya seperti ini
<font size="15" style="background: #222; color: lime; border: 2px outset orange; padding: 3px; display: block;">Teks Yang Dihiasi</font>

HASIL Teks Yang Dihiasi
Bisa di pasang untuk link juga.. Oke, sepertinya cukup sekian dulu pembahasannya. Untuk melihat HTML dan BBCode lainnya silahkan cek /html-dan-bbcode-1/1.xhtml
Jangan lupa ya untuk klik di c.indogame.in

0 komentar:

Post a Comment