Sesuai dengan judul di atas, yaitu Cara mengubah tampilan teks -- dengan bermain di css. Jika anda bertanya tanya, "Tampilan apa yah yang di maksud ?" saya akan menjawab, "Tampilan teks lohhh". ehhe
Langsung saja kita mulai belajar.
Membuat Teks Berada Di Tengah
anda hanya perlu menambahkan kode di bawah ini kedalam teks yang ingin di jadikan korban.
text-align:center;contoh saya akan membuat judul sidebar di tengah:
#sidebar h2 {mudahkan ? hanya sedikit menambahkan saja. Untuk contoh bisa lihat Judul sidebar blog ini.
text-align:center;
background : #black none repeat scroll 0 0;
padding : 5px 15px 0;
border-bottom : 1px solid #ccc;
margin : 0 -15px 15px -15px;
font : normal 16px comic sans ms, verdana, helvetica, arial, sans-serif;
text-transform : uppercase;
color : #white;
}
Membuat Teks Berkedip
sama seperti contoh di atas, tapi kode nya berbeda dari yang di atas. Kode nya seperti di bawah ini.
text-decoration:blink;
Anda hanya perlu menyisipkan nya saja, seperti contoh di atas.
Membuat Teks Berbayang
tambahkan kode di bawah ini :
text-shadow:2px 2px 2px #777777;
contoh :
#header h1, #header h2 {
position : absolute;
top : 71px;
left : 25px;
color : #black;
text-shadow:2px 2px 2px #777777;
font : bold 37px/30px comic sans ms, arial, verdana, helvetica, sans-serif;
text-transform : uppercase;
}
Nb: Kalau sudah di bermain jangan lupa di rapikan ya, maksudnya di simpan. hehe
Semoga Bermanfaat !
0 comments:
Post a Comment