Monday, 6 April 2009

Membuat Area Text Serasa 3 Dimensi


Membuat area text,bukan membuat text area,text area anda bisa baca disini.
Tapi yanhg akan kita bicarakan pada topik kali ini adalah membuat bidang/tempat area text seolah 3 Dimensi.
Contohnya anda bisa lihat di bawah ini :


Saya lagi belajar Membuat Area Text Serasa 3 Dimensi

Caranya sangat mudah sekali,ya..kita memerlukan bantuan CSS.Maksudnya?
Pertama,anda pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Setelah itu cari kode:

<head>
jika sudah ketemu,letakkan kode berikut persis di bawah kode tersebut :
<style type='text/css'>
#tigadimensi{
background: #E8E8E8;
margin: 15px;
font-family:arial;
font-size:13px;
text-align:justify;
padding: 10px 15px 10px 15px;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #666666;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #666666;
}
#post tigadimensi{
margin:.75em 0;
}
</style>
Setelah itu Simpan Template.
Selanjutnya,pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya tambah element baru,atau bisa juga langsung posting ke posting area,tuliskan kata yang ingin anda tampilkan nanti,gunakan kode berikut :
<div id='tigadimensi'>Text Anda Disini
</div>
Simpan,dan lihat Hasilnya !

Baca Juga Yang Ini..

Diposkan oleh di
Label: , ,