Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.05.2009 um 03:15 (UTC)    
Titel: Script meiner Galerie

Mein scrypt kann nützlich sein, um jemanden
Code:
<style type="text/css">
#scroller {width:530px; height:400px; position:relative;padding:0px 0; background:; margin:0 auto 20px auto;}
#scroller em {display:block; width:185px; height:175px; position:absolute; top:0; right:0; border:5px solid #ddd;}
#scroller span {display:block; width:330px; height:365px; position:absolute; top:0; left:0; border:5px solid #ddd;}
#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}

#scroller b#thumbs {display:block; width:176px; height:180px; overflow:auto; float:right; margin-top:175px; border:1px solid #ccc; border-width:5px 0 5px 5px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}

#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}

#scroller b#thumbs a:hover img.hr {width:174px; height:163px; right:10px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt {width:174px; height:163px; right:10px; top:7px; border:1px solid #333;}

#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:360px; left:8px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:320px; height:360px; left:8px; top:7px; border:1px solid #333;}

</style>
<!--[if IE]>
<style type="text/css">
#scroller  b {
scrollbar-arrow-color: #333;
scrollbar-3dlight-color: #bbb;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #bbb;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #bbb;
scrollbar-track-color: #fff;
}
</style>
<![endif]-->


<div id="scroller">
<em></em>
<span><b id="copyright">&copy 2009 www.orzelkcynia.pl.tl</b></span>
<b id="thumbs">
<a href="#nogo"><img class="hr" src="http://www.tapetynajlepsze.yoyo.pl/przyroda/przyroda9.jpg" /></a>
<a href="#nogo"><img class="hr" src="http://img475.imageshack.us/img475/9370/tapvf1.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_19v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_17h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_18h.jpg" /></a>

<a href="#nogo"><img class="hr" src="photo/pic_19h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_20v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_21v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_22v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_20h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_21h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_23v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_14h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_24v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_23h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_18v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_25v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_24h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_25h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_26h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_26v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_27v.jpg" /></a>

<a href="#nogo"><img class="hr" src="photo/pic_27h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_28v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_28h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_29v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_29h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_30v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_31v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_30h.jpg" /></a>
</b>
</div>

______________




Zuletzt bearbeitet von plsite am 26.05.2009, 08:39, insgesamt einmal bearbeitet
Beitrag26.05.2009 um 09:44 (UTC)    
Titel:

Also ich muss sagen; geiles Ding.

Ich glaub, ich werd das bald verwenden! Wink

P.s: Könnte mal als Tutorial verwenden..


Zuletzt bearbeitet von blutsegelbukaniere am 26.05.2009, 10:58, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de