rahmat

Monday, February 23, 2009

HTML
HTML
kode
kode
kodentElement.clientWidth - offsetWidth); }

HTML
HTML
kode
kode
kodentElement.clientWidth - offsetWidth); }

Selengkapnya...

HTML
HTML
kode
kode
kodentElement.clientWidth - offsetWidth); }

coba
Selengkapnya...

Friday, November 28, 2008

haoo test-test-test

haoo test-test-test

haoo test-test-test Selengkapnya...

Thursday, October 16, 2008

rahmat

rahmat Selengkapnya...

hallo

hallo

Selengkapnya...

hallo

hallo juga Selengkapnya...

Subscribe to: Comments (Atom)

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

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

Click here to select 3rd tab

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

Click here to select tab with id="myfavorite"

Tab content 2 here
Tab content 2 here

Tab content 3 here
Tab content 3 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

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

Click here to select 3rd tab

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

Click here to select tab with id="myfavorite"

Tab content 2 here
Tab content 2 here

Tab content 3 here
Tab content 3 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

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

Click here to select 3rd tab

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

Click here to select tab with id="myfavorite"

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;}