Na każdy temat
- Nie jesteś zalogowany.
- Polecamy: Gry
#1 2012-11-27 17:26:50
KODY NA WWW
PODSTAWOWE
ABC HTML -u
Pogrubiony - <B> </B>
Pochylony - <I> </I>
Podkreślony - <U> </U>
Przekreślony - <STRIKE> </STRIKE>
Migający - <BLINK> </BLINK>
O stałej szerokości znaku - <TT> </TT>
Duża czcionka - <BIG> </BIG>
Mała czcionka - <SMALL> </SMALL>
Tekst sformatowany
- <PRE> </PRE>
Indeks górny - <SUP> </SUP>
Indeks dolny - <SUB> </SUB>
Wyróżniony - <EM> </EM>
Mocno wyróżniony - <STRONG> </STRONG>
Cytat - <CITE> </CITE>
Definicja - <DFN> </DFN>
Kod - <CODE> </CODE>
Przykład - <SAMP> </SAMP>
Tekst wprowadzany z klawiatury - <KBD> </KBD>
Zmienna programu - <VAR> </VAR>
Skrót - <ABBR> </ABBR>
Akronim - <ACRONYM> </ACRONYM>
Cytat - <Q> </Q>
Cytat blokowy - <BLOCKQOUTEQ> </BLOCKQOUTEQ>
Copyright - ©
Twarda spacja -
Przejście do nowej linii - <br />
Komentarz (najczęściej w wyglądach css) - <!-- -->
Rozmiary akapitu:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Akapit - <p> </p>
Wcięcie tekstu - <blockquote> </blockquote>
Numerowanie:
<ol>
<li>pierwszy element listy</li>
<li>drugi element listy</li>
</ol>
Wypunktowanie:
<ul>
<li>pierwszy element listy</li>
<li>drugi element listy</li>
</ul>
Justowanie - <div align="justify"></div>
Nowy wiersz tabeli - <tr> </tr>
Kolumna tabeli - <th> </th>
Pole plik - <input type="file" name=" " value=" " /> (do hostingów)
Offline
#2 2012-11-27 17:38:16
Re: KODY NA WWW
Przekierowanie na inną stronę
Kod:
Spoiler:
<body onload="window.open('adres1', 'nazwa1'); window.open('adres2', 'nazwa2')">...</body>
Płynący tekst
Kod:
Spoiler:
<marquee direction="left" speed="7"> TWÓJ TEKST</marquee>
Pionowy tekst
Kod:
Spoiler:
<marquee direction="up">TWÓJ TEKST</marquee>
Migający tekst
Kod:
Spoiler:
<BLINK>Twój tekst</BLINK>
Alert
Kod:
Spoiler:
<body OnLoad="alert('TEKST ALERTU');">
Muzyka na stronę z odtwarzaczem autostart mp3
Kod:
Spoiler:
<embed src="adr muzyczki" width="500" height="20" />
Odsyłacz obrazkowy
Kod:
Spoiler:
<a href="gdzie obrazek ma odsyłać"><img src="adres obrazka" alt="tekst
alternatywny" /></a>
Odsyłacz do adresu internetowego
Kod:
Spoiler:
<a href="adres">TWÓJ TEKST</a>
Wyśrodkowanie
Kod:
Spoiler:
<center>TEKST,OBRAZEK,itd</center>
Migający na środku odnośnik
Kod:
Spoiler:
<center><a href="ADRES"><font color="KOLOR"><font size="5"><blink>TEKST</blink></font></font></a></center>
Obrazek na stronę www
Kod:
Spoiler:
<img src="adres obrazka" alt="TEKST ALTERNATYWNY" />
Strona w oddzielnym oknie
Kod:
Spoiler:
<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
Kod:
Spoiler:
[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:
Kod:
Spoiler:
<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
Kod:
Spoiler:
<marquee direction="down"</marquee>
zmienić na
Kod:
Spoiler:
<marquee direction="left"</marquee>
Offline
#3 2012-11-27 17:40:46
Re: KODY NA WWW
Przenosi nas na poprzednią stronę.
Kod:
Spoiler:
<!-- 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ę.
Kod:
Spoiler:
<input id="landing_button" type="button" onclick_fckprotectedatt=" onclick="document.location='NAZWA PODSTRONY';"" value="NAZWA PRZYCISKU" />
Napisz do mnie - uruchamia klienta poczty.
Kod:
Spoiler:
<FORM>
<INPUT TYPE="button" VALUE="Napisz do mnie" onClick="parent.location.href='mailto:TWÓJ MAIL">
</FORM>
Hasło na stronę.
Kod:
Spoiler:
<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
#4 2012-11-27 17:43:51
Re: KODY NA WWW
Tłumaczenie strony
Najprostszym sposobem tłumaczenia strony jest wstawianie na stronie kodu do Google Tłumacz. Oto on
Kod:
Spoiler:
<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:
Kod:
Spoiler:
<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
Kod:
Spoiler:
<br />
Po kliknięciu na flagę wyświetli się przetłumaczona strona.
Kod do galerii
Kod:
Spoiler:
<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>
Offline
#5 2012-11-27 17:51:04
Re: KODY NA WWW
Kod na poziome menu - użyłam do zrobienia poziomego menu na własnej stronie.
Kod:
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>Offline
Stopka forum
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi