Banyak link web/blog keren yg tersimpan, tak ada satu pun artikel yang menggaet hatiku :D Sampai akhirnya saya mendarat di satu alamat site bavotasan. Dalam lamunan terbesit What Are You Doing, langsung acak² kategori tutorials ;)) Karena lagi ogah-ogahan jadi berbagi trick yg ringan² saja ya :) Ringan tidak sembarang ringan, my motto is full stylish, unique, different tetep keukeuh gumeukeuh harus diusung b-) Mari kita mulai saja. . .
Style a Select Box Using Only CSS
http://bavotasan.com/2011/style-select-box-using-only-css/
Apakah penulisan email ini seperti pada umumnya moc.liamg@emaNliamEruoY!!! Oh tentu tidak, itu ditulis dengan gaya rtl teknik. RTL = Right-To-Left. Jadi tulisan yg sebenarnya itu dalam keadaan terbalik seperti ini moc.liamg@emaNliamEruoY diberi bumbu CSS, maka hasil jadi akan tampak seperti tulisan biasa ;)span.email {
unicode-bidi: bidi-override;
direction: rtl;
}
Markup HTML <span class="email">moc.liamg@emaNliamEruoY</span>
Hehehe
Amazing Hover Effects with CSS3
Hover over me & look what happen. Don't be shock...
http://bavotasan.com/2011/amazing-hover-effects-with-css3/
Bonusnya Koben kasih bagi sobat yang males mengetikan nama di dalam link. Pasti bingung nih ;)) Perhatikan saja<a href="http://beben-koben.blogspot.com/" title="">Beben Koben</a>
Umumnya menulis markup HTML syntax link seperti itu. Malas menulis nama yg dimaksud itu Beben Koben <---Sekarang bila menulis syntax URLnya jadi begini
<a href="http://beben-koben.blogspot.com/" title=""></a>
Tanpa nama, namun akan diperlihatkan address link menjadi: CSS Coded
a.link:after {
content: ' ' attr(href) ' ';
font-style: italic;
color: #333;
}
Markup HTML
<a class="link" href="http://your-link-here.com/"></a>
Kalian bisa menambahkan variasi di ' ' pada atribut CSS content: tapi yg valid dengan bahasa XHTML :PHappy blogging \m/
Tidak ada komentar:
Posting Komentar