Forum Pod kudłatym łbem Gwendy. Strona Główna Pod kudłatym łbem Gwendy.
Dla elyty, rodzynków w czekoladzie, śmietanki w kawie, po prostu nas.
 
 FAQFAQ   SzukajSzukaj   UżytkownicyUżytkownicy   GrupyGrupy   GalerieGalerie   RejestracjaRejestracja 
 ProfilProfil   Zaloguj się, by sprawdzić wiadomościZaloguj się, by sprawdzić wiadomości   ZalogujZaloguj 

Przykłady HTMLów

 
Napisz nowy temat   Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi    Forum Pod kudłatym łbem Gwendy. Strona Główna -> HTML
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
haina
Moderator



Dołączył: 08 Kwi 2006
Posty: 1984
Przeczytał: 0 tematów

Ostrzeżeń: 0/3
Skąd: łóżko orlando blooma ^^

PostWysłany: Nie 16:52, 28 Maj 2006    Temat postu: Przykłady HTMLów

Ludziska się domagają, więc umieszczę:

HTML na szablon ze strzałkami

<html>
<head>
<title>Tytuł</title>

<style type="text/css">
<!--
BODY,textarea, TD, input {
scrollbar-face-color:#kolor wypełnienia wokól strzałki;
scrollbar-highlight-color:#kolor cienia;
scrollbar-3dlight-color:#kolor ramki strzałki;
scrollbar-darkshadow-color:#kolor ramki strzałki;
scrollbar-shadow-color:#kolor ramki strzałki;
scrollbar-arrow-color:#kolor strzałki;
scrollbar-track-color:#kolor suwaka;

FONT-SIZE: wielkość czcionkipx; COLOR: #kolor czcionki; FONT-FAMILY: nazwa czcionki; BACKGROUND-COLOR: #000000;
}
H1 {
FONT-WEIGHT: bold; font-size: 9px; color: #kolor efektu linku 1;
}
A {
FONT-WEIGHT: none; COLOR: #kolor efektu linku2; HEIGHT: 0px; TEXT-DECORATION: none; cursor: default;
}
A:hover {
FONT-WEIGHT: none; COLOR: #kolor efektu linku 3; HEIGHT: 0px; TEXT-DECORATION: line-through; cursor: default; background-color: none; filter: blur;
}

HR {
color: #000000; height: 1px;
}
-->
</style>
</head>

<img src="adres URL szablonu" usemap="#mapa" border="0" style="position: absolute; left:0px; top:0px">

<body bgcolor="kolor tła" background="adres url tła"><!-- begin: DOTSRV --><!-- begin: DOTGEM -->

<script language="javascript">
<!--
function g_parameters_g() { return""; }
//-->
</script>
<script language="javascript" src="http://portal.interia.pl/gemius.js"></script>
<!-- end: DOTGEM -->
<script language="javascript">
<!--
document.write('<table border="0" align="center" cellspacing="0" cellpadding="0"><tr><td><!-- begin: DOTINT --><img src="http://p.interia.pl/?url='+escape(location)+'&referer='+escape(document.referrer)+'" width="1" height="1" alt=""><!-- end: DOTINT --><!-- begin: DOTGEM --><'+'img src="http://interia.hit.gemius.pl/redot.gif?l=8&tstamp='+(new Date()).getTime()+'&id=1YcB94y2nezNBZTNaQ32UfL7' + g_parameters_g() +'" alt="" width=1 height=1><!-- end: DOTGEM --></td></tr></table>');
//-->
</script>
<noscript><img src="http://p.interia.pl/" width=0 height=0 alt=""></noscript>
<!--end: DOTSRV -->


<script type="text/javascript">
/******************************************
* Scrollable content script II- &copy; Dynamic Drive (www.dynamicdrive.com)
* Visit [link widoczny dla zalogowanych] for full source code
* This notice must stay intact for use
******************************************/

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=2

if (iens6){
document.write('<div id="container" style="position:relative;top:wysokość tekstu od górypx;left:wysokośc tekstu od bokupx;width:szerokość tekstupx;height:długość suwakapx;border:0px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:dostosować do szerokości tekstupx;left:0;top:0">')
}
</script>

{blog}

</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')

</script>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",10)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",10)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>



<DIV style="LEFT: wysokość górnej strzałki od bokupx; POSITION: absolute; TOP: wysokość górnej strzałki od górypx; width:16px">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)">
<img border="0" src="up7tx.png" width="15" height="14"></a></div>
<DIV style="LEFT: wysokość drugiej strzałki od bokupx; POSITION: absolute; TOP: wysokość drugiej strzałki od górypx; width:16px">
<a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)">
<img border="0" src="down9xw.png" width="15" height="14"></a></div>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')

</script>
</html>

--------------------------------------------------------------------------------------------------------------------------

HTML do szablonu długiego

<head>
<title>Tytuł</title>

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #kolor wypełnienia wokół strzałki;
scrollbar-highlight-color: #kolor cienia;
scrollbar-3dlight-color: #kolor ramki strzałki;
scrollbar-darkshadow-color: kolor ramki strzałki;
scrollbar-shadow-color: #kolor ramki strzałki;
scrollbar-arrow-color: #kolor strzałki;
scrollbar-track-color: #kolor suwaka;
}
-->
</STYLE>


