Dalam mendesign Layout dan Codingnya saya memerlukan waktu seminggu untuk menyelesaikannya. Dikarenakan ratusan artikel yang ada pada 3 Bahasa (Rusia,Inggris,Indonesia) dan 3 Subdomainnya (en.turbali.com,turbali.com,id.turbali.com) mengalamai perubahan secara keseluruhan  sehingga website ini dapat online setelah sebulan menerima oderan dari Mas Heru. Berikut ini tampilan sebelum dan setelah website didesain kembali:

Before:

After:

Pada design website Tur Bali telah mendukung dan mengikuti beberapa standart W3C diantaranya:

• Valid XHTML Transitional 1.0 and CSS 2 .1
• Tableless Design
• jQuery Support: jQuery Easing + JQuery Accordion
• Standard Design Wordpress Themes
• Supports all major browsers, including IE6 , IE7, FF2 , FF3, Opera, Safari…

Terima kasih kepada Mas Heru yang telah mempercayakan saya untuk mendesign website turbali.com semoga dengan tampilan website baru ini akan membuat usaha Mas Heru makin sukses!. Silahkan Hubungi saya melalui Contact Form Disini! Bila Anda menginginkan desain website yang eye catching, unique, modern, elegant, profesional untuk menaikan citra usaha Anda segera hubungi.

-moz-border-radius: 3px;

Berasal dari Mozilla dan digunakan pada Firefox

-khtml-border-radius: 3px;

Berasal dari Linux dan digunakan pada Konqueror

-webkit-border-radius: 3px;

Berasal dari Safari dan digunakan pada untuk mac dan windows

border-radius: 3px;

Dan code diatas hanya merupakan spesifikasi dari standart CSS3. Berikut ini beberapa contoh penerapannya:

Image border

Code CSS:

img.border {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px; }

Code HTML:

<img class="border" src="thumb.jpg" alt="" width="247" height="92" />

Full Rounded Corners

Code CSS:

rounded {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#666666;
color:#FFFFFF;
font-weight:bold;
padding:10px; }

Code HTML:

<div class="rounded"&gt; Text </div>

Border Rounded Corners

Code CSS:

blockquote {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color:#F2F2F2;
border:2px solid #555555;
color:#555555;
font-size:140%;
margin:1em 20px;
padding:10px;
text-align:left; }

Code HTML:

<blockquote>text</blockquote>

Half Rounded Corners

Code CSS:

green {
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
background-color:#CCFF99;
border:2px solid #66CC00;
color:#666666;
font-size:120%;
font-weight:bold;
padding:8px 10px; }

Code HTML:

<p class="green">Text</p>

Code di atas hanya berberapa contoh dari begitu banyak yang dapat kita lakukan dengan menggunakan border radius.

1. opacity: 0,5; – Ini adalah bagian yang terpenting dan merupakan standar CSS. Ini dapat berfungsi pada beberapa jenis browser seperti Firefox, Safari dan Opera.
2. filter:alpha(opacity=50); Ini sangat berguna untuk IE.
3. -moz-opacity:0.5; Ini berguna untuk mendukung jenis browser tua seperti Netscape.
4. -khtml-opacity: 0.5; Ini berguna untuk versi lama dari Safari (1.x) .

Keempatnya sangat berguna dan saling berhubungan satu dengan lainnya untuk dapat berfungsi dengan browser. Berikut ini salah satu contoh penerapannya:

. transparent_class (
filter: alpha (opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
)

Semoga dapat membantu dalam mempelajari CSS.

Download TAC (Current, v 1.3)

TAC in Wordpress.org Plugin Directory

Aku udah scan themes ini dan sejauh ini clear dari code berbahaya :

Semoga dapat bermanfaat ya