Selasa, 19 Juli 2011

Simple Lightbox with CSS and jQuery by Webdesigntuts+

Sebelumnya memosting Lightbox Effect Pure use CSS for Blogger, eh tidak lama datang lagi sob, artikel dari web developer terkemuka di jagat alam maya mengeluarkan trick "Super Simple Lightbox with CSS and jQuery"
Benar-benar simple script & kode yang dipakai dalam pemakaiannya :) Tapi trik tersebut memakai jQuery script alias plugin :P Jadi semakin tidak terhitung ada berapa trik macam ginih di blog akuh :"> Makin banyak pilihan, makin asoooyyy :x Kalo mau menengok variasi lightbox ada dicinih nih jQuery Lightbox Variety :D

simple-lightbox
Penjelasan Beben rasa sudah cukup jelas di web sumber. Disini Beben Koben si bloglang anu ganteng kalem tea hanya menambahkan variabel CSS 3 cedikit ;)) bial pull stylish :"> Look Pict with Lightbox Technique

Gantikan semua variabel CSS yg ada dengan ciptaankuh :))

#lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
text-align: center;
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#lightbox p {
text-align: right;
color: #fff;
margin-right: 20px;
font-size: 13px;
}
#lightbox img {
margin-top: 15%;
box-shadow: 0 0 25px #FFF;
-webkit-box-shadow: 0 0 25px #FFF;
-moz-box-shadow: 0 0 25px #FFF;
}
Wassalam :)
Happy lightbox...again \m/

Tidak ada komentar:

Posting Komentar