Saturday, August 28, 2010

Cara Mengubah Tampilan Teks Dengan Bermain Css

Khusus untuk blogger yang suka mengotak atik blog nya, apalagi yang suka bermain di css. Sepertinya kurang tepat kalo css tidak di mainkan yah. hehe , karna untuk mempercantik atau memperindah blog kita harus pandai pandai bermain css. Bermain bukan kata lain dari main main tapi yang saya maksud adalah belajar mengotak atik. Biasa di sebut dengan bereksperimen di css. Kalau sudah menjadi css profesional anda mungkin tidak membutuhkan tips ini, karna tips ini cocok sekali dengan yang baru belajar bermain di css.
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 {
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;
}
mudahkan ? hanya sedikit menambahkan saja. Untuk contoh bisa lihat Judul sidebar blog ini.


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