|
Rastafarii ::btw, meni ovo lici na horizontalni meni
A jbg, greška.... 
bl00dz3r0 ::Spry je DW-ov AJAX framework.
Sve sto zelis mozes editovati i uz pomoc CSS-a.
Ma to i pokušavam, ali nešto slabo ide......
Evo svih kodova:
Naslovna strana
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Opština Stara Pazova</title>
<style type="text/css">
body {
font: 100% Georgia,Verdana,Times New Roman, Arial, Helvetica;
background: #1e1a8f;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColFixCtrHdr #container {
width: 798px;
background: #009bff;
margin: 0 auto;
border: 2px solid #000000;
text-align: left;
}
.oneColFixCtrHdr #header h1 {
margin: 0;
padding: 0px 0;
}
.oneColFixCtrHdr #mainContent {
padding: 0 0px;
background: #009bff;
}
.oneColFixCtrHdr #footer {
padding: 0 0px;
background:#ff0033;
}
.oneColFixCtrHdr #footer p {
margin: 0;
padding: 10px 0;
}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1><img src="slike_za_sajt/images/zaglavlje129x798.jpg" alt="zaglavlje798x129"></h1>
</div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Opština</a>
<ul>
<li><a href="#">O opštini</a></li>
<li><a href="#">Teritorija opštine</a></li>
<li><a href="#">Položaj u državi</a></li>
</ul>
</li>
<li><a href="#">Stara Pazova</a>
<ul>
<li><a href="#">Istorija</a></li>
<li><a href="#">O Staroj Pazovi</a></li>
<li><a href="#">Plan grada</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Naseljena mesta</a>
<ul>
<li><a href="#">Belegiš</a>
<ul>
<li><a href="#">O Belegišu</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Golubinci</a>
<ul>
<li><a href="#">O Golubincima</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Krnješevci</a>
<ul>
<li><a href="#">O Krnješevcima</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Novi Banovci</a>
<ul>
<li><a href="#">O Novim Banovcima</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Nova Pazova</a>
<ul>
<li><a href="#">O Novoj Pazovi</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Stari Banovci</a>
<ul>
<li><a href="#">O Starim Banovcima</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Surduk</a>
<ul>
<li><a href="#">O Surduku</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
<li><a href="#">Vojka</a>
<ul>
<li><a href="#">O Vojki</a></li>
<li><a href="#">Plan naselja</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Poslovni adresar</a>
<ul>
<li><a href="#">Agencije</a>
<ul>
<li><a href="#">Osiguranje</a></li>
<li><a href="#">Knjigovodstvene</a></li>
<li><a href="#">Turističke</a></li>
</ul>
</li>
<li><a href="#">Medicina</a>
<ul>
<li><a href="#">Apoteke</a></li>
<li><a href="#">Klinike</a></li>
<li><a href="#">Ordinacije</a></li>
</ul>
</li>
<li><a href="#">Automobili</a>
<ul>
<li><a href="#">Auto servisi</a></li>
<li><a href="#">Auto delovi</a></li>
</ul>
</li>
<li><a href="#">Auto-škole</a></li>
<li><a href="#">Banke</a></li>
<li><a href="#">Benzinske pumpe</a></li>
<li><a href="#">Nega</a>
<ul>
<li><a href="#">Frizerski saloni</a></li>
<li><a href="#">Kozmetički saloni</a></li>
<li><a href="#">Masaža</a></li>
<li><a href="#">Parfimerije</a></li>
</ul>
</li>
<li><a href="#">Mašine i alati</a></li>
<li><a href="#">Plastičarske radnje</a></li>
<li><a href="#">Prehrana</a>
<ul>
<li><a href="#">Mesare</a></li>
<li><a href="#">Pekare</a></li>
</ul>
</li>
<li><a href="#">Ugostiteljstvo</a>
<ul>
<li><a href="#">Kafići</a></li>
<li><a href="#">Poslastičarnice</a></li>
<li><a href="#">Restorani</a></li>
<li><a href="#">Brza hrana</a></li>
<li><a href="#">Noćni klubovi</a></li>
</ul>
</li>
<li><a href="#">Trgovina</a>
<ul>
<li><a href="#">Butici</a></li>
<li><a href="#">Bela tehnika</a></li>
<li><a href="#">Cvećare</a></li>
<li><a href="#">Knjižare</a></li>
<li><a href="#">Prodavnice</a></li>
<li><a href="#">Računari</a></li>
<li><a href="#">Saloni nameštaja</a></li>
<li><a href="#">Mobilni telefoni</a></li>
<li><a href="#">Zlatare</a></li>
</ul>
</li>
<li><a href="#">Ostalo</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Važni telefoni</a>
<ul>
<li><a href="#">JKP</a></li>
<li><a href="#">Javne službe</a></li>
<li><a href="#">Mesne zajednice</a></li>
<li><a href="#">Poštanska služba</a></li>
<li><a href="#">Pravosudni organi</a></li>
<li><a href="#">Saobraćaj</a></li>
<li><a href="#">Zdravstvena služba</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Foto galerija</a>
<ul>
<li><a href="#">?????</a></li>
</ul>
</li>
</ul>
<div id="mainContent">
<h1> ST Pazova </h1>
<p>tekst
<br>tekst
<br>tekst
<br>tekst
<br>tekst
<br>tekst
<br>tekst
<h2>Bla Bla Bla</h2>
<p>tekst
<br>tekst
<br>tekst
<br>tekst
<br>tekst
<br>tekst
<br>tekst
</div>
<div id="footer">
<p>Ova boja je samo primer :)</p>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
SpryMenuBarHorizontal.*css
@charset "UTF-8";
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
background-image: none;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
position: relative;
text-align: center;
cursor: pointer;
width: 133px;
float: left;
vertical-align: middle;
background-image: url(../slike_za_sajt/images/dugme_z.jpg);
height: 25px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
color: #FFFF00;
letter-spacing: normal;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12%;
z-index: 1020;
cursor: pointer;
width: auto;
position: absolute;
left: -1000em;
background-image: url(../slike_za_sajt/images/dugme_z.jpg);
font-style: normal;
font-weight: bold;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
ul.MenuBarHorizontal ul li
{
width: 133px;
}
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}
ul.MenuBarHorizontal ul
{
border: 0px solid #009bff;
}
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
padding: 0em;
color: #FFFF00;
text-decoration: none;
background-image: url(../slike_za_sajt/images/dugme_p.jpg);
height: 25px;
width: 133px;
font-style: normal;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-image: url(../slike_za_sajt/images/dugme_z.jpg);
font-size: 12px;
font-style: normal;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
vertical-align: middle;
padding: 0px;
height: 25px;
width: 133px;
cursor: pointer;
text-decoration: none;
left: auto;
top: auto;
right: auto;
bottom: auto;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-image: url(../slike_za_sajt/images/dugme_z.jpg);
color: #ffffff;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(../slike_za_sajt/images/dugme_p.jpg);
background-repeat: no-repeat;
background-position: center center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(../slike_za_sajt/images/dugme_p.jpg);
background-repeat: no-repeat;
background-position: center center;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
vertical-align: middle;
height: 25px;
width: 133px;
font-size: 12px;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}
|
