Proszê ... nie zamieszczaj tre¶ci stron kopiowanych z innych portali!!!
Proszê pamiêtaæ, ¿e zawsze mo¿na podaæ link do strony, co nie powoduje naruszenia praw autorskich, a umo¿liwi wszystkim zainteresowanym skorzystanie z danych materia³ów.
Offline
Przekierowanie na inn± stronê
<body onload="window.open('adres1', 'nazwa1'); window.open('adres2', 'nazwa2')">...</body>
P³yn±cy tekst
<marquee direction="left" speed="7"> TWÓJ TEKST</marquee>
Pionowy tekst
<marquee direction="up">TWÓJ TEKST</marquee>
Migaj±cy tekst
<BLINK>Twój tekst</BLINK>
Alert
<body OnLoad="alert('TEKST ALERTU');">
Muzyka na stronê z odtwarzaczem autostart mp3
<embed src="adr muzyczki" width="500" height="20" />
Odsy³acz obrazkowy
<a href="gdzie obrazek ma odsy³aæ"><img src="adres obrazka" alt="tekst alternatywny" /></a>
Odsy³acz do adresu internetowego
<a href="adres">TWÓJ TEKST</a>
Wy¶rodkowanie
<center>TEKST,OBRAZEK,itd</center>
Migaj±cy na ¶rodku odno¶nik
<center><a href="ADRES"><font color="KOLOR"><font size="5"><blink>TEKST</blink></font></font></a></center>
Obrazek na stronê www
<img src="adres obrazka" alt="TEKST ALTERNATYWNY" />
Strona w oddzielnym oknie
<SCRIPT> <!-- function displayWindow(url, width, height) { var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no' ); } //--> </SCRIPT> <a href="javascript:displayWindow('ADRES',300,200)">TEKST</a>
Jak zrobiæ obrazek w randze b±d¼ kolorowy napis rangi?
To proste!Nale¿y wej¶æ w Administracja ----> Rangi i w tytu³ rangi dajemy
[img]LINK OBRAZKA RANGI[/img]
A teraz aby zrobiæ kolorow± Rangê nale¿y [color=TWOJ KOLOR]Nazwa rangi[/color] ca³o¶æ [color=.red]Nowy[/color] oczywi¶cie mo¿na dawaæ inne
Jak zrobiæ ruchom± stopkê, ale jak siê na ni± trzyma myszkê to siê nie rusza?
Jest to najbardziej czêste zadawane pytanie! Oczywi¶cie ma to wygl±daæ tak:
<marquee direction="down" onmouseover='this.stop()' onmouseout='this.start()'>STOPKA</marquee>
Oczywi¶cie teraz lecia³o by w dól ale mo¿na tak¿e daæ aby sz³a stopka w "lewo,prawo,góra" wystarczy z
<marquee direction="down"
zmieniæ na
<marquee direction="left"
i bêdzie sz³o w lewo.
Offline
Przenosi nas na poprzedni± stronê.
<!-- presented by javascripts.pl --> <script type='text/javascript'> <!-- function setstatus(msg){ status = msg; return true; } //--> </script> <a href="javascript:history.back()" onmouseover="return setstatus('Do ty'#322;u')" onmouseout="return setstatus('')">Do ty³u</a> <!-- presented by javascripts.pl --><br /> <div align="center" id="javascriptspl"> </div>
Przycisk odsy³aj±cy na wybran± stronê.
<input id="landing_button" type="button" onclick_fckprotectedatt=" onclick="document.location='NAZWA PODSTRONY';"" value="NAZWA PRZYCISKU" />
Napisz do mnie - uruchamia klienta poczty.
<FORM> <INPUT TYPE="button" VALUE="Napisz do mnie" onClick="parent.location.href='mailto:TWÓJ MAIL"> </FORM>
Has³o na stronê.
<script type="text/javascript"> haslo = prompt("PODAJ HASLO",""); if (haslo != "123456") { alert("NIE TO HASLO !!!"); location.href = 'TU WPISZ ADRES GDZIE ODE¦LE PO Z£EJ PRÓBIE'; } </script>
Offline
T³umaczenie strony
Najprostszym sposobem t³umaczenia strony jest wstawianie na stronie kodu do Google T³umacz. Oto on
<center><span style="background-color: rgb(255, 255, 255);"><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=pl&w=160&h=60&title=&border=&output=js"></script></span></center>
Mo¿na te¿ wstawiæ na stronie flagê, koniecznie z koñcówk± gif. Flagi mo¿na pobraæ np z tej strony http://www.e-gify.pl/flagi.php
Nastêpnie na stronie http://translate.google.pl/translate_t?sl=pl&tl=en# Przet³umacz stronê na wybrany przez siebie jêzyk. Skopiuj link przet³umaczonej strony, oraz link flagi i wklej je w ten kod:
<a href="LINK PRZET£UMACZONEJ STRONY"><img src="LINK DO FLAGI" alt="tekst alternatywny" /></a>
Je¿eli chcesz by flagi by³y jedna pod drug± wstaw pomiêdzy kody
<br />
Po klikniêciu na flagê wy¶wietli siê przet³umaczona strona.
Kod do galerii
<center> <strong>Wiosenne kwiaty</strong><br /> <br /> <img src="http://x.garnek.pl/ga6682/bdde09ddf293d4a4718406a2/4718406.jpg" name="photoslider" alt=" " /> <form method="post" name="rotater"> <script language="JavaScript1.1"> var photos=new Array() var which=0 /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ photos[0]="http://x.garnek.pl/ga5360/4de33fc682337aa4718404a2/4718404.jpg" photos[1]="http://x.garnek.pl/ga1098/00986ae9d49c7fa4718403a2/4718403.jpg" photos[2]="http://x.garnek.pl/ga1038/a2d8e0c5081c9ba4718405a2/4718405.jpg" photos[3]="http://x.garnek.pl/ga6742/2f170aec7ed064a4718402a2/4718402.jpg" photos[4]="http://x.garnek.pl/ga1474/62456771e87462a4718401a2/4718401.jpg" photos[5]="http://x.garnek.pl/ga9868/ea4f6890d2e58ca4580835a2/4580835.jpg" function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' } </script> <input type="button" value=" << " name="B2" onclick="backward()" /> <input type="button" value=" >> " name="B1" onclick="forward()" /><br /> <a href="#" onClick="which=1;backward();return false"><small>Od pocz±tku</small></a> </form> </center>
Moja galeria: http://ecolacom.pl.tl/M%D3J-OGR%D3D.htm - znajduje siê na dole strony
Offline
Czy mo¿na w sygnaturce zamie¶ciæ button,gdzie po klikniêciu w niego przenosi nas na wybran± stronê?
Jest opcja z kodem html lecz w sygnaturce jest mo¿liwy tylko bbcode ale jednak jest to mo¿liwe za pomoc± kodu:
[url=adres strony, na któr± powiniene¶ zostaæ przekierowany po klikniêciu w sygne][img]adres obrazka[/img][url]
Offline
Kod na poziome menu - u¿y³am do zrobienia poziomego menu na w³asnej stronie.
<!-- html, body { text-align: center; } --> <div style="text-align: center;"> </div> <!-- center--> <br /> <style type="text/css" media="screen"> <!-- /* Menu na naglowku http://designsg.tk/ */ body { font-family: Verdana, sans-serif; font-size: 14px; overflow: auto; padding: 10px; margin: 0px; } /* */ ul, li { list-style-type: none; padding: 0px; margin: 0px; } /* */ li a { padding-right: 20px;padding-top: 5px; } /* pozycja napisów */ div.menu { position: absolute; z-index: 3; top: 154px; left: 50%; margin-left:-420px; width:905px; } /* */ .menu li { width: 160px; float: left; } /* Obrazek g³owny*/ .menu a { border: 0px solid #000000; background-color: #000000; background-image: url(http://img.webme.com/pic/n/naazimcadeneme/nazimcabuton44.jpg); text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px 2px; display: block; height: 23px; color: #ffcc00; } /* obrazek 2 */ .menu a:hover { background-color: #; background-image: url(http://img.webme.com/pic/n/naazimcadeneme/rednaazimca1.jpg); } /* */ #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 12px; display: none; width: 160px; float: left; } /* */ #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <!-- http://designsg.tk/ --> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <!-- Ende des Scriptes --> <div class="menu"> <li><a href="javascript:void(1);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">TEST</a> <ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Von meiner HP</a> <ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Banner</a> <ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">HTML</a> <ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> <li><a href="javascript:void(1);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Serien</a> <ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');"> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> <li><a href="LINK DO STRONY PODSTRONY">Buttons</a></li> </ul> </li> </div> <br /> <style type="text/css"> <!--</style>
Powinno dzia³aæ, na mojej stronie mo¿na zobaczyæ jak to wygl±da, oczywi¶cie trzeba wstawiæ linki, butony, tytu³y. No to do dzie³a...
Offline
Dopisuj±cy siê tekst [og³oszenie forum PoWieF]
<h2><script language="JavaScript1.2"> /* Neon Lights Text By JavaScript Kit (http://javascriptkit.com) Over 400+ free scripts here! */ var message="ZAPRASZAMY NA FORUM: PoWieF - Pogaduchy Wiersze Fraszki" var neonbasecolor="#666666" var neontextcolor="#FFFF00" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script></h2> <p align="center"> </p>
P³yn±cy tekst, który zatrzymuje siê po najechaniu myszk± [stopka forum PoWieF]
<marquee direction="left" onmouseover='this.stop()' onmouseout='this.start()'>Forum PoWieF - Pogaduchy Wiersze Fraszki. Dziêkujemy za wizytê. Je¶li siê spodoba³o - zapraszamy ponownie :) </marquee>
Poszerza stronê
<img alt="" src="http://img.webme.com/pic/o/oknotu/szer800.gif"
Offline
Gdzie dok³adnie wkleiæ liniê oddzielaj±c± poszczególne notki na blogu.
Wchodzimy do panelu administracyjnego. Wybieramy Edytor Html. Nastêpnie Wpis do bloga.
Kod, który standardowo tam siê znajduje (mniej wiêcej):
<i>{data} {godzina}</i><br> <b>{temat}</b><br><br> {tresc}<br><br> {komentarze} {ilekomentarzy}<br><br> <hr size="1" color="#000000"><br>
Zamiast przyk³adowej tu ostatniej linii <hr> kasujemy ostatni± linijkê kodu i wstawiamy nowy fragment:
<img src="TUTAJ ADRES URL" border="0"><br>
-tutaj adres url = adres url grafiki np. http://... itd.
Jak zmieniæ czcionkê, rozmiar, kolor tekstu.
Wpisujemy kod:
<font color="red" size="13" face="comic sans ms">JAKI¦ TAM TEKST</font>
-color = kolor tekstu
-size = rozmiar tekstu
-face = nazwa czcionki
Jak wstawiæ gifa lub grafikê na bloga.
Je¿eli mamy ju¿ adres URL trzeba wpisaæ do kodu html bloga kod. Oto on:
<img src="ADRES URL OBRAZKA" border="0" alt="Mój obrazek=P">
-border = grubo¶æ ramki wokó³ obrazka, z regu³y daje siê 0.
-alt = jest to tekst, który pojawia siê po najechaniu na grafikê w takiej ¿ó³tej ramce, nie trzeba koniecznie tego, wiêc mo¿na wykasowaæ atrybut alt.
Kod na muzykê na blog
<head><u>Autor/Tytó³</u><br><b>Autor/Tytó³</b><br><EMBED SRC="Tu wstaw link do muzyki" AUTOSTART=TRUE LOOP=FALSE WIDTH=100 HEIGHT=20 ALIGN="JUSTIFY"></EMBED><br>Tu mo¿esz napisaæ, przez kogo zosta³a zrobiona muzyczka</a></head>
Offline
Jeszcze kilka kodów, które urozmaic± nasz± stronê
1. Ustalanie koloru t³a ruchomego tekstu
<MARQUEE bgColor=orange>Wpisz tutaj swój tekst </MARQUEE>
Wskazówka:
Kolor t³a wpisz proszê po angielsku: Black, red, yellow, braun, grey, blue, green, white, orange ...
2. Ustalanie kierunku ruchomego tekstu
<MARQUEE direction=right> Wpisz tutaj swój tekst </MARQUEE>
Je¶li tekst ma sie poruszaæ w lewo zamiast "right" wpisz "left".
3. Ustalenie prêdko¶ci ruchomego tekstu
<MARQUEE scrollAmount=40> Wpisz tutaj swój tekst</MARQUEE>
Wskazówka:
To musi byæ liczba pomiêdzy 1 a 650. Im wy¿sza jest wybrana liczba, tym szybciej porusza siê tekst.
4. Ustalanie kierunku ruchomego tekstu :
(biegnie na dó³)
<MARQUEE direction=down> Wpisz tutaj swój tekst</MARQUEE>
Aby ruchomy tekst bieg³ siê w górê, zamiast down wpisz up.
5. Kierunek ruchu na górê + z powrotem w dó³
<MARQUEE direction=up behavior=alternate> wpisz tutaj swój tekst </MARQUEE>
6. Kierunek ruchu na lewo + z powrotem w prawo
<MARQUEE scrollAmount=3 behavior=alternate width=200 height=25> Wpisz tutaj swój tekst </MARQUEE>
7. Zygzak
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>
Offline
Dodawanie stron do Google na stronie
<img align="middle" style="margin: -8px -5px -5px;" src="http://dodatki.net/images/google.gif" alt="" /> <br /> <div style="margin-left: 10px;">Dodaj swoj± stronê do wyszukiwarki Google</div> <div style="margin-left: 10px; margin-top: 15px;"> <form style="margin: 0px;" method="get" action="http://www.google.com/addurl"> <table> <tbody> <tr> <td><strong>Adres bloga</strong>:</td> <td><input type="text" class="dodaj" value="http://" maxlength="256" name="q" /></td> </tr> <tr> <td><strong>Opis bloga:</strong></td> <td><input type="text" class="dodaj" value="" maxlength="256" name="dq" /></td> </tr> </tbody> </table> <br /> <center><input type="image" src="http://www.dodatki.net/img/google.png" /> </center> </form> </div>
Zmiana obrazka po najechaniu kursorem
<a href="link do strony"><img src="obrazek_podstawowy.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'obrazek_po_najechaniu_myszka.gif'" onmouseout="this.src = 'obrazek_podstawowy.gif'" /></a>
Offline
Lataj±cy tytu³ strony
<script language="JavaScript1.2"> var message="WPISZ TEKST" var message=message+"" i="0" var temptitle="" var geschw="250" function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) temptitle=temptitle+message.charAt(i) i++ if(i==message.length) { i="0" temptitle="" } setTimeout("titler()",geschw) } window.onload=titler </script>
Drukuj stronê
<script> <!-- function doit(){ if (!window.print){ alert("Twoja przegladarka nie obsluguje tego przycisku!") return } window.print() } //--> </script> <a href="javascript:doit()">Drukuj stronê</a>
Przesuwaj±cy siê napis w okienku
<SCRIPT language="JavaScript"> <!-- W3e JAVAScript Preset. Original banner code by Timothy (timothy@essex1.com) Message = "Twój tekst!"; Size = 90; Pos=Size; Speed = 1; function Banner() { Spaces = ""; for (count=0; count<Pos; count++) Spaces+= " "; if (Pos < 1) { document.Banner.Bar.value = Message.substring(Math.abs(Pos), Message.length); if (Pos+Message.length < 1) {Pos = Size;} } else document.Banner.Bar.value = Spaces + Message; Pos-=Speed; setTimeout('Banner();', 15); } //--> </SCRIPT> <FORM NAME=Banner> <INPUT Size=50 Name=Bar Value=""> </FORM> <script>Banner();</script>
Skrypt, który pozwala przegl±daæ inn± stronê w ma³ym okienku, które znajduje siê na stronie.
<object data="link do strony" type="text/html" width="szeroko¶æ w px" height="wysoko¶æ w px"> Je¶li twoja przegl±darka nie akceptuje polecenia Object, kliknij <a href="link do strony">tu</a> </object>
Jak to wygl±da? sprawd¼ sam http://ecolacom.pl.tl/INFORMACJE-%2B-PORADY.htm
Ramki nie dzia³aj± pod IE!
Offline
Nasz czacik
<center><script type="text/javascript" src = "http://www.deszczowce.pl/shoutbox/sb.php?shoutbox_id=25257410&style=5&width=185&height=500&noscroll=1"></script></center>
Namierzacze
<center><script type="text/javascript" src="http://feedjit.com/serve/?bc=CCCCCC&tc=333333&brd1=666666&lnk=333333&hc=000000&ww=185&ww=185"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript><!-- center--><br />
<center><script type="text/javascript" src="http://feedjit.com/popPages/?bc=CCCCCC&tc=333333&brd1=666666&lnk=333333&hc=000000&ww=185"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript><!-- center--><br />
<center><a href="http://feedjit.com/ir1/51bf6609b0fee5fd/"><img ismap="" alt="" src="http://feedjit.com/b/51bf6609b0fee5fd.png" /></a><!-- center--> <br />
Offline
Kod do Blue2 - nak³adka na szablon Iceblue - niezbêdna do szablonów z http://www.pimp-my-profile.com/
<style type="text/css"> <!-- td.edit_header_full{background-image:url( );} td.headline{visibility:hidden;} body{background-image:url(http://img.webme.com/pic/d/denemethe-1905/lacivert2.jpg);background-attachment: fixed} td.nav{background-image:url(http://img.webme.com/pic/d/denemethe-1905/lacivert1.gif);} td.nav_heading{background-image:url(http://www.themeheaders.com/images/blue-white-black-headers.jpg);background-color:#000000;} td.edit_below_nav{visibility:hidden;} td.edit_header_full{background-image:url(http://www.themeheaders.com/images/blue-circle-tree.jpg);} td.edit_navi_headbg{background-image:url();} td.edit_rechts_sbg{visibility:hidden;} td.edit_content{background-image:url(http://img.webme.com/pic/j/jointt-designs/content_transparent_50.png);background-color:#FF000;} td.sidebar_heading{background-image:url(http://www.themeheaders.com/images/blue-white-black-headers.jpg);background-color:transparent;} td.edit_content_top{background-image:url(http://www.themeheaders.com/images/blue-white-black-headers.jpg);background-color:#000000;} td.edit_content_bottom{background-image:url(http://www.themeheaders.com/images/blue-white-black-headers.jpg);background-color:#000000;} td.edit_content_bottom2{background-image:url(URL);} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image:url();} td.edit_rechts_sbg{visibility:hidden;} td.shouty{background-color:;} td.shouty2{background-color:;} td.shouty3{background-color:;} td.shouty4{background-color:;} td.shouty5{background-color:;} td.edit_rechts_cbg{background-image: url();} td.edit_rb_footer{ visibility: hidden; } td.edit_rechts_bottom{background-image: url();} --> </style> <style type="text/css"> <!-- table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100% !important; background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} --> </style>
Offline