Nawigacja |
|
|
|
|
|
|
Podstrony VIP-ow
|
|
|
|
|
|
|
|
|
|
Dodatki
|
|
|
|
|
|
Profil
|
|
|
|
O stronie
|
|
~VIP~
|
|
|
|
|
Kod na ruszający się tekst od prawej do lewej.
Kod:
<div align="center"><font size="4">To na ruszający się tekst od prawej do lewej.<br />
</font><font size="4">Kod:<br />
<br />
</font></div>
<marquee speed="4" direction="left"><font size="5" style="text-decoration: underline; color: rgb(255, 102, 0); font-family: Comic Sans MS;">TEXT</font></marquee>
Kod na ruszający się text od dołu do góry
Kod:
<marguree direction ="up" >TEXT</marguee>
Kod na pogrubiony text
Kod:
<b>TEXT</b>
Kod na skośny text
Kod:
<i>Text</i>
Kod na pogrubiony i skosny text
Kod:
<b><i>TEXT</i></b>
Kod na galerię z ocenianiem
Kod:
<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">© 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="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
<a href="#nogo"><img class="vt src="Obrazek" /></a>
<a href="#nogo"><img class="vt" src="Obrazek" /></a>
<a href="#nogo"><img class="hr" src="Obrazek" /></a>
</b>
</div>
Kod na zrobienie ramki do pisania
Kod:
<textarea>TEXT</textarea>
Jak zrobić żeby trona była na środku a nie po lewej stronie
Wtarczy wstawić w Tekst nad projektem a na tekst pod projektem
|
|
|
|
|
|
|
|
Dzisiaj stronę odwiedziło już 17 odwiedzający (17 wejścia) tutaj! |
|
|
|
|
|
|
|