![Forum Pod kudłatym łbem Gwendy. Strona Główna](http://picsrv.fora.pl/subSilver/images/logo_phpBB.gif) |
Pod kudłatym łbem Gwendy. Dla elyty, rodzynków w czekoladzie, śmietanki w kawie, po prostu nas.
|
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 ^^
|
Wysł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- © 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 |
|
![](http://picsrv.fora.pl/subSilver/images/spacer.gif) |
|
![](http://picsrv.fora.pl/subSilver/images/spacer.gif) |
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.
|
Wysł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 |
|
![](http://picsrv.fora.pl/subSilver/images/spacer.gif) |
|
|
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
|