Pregled posta

navigacija horiz

(html xmlns="http://www.w3.org/1999/xhtml">
(head>
(title>Horizontalna navigacija
(link href="stil_hor_nav.css" rel="stylesheet" type="text/css" /)
(body>
(div class=navigacija id="horizontalna_navigacija">

(ul>
(li>(a href="index.html">Naslovna(/li>
(li>(a href="uvod.html">Uvod

(a href="sadrzaj.html">Sadržaj

(li>(a href="literatura.html">Literatura
(/ul>
(/div>


--------------------------------------------------
#horizontalna_navigacija{
width: 900px;
height: 50px;
text-align: center;
margin: auto;
background: #0043A8;
border:2px solid #b4b4b4;
border-right:none;
border-left:none;
box-shadow: #0043A8 2px 2px 12px 0px;
}


.navigacija ul {
list-style-type: none;
padding: 10;
margin: 10;
overflow: hidden;
}

.navigacija li
{
float:left;
margin-left: 15px;
}


.navigacija a:link, a:visited{
font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
font-size: 14px;
display:block;
width:112px;
height: 20px;
font-weight:bold;
color: white; /*bijela boja teksta*/
background-color:#0043A8; /*svijetlo plava pozadina*/
border-bottom:2px double white;
text-align:center;
padding:3px;
text-decoration:none;
text-transform:uppercase;
/*za izradu tab navigacije, CSS3 zaobljenje rubova i svojstvo padding*/

border-radius:12px;
-moz-border-radius:12px;
}

.navigacija a:hover,a:active{
display:block;
background-color:#0043A8; /*plava pozadina kao i slika iza gumbića*/
color:#b4b4b4; /*siva boja teksta*/
border-top:2px double #b4b4b4;
}


Post je objavljen 07.07.2014. u 08:59 sati.