nejdriv se uc a pak neco delej :) dohle bych asi delal v php za chvili prilozim jak :)
takze na vlozeni do stranky by to bylo
Kód: Vybrat vše
<!-- ZACATEK - HOROSKOP-->
<SCRIPT LANGUAGE="JavaScript">
document.write('<sc'+'ript src="http://horoskopnaweb.zelba.eu/HCERNY.PHP" type="text/javascript"></scr'+'ipt>');
</SCRIPT>
<!-- KONEC - HOROSKOP-->
obsah souboru HCERNY.PHP
Kód: Vybrat vše
document.write("<style>");
document.write("#horoskopy { font-family: Verdana,Tahoma,Arial,Verdana;background:WHITE;color:BLACK;font-size:12px; letter-spacing: 0.04em; word-spacing: 0.10em;padding-top:7px;padding-bottom:5px;border-bottom:1px solid white;margin:0;}");
document.write("#horoskopy a { color:black; text-decoration:none;}");
document.write("#horoskopy a:hover { color:BLACK; }");
document.write("body { margin:0; }");
document.write("</style>");
document.write("<div id='horoskopy' style='margin:0;'>");
document.write('<sc'+'ript src="http://horoskopnaweb.zelba.eu/horoskop.php" type="text/javascript"></scr'+'ipt>');
document.write("</div>");
obsah menu.css
Kód: Vybrat vše
<style type="text/css">
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
</style>
a obsah horoskop.php
Kód: Vybrat vše
document.write("<div id='horoskopy' style='margin:0;'>");
document.write('<link rel="stylesheet" href="http://horoskopnaweb.zelba.eu/menu.css" type="text/css" />');
document.write("<sc'+'ript src="http://horoskopnaweb.zelba.eu/menu.html" type="text/html"></scr'+'ipt>");
document.write("</div>");
a nakonec menu.html
Kód: Vybrat vše
<div class="arrowlistmenu">
<h3 class="headerbar">Vyberte své znamení</h3>
<ul>
<li><a href="#rak">rak</a></li>
<li><a href="#beran">beran</a></li>
<li><a href="#byk">byk</a></li>
</ul>
</div>
<a name="rak"></a> horoskop pro raka
<a name="beran"></a> horoskop pro berana
<a name ="byk"></a> horoskop pro byka
syce pochybuju ze to pujde ale aspon sem se snazil :)
kdyz tam je chyba tak se omlouvam...tvoril jsem v rychlosti a jeste to taky moc neumim.chtel jsem nejak poradne poresit to menu ale to by zase bylo s i-frame mno i tak je toho dost jinak v souboru HCERNY se daji menit bary (teda aspon by mely) jsou napsany velkym pismem :)