<style type="text/css">
body, p, td {font-family: czcionka;
font-size: wielkość czcionkipx; line-height:12px; color: #kolor czcionki; }

a {color: #kolor linku; height: 1px; text-decoration: none;}
a:hover {color: #kolor kropek; height: 1px; text-decoration: none; cursor:hand; border-bottom: 2px #kolor linku po najechaniu dotted; }


.tlo {text-align:center; background: #C5A7A7; display: block; color: #0B0B0B; font-family: georgia; font-size: 11px;
border-bottom: 2px #965900 solid; border-top: 1px #965900 dotted; border-left: 1px #965900 dotted; border-right: 1px #965900 dotted;}

.data {display: block; color: #0B0B0B; font-family: georgia; font-size: 11px;
border-bottom: 1px #965900 dotted;}

</style>
</head>

<body topmargin="0" leftmargin="60" rightmargin="0" bottommargin="0"
bgcolor="kolor tła" background="adres URL paska"
style="background-repeat:repeat-y;">
<img src="adres URL szablonu" border="0" style="position:absolute; left:0; top:0;" width="szerokość szablonu" height="wysokość szablonu">
<!-- begin: DOTSRV --><!-- begin: DOTGEM -->

<DIV style="position: absolute; top: wysokość tekstu od góry; left: wysokośc tekstu od boku; width:szerokość tekstu; text-align: justify;">
menu
</div>


<DIV style="position: absolute; top: wysokość tekstu od góry; left: wysokość tekstu od boku; width: szerokość tekstu; text-align: justify;">
{blog}<br><br>

</body>
</head>
</html>

---------------------------------------------------------------------------------------------------------------------------

HTML do szablonu z suwakami

<html>
<head>
<title>Tytuł</title>

<style type="text/css">
<!--
BODY,textarea, TD, input {
scrollbar-face-color:#kolor wypełnienia wokól strzałki;
scrollbar-highlight-color:#kolor cienia;
scrollbar-3dlight-color:#kolor ramki strzałki;
scrollbar-darkshadow-color:#kolor ramki strzałki;
scrollbar-shadow-color:#kolor ramki strzałki;
scrollbar-arrow-color:#kolor strzałki;
scrollbar-track-color:#kolor suwaka;
}
BODY {
FONT-SIZE: wielkość czcionkipx; COLOR: #kolor czcionki; FONT-FAMILY: nazwa czcionki; BACKGROUND-COLOR: #F8EAAB: cursor: crosshair;;
}
A {
FONT-WEIGHT: bold; COLOR: kolor linku 1; HEIGHT: 1px; TEXT-DECORATION: none; cursor: crosshair;
}
A:hover {
FONT-WEIGHT: bold; FILTER: blur; COLOR: #kolor linku 2; HEIGHT: 1px; TEXT-DECORATION: underline: cursor: crosshair;;
}
TD {
FONT-SIZE: 9px; COLOR: #CEB25C; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif: cursor: crosshair;
}
HR {
color: D4B559; height: 1px cursor: crosshair;
}
-->



</style>

</head>

<body bgcolor="kolor tła">
<div style="position:absolute; top:0; left:0;">
<img src="adres URL szablonu" width="szerokość szablonu" height="wysokość szablonu">
</div>

<div align="center" div style="position: absolute; top: wysokość tekstu od górypx; left: wysokość tekstu od bokuPx; width: szerokość tekstupx; height: długość suwakapx; overflow: auto">
{blog}
</div>

<div align="center" div style="position: absolute; top: wysokość tekstu od górypx; left: wysokość tekstu od bokuPx; width: szerokość tekstupx; height: długość suwakapx; overflow: auto">
menu
</div>

</div>
</head>
</html>


Post został pochwalony 0 razy

Ostatnio zmieniony przez haina dnia Pon 7:30, 29 Maj 2006, w całości zmieniany 1 raz
Powrót do góry
Zobacz profil autora
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
Kim




Dołączył: 07 Maj 2006
Posty: 1572
Przeczytał: 0 tematów

Ostrzeżeń: 0/3
Skąd: z Twojego najstraszniejszego koszmaru.

PostWysłany: Sob 21:43, 26 Sie 2006    Temat postu:

Temat zostaje zablokowany. To nie żadne FAQ odnośnie HTMLa, a jedynie jego przykłady. I tak ma pozostać. K.

Post został pochwalony 0 razy
Powrót do góry
Zobacz profil autora
Wyświetl posty z ostatnich:   
Napisz nowy temat   Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi    Forum Pod kudłatym łbem Gwendy. Strona Główna -> HTML Wszystkie czasy w strefie CET (Europa)
Strona 1 z 1

 
Skocz do:  
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach

fora.pl - załóż własne forum dyskusyjne za darmo
Powered by phpBB © 2001, 2005 phpBB Group
Regulamin