- TematOwO http://www.tematowo.pun.pl/index.php - Świat Internetu http://www.tematowo.pun.pl/viewforum.php?id=32 - KODY NA WWW http://www.tematowo.pun.pl/viewtopic.php?id=11 |
Bartek - 2012-11-27 17:26:50 |
PODSTAWOWE |
Bartek - 2012-11-27 17:38:16 |
Przekierowanie na inną stronę
Płynący tekst
Pionowy tekst
Migający tekst
Alert
Muzyka na stronę z odtwarzaczem autostart mp3
Odsyłacz obrazkowy
Odsyłacz do adresu internetowego
Wyśrodkowanie
Migający na środku odnośnik
Strona w oddzielnym oknie
Jak zrobić obrazek w randze bądź kolorowy napis rangi?
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
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
zmienić na
|
Bartek - 2012-11-27 17:40:46 |
Przenosi nas na poprzednią stronę.
Przycisk odsyłający na wybraną stronę.
Napisz do mnie - uruchamia klienta poczty.
Hasło na stronę.
|
Bartek - 2012-11-27 17:43:51 |
Tłumaczenie strony
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
Jeżeli chcesz by flagi były jedna pod drugą wstaw pomiędzy kody
Po kliknięciu na flagę wyświetli się przetłumaczona strona.
|
Bartek - 2012-11-27 17:51:04 |
Kod na poziome menu - użyłam do zrobienia poziomego menu na własnej stronie. Kod:<!-- 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> |