Kamis, 19 Januari 2012

No Activity Again... STOP SOPA!!!

Bagaimana dengan aktifitas blogger kalian sob! Apakah sedang dilanda blank ide atau bahkan malas update postingan! Sama jikalau begitu dengan Beben Koben si bloglang anu ganteng kalem tea ini. Gue juga lagi terjangkit virus no activity my head is blank :-?? Jalan kesana kemari sampai ke ujung tanduk tidak menemukan tutorial gaya punya :-s
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 :P
Happy blogging \m/

Tidak ada komentar:

Posting Komentar