Akhirnya template yang gw kerjakan selesai juga. Desainnya sendiri diinspirasi dari Tag Land dengan melakukan banyak penyesuaian dan perubahan. Pembuatannya menggunakan kerangka Minima White yang ditransform ke mode Dark Red. Dalam template ini saya sematkan fitur slider Zinmag-Primus yang menggunakan jquery-1.2.6. Tidak hanya itu, ini template pertamaku yang menggunakan text-shadow dan rounded corner sebagai pemanis. Sayangnya kedua property ini hanya bisa terlihat pada Mozilla FF, Opera, dan Safari. Sedangkan Chrome belum saya ujicobakan. Khusus untuk IE dan semua saudaranya yang bodoh itu, text shadow dan rounded corner tidak terlihat karena memang mereka tidak dilengkapi dengan fasilitas ini. Sekarang mari kita ulas tentang dua property ini.

1. Text Shadow:
Dari satu property ini bisa dikembangkan dua mode yang berbeda. Sebut saja mode Timbul dan Mode Tenggelam (*hehehe...saya tidak tau namanya). Karena properti ini hanya digunakan pada Text, jadi tempat peletakannya pun hanya didaerah text. Saya mengambil contoh 'Judul Posting'.

.post h3 {
margin:.25em 0 5px;
padding-left: 10px;
font-size:170%;
font-weight:bold;
line-height:1.4em;
color:#000000;
background: #8e1919;
border: 1px solid #6d0d0d;
text-shadow: 1px 1px 1px #636262;
}

2. Rounded Corner:
-webkit-border-radius:10px; ---> hanya terlihat di Safari
-moz-border-radius:10px; ---> hanya terlihat di FF
Rounded Corner membuat efek tumpul pada sudut background. Cara pemasangannya sangat banyak. Ada yang lewat pemanggilan Class CSS ada juga yang melalui pemasangan Javascript sampai Mootools. Cara yang termudah dengan mendeklarasikannya sebagai Property. Cara ini saya dapat setelah bertanya ke Choen.

.post h3 {
margin:.25em 0 5px;
padding-left: 10px;
font-size:170%;
font-weight:bold;
line-height:1.4em;
color:#000000;
background: #8e1919;
border: 1px solid #6d0d0d;
text-shadow: 1px 1px 1px #636262;
-webkit-border-radius:10px; /* hanya terlihat di Safari */
-moz-border-radius:10px; /* hanya terlihat di FF */
}

Karena property ini hanya dikhususkan untuk FF dan Safari, jadi pada browser yang lain tidak akan tampak. Kalau mau membuat Rounded Corner terbaca untuk semua browser bisa dengan melakukan pemanggilan CSS atau pemasangan JQ dan Mootools. Oh, iya...cara termudah kedua adalah dengan penggunaan image yang disave dalam extention PNG dan mendeklarasikannya sebagai background.

Untuk preview penggunaan property ini bisa dilihat pada template yang saya buat (klik). Untuk hasil terbaik, silahkan dibuka menggunakan Mozilla FF. Tahapan selanjutnya tentang Rounded Corner bisa dilihat disini.

klu buat wp gmn tu crany???

Saya gak ngerti tentang WP.

http://deejayhan.blogspot.com/ visit yo