HTML
HTML
kode
kode
kodentElement.clientWidth - offsetWidth); }
HTML
HTML
kode
kode
kodentElement.clientWidth - offsetWidth); }
Subscribe to:
Post Comments (Atom)
Arbitrary DIV 1
Sub content DIVs here
"
"
Some random paragraph on the page
Arbitrary DIV 2
Arbitrary DIV 3
Demo #1- Basic implementation
Tab content 1 here
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Tab content 4 here
Back Click here to select last tab Forward
Demo #2- Different Tab Style, expanding of arbitrary DIVs on the page enabled
Arbitrary DIV 1
Arbitrary DIV 2
Arbitrary DIV 3
Tab content 1 here
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Tab content 4 here
Reload page and select 2nd tab using URL parameter
Demo #3- Different Tab Style, "slideshow mode" enabled
Tab content 2 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Tab content 4 here
Demo #1- Basic implementation
Tab content 1 here
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Tab content 4 here
Back Click here to select last tab Forward
Demo #2- Different Tab Style, expanding of arbitrary DIVs on the page enabled
Arbitrary DIV 1
Arbitrary DIV 2
Arbitrary DIV 3
Tab content 1 here
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Tab content 4 here
Reload page and select 2nd tab using URL parameter
Demo #3- Different Tab Style, "slideshow mode" enabled
Tab content 2 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Tab content 4 here
Demo #1- Basic implementation
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Back Click here to select last tab Forward
Demo #2- Different Tab Style, expanding of arbitrary DIVs on the page enabled
Arbitrary DIV 1
Arbitrary DIV 2
Arbitrary DIV 3
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
Reload page and select 2nd tab using URL parameter
Demo #3- Different Tab Style, "slideshow mode" enabled
Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here
#myGallery, #myGallerySet, #flickrGallery
{width: 550px;height: 200px;z-index: 5;} #flickrGallery
{width: 500px;height: 334px;} #myGallery img.thumbnail, #myGallerySet img.thumbnail
{display: none;}
.jdGallery
{overflow: hidden;position: relative;}
.jdGallery img
{border: 0;margin: 0;}
.jdGallery .slideElement
{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbnGnP-WKWbgMH8zVnGSrNgFdAWlirzEudeKK3DItxk15ui1tj1MZW_Ddp_T8O7fy9rGKmdKiE1L7x8fOP8843zRQIaxcJaI95wE48kw3IE1bAkq_74psUxc3sUJrZXnbNyWSM7plHnEQ/?imgmax=800');
}
.jdGallery .loadingElement
{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbnGnP-WKWbgMH8zVnGSrNgFdAWlirzEudeKK3DItxk15ui1tj1MZW_Ddp_T8O7fy9rGKmdKiE1L7x8fOP8843zRQIaxcJaI95wE48kw3IE1bAkq_74psUxc3sUJrZXnbNyWSM7plHnEQ/?imgmax=800');}
.jdGallery .slideInfoZone
{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}
* html .jdGallery .slideInfoZone
{bottom: -1px;}
.jdGallery .slideInfoZone h2
{padding: 7px 10px 2px 10px;font-size: 12px;margin: 0;font-weight: bold;color: #ffffff;text-transform: uppercase;background: #111111;letter-spacing:0em;}
.jdGallery .slideInfoZone p
{font-size: 12px;margin: 2px 5px;color: #fff;padding: 0px 0px 0px 5px;font-family:arial;}
.jdGallery div.carouselContainer
{position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;}
.jdGallery a.carouselBtn
{position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #000;color: #fff;cursor: pointer;}
.jdGallery .carousel
{position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #000;color: #fff;text-indent: 0;overflow: hidden;}
.jdExtCarousel
{overflow: hidden;position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label
{font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{font-size: 10px;position: absolute;bottom: 5px;right: 10px;padding: 1px 2px;margin: 0;background: #222;border: 1px solid #888;cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{color: #b5b5b5;}
.jdGallery a
{font-size: 100%;text-decoration: none;color: inherit;}
.jdGallery a.right, .jdGallery a.left
{position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}
* html .jdGallery a.right, * html .jdGallery a.left
{filter:alpha(opacity=50);}
.jdGallery a.right:hover, .jdGallery a.left:hover
{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.jdGallery a.left
{left: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdBOLEP31UggGGJ-UKUFUmCbkXH3tK73RcaXJEM__Y0-y-G1ziLekUbsOKwWDnBxPJ29mN4h1rbZtkF669kzdpjmQZVxdPLYHQ0J6G2NVucrtIU7rIEttYzWmDgy2wJ82-RVzzrTXLUI/?imgmax=800') no-repeat center left;}
* html .jdGallery a.left { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdBOLEP31UggGGJ-UKUFUmCbkXH3tK73RcaXJEM__Y0-y-G1ziLekUbsOKwWDnBxPJ29mN4h1rbZtkF669kzdpjmQZVxdPLYHQ0J6G2NVucrtIU7rIEttYzWmDgy2wJ82-RVzzrTXLUI/?imgmax=800') no-repeat center left; }
.jdGallery a.right
{right: 0;top: 0;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpGdQUF-vlhRd2jxnyFDMMcFaEhwd9jZ8nqsRnJKMkc2kzokyGRTBFaPll_zPf_V6j3caxZargN2FvQtv93gw3JD3BTiPkTWt6Sn8tFcb3sNatb0lBOLgmVievCqC5sxDYuL4k6pndMBI/?imgmax=800') no-repeat center right;}
* html .jdGallery a.right { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpGdQUF-vlhRd2jxnyFDMMcFaEhwd9jZ8nqsRnJKMkc2kzokyGRTBFaPll_zPf_V6j3caxZargN2FvQtv93gw3JD3BTiPkTWt6Sn8tFcb3sNatb0lBOLgmVievCqC5sxDYuL4k6pndMBI/?imgmax=800') no-repeat center right; }
.jdGallery a.open
{left: 0;top: 0;width: 100%;height: 100%;}
.withArrows a.open
{position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0reQBMdA5Gg0BZep8lOAXUjdZ9sA_GKstVxKW70rldtx5YjdAzVmukm7-9E0lJdTfUjjugb_KEyoG7pgckKwVuPN1ub41tBpLzG6hWuNy-zNWE4VsXpU13Zu82Ka9JC2qjwGdSn3ZZck/?imgmax=800') no-repeat center center; }
* html .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0reQBMdA5Gg0BZep8lOAXUjdZ9sA_GKstVxKW70rldtx5YjdAzVmukm7-9E0lJdTfUjjugb_KEyoG7pgckKwVuPN1ub41tBpLzG6hWuNy-zNWE4VsXpU13Zu82Ka9JC2qjwGdSn3ZZck/?imgmax=800') no-repeat center center;filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn
{z-index: 15;position: absolute;top: 0;left: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;opacity: .4;-moz-opacity: .4;-khtml-opacity: 0.4;filter:alpha(opacity=40);}
.jdGallery .gallerySelector
{z-index: 20;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #000;}
.jdGallery .gallerySelector h2
{margin: 0;padding: 10px 20px 10px 20px;font-size: 20px;line-height: 30px;color: #fff;}
.jdGallery .gallerySelector .gallerySelectorWrapper
{overflow: hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{margin-left: 10px;margin-top: 10px;border: 1px solid #888;padding: 5px;height: 40px;color: #fff;cursor: pointer;float: left;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{background: #333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{background: #000;background-position: center center;float: left;border: none;width: 40px;height: 40px;margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{ margin: 0;padding: 0;font-size: 12px;font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{ margin: 0;padding: 0;font-size: 12px;font-weight: normal;color: #aaa;}
common
Followers
Obama Will Change Busf Policy
U.S. President Barack Obama will change several numbers of controversial policies by President George W. Bush, including the restriction of the parent embryo cell research [...]
Beyone Will Never Sell Her Wedding Photo
Beyonce said, she will never consider to sells her wedding photo with Jay-Z to a celebrity magazine that offering a large amount of money as rewards, even she wonder with the amount of money that offered to her [...]
Guns N 'Roses Will Back
After 15 years not releasing album, the group rock Guns N ' Roses will launch a new album in the United States on 23 November. The band's latest album is "The Spaghetti Incident", released in 1993 [...]
Ipod Can Make Your ear Buzz
Music is one way to wake the spirit, to create happy life, but what happens if the music makes the ears buzz? of course, not the music that makes the ear 'buzzy',[...]
sonic
Blog Archive
About Me
- Rahmat Abdurrahim
- Assalamualaikum wr.wb. , gimana kabar kk? perkenalkan nama saya Rahmat Abdurrahim. Panggilan Rahmat. Berasal dari Sumbar. Beragama Islam. Masih duduk di SMA.
No comments:
Post a Comment