CSS Script – Rounded button and Div tag

Awalnya saya kira situs-situs yang tampilan dasarnya lengkung itu membuatnya dengan cara manipulasi gambar, ternyata emang iya, tapi ada beberapa situs yang memanipulasi dengan menggunakan script CSS, dengan CSS keuntungan yang kita dapat adalah situs akan lebih cepat saat diload dari pada menggunakan gambar, namun ada kelemahan pada CSS yaitu scriptnya kadang tidak dapat sependapat dengan browser tertentu misalnya IE, jadi tampilan yang kita dapatkan di browser IE berbeda dengan tampilan yang kita dapat jika membuka dengan browser – browser ramah lingkungan seperti Mozilla firefork dan Opera. Saya pikir mungkin itu karena IE pingin punya ciri khas kali ya? Oke sudahlah mari kita bongkar bareng-bareng scriptnya.

.namastyle{
border: 1px solid #fff;
padding: 3px 12px;
background: #666666;
-moz-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
font-weight: bold;
text-shadow: 0 1px 1px #333;
color: #FFFFFF;
box-shadow: 0 0 5px #333;
-moz-box-shadow: 0 0 5px #333;
}

/* kumpulan div */
#namadiv {
	border: 1px solid #DDDDDD;
	background:#FFFFFF;
    -moz-border-radius:15px;// inilah yang bisa bikin tampilan jadi lengkung
	border-radius:15px;//, semakin besar skalanya maka lengkung jg makin lengkung :D
	width: 850px;
	box-shadow: 0 0 15px #333;//ini untuk shadow nya
	-moz-box-shadow: 0 0 15px #333;
}

Nah itu doang, script ini saya dapat dari temen saya anak Kalimantan, Fauzan namanya, Thanks to Fauzan🙂
Semoga mudeng yah, saya belum terlalu paham juga, tapi uda paham😀😄

About Iin aryani

I don't wanna be a "Copycat" but, something they need to copy.

Posted on 11 July 2011, in Website. Bookmark the permalink. Leave a comment.

Komentar untuk penulis

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: