Uporabnik:   Geslo:         Prijava    Nov uporabnik    Pozabljeno geslo    Ponovno pošlji aktivacijsko e-pošto
 
Zadnje na forumu
9.3.2013 | matejj2000
Koliko pa je številka kopačk če še jih imaš bi mi hotel poslati sliko ...
19.11.2012 | bruncic
Public Class Form1 Private Sub Button1_Click(sender As Object, ...
1.3.2012 | orjak
se učim izdelovanja spletnih strani in mi tale mail box ne deluje a mi ...
23.1.2012 | zuzek
a se da kje downloadat te videe, ker nimam vedno neta na prenosnem?
6.1.2012 | cowboy6
Živjo, poslal sem ti zasebno sporočilo. 
 
Forumi   Praktik.si  Komentarji vsebin  Oblikovanje menija
Povezava do vsebine:
XIII. Izdelava spletne strani / Oblikovanje menija

Oblikovanje menija
24.3.2008  8:59
Avatar

Pridružen/a: 29.11.2007
Št. objav: 706
Št. točk: 16

V zadnjem predavanju v sklopu CSS bomo oblikovali še meni in s tem dokončali našo spletno stran.



OGLED VSEBINE




Praktik.si
1.7.2011  19:06
Avatar

Pridružen/a: 30.6.2011
Št. objav: 3
Št. točk: 0

Zdravo
Zanima me kako se naredijo gumbi na spletni strani  v css?
v bistvu bi rad vstavil ta menu na spletno stran tako da bo tab menu zgoraj  in na sredini osnovnega kvadrata,potem pa še spodaj ene par kvadratkov za  vstavitev vsebine,slikc itd.
koda za css:
@charset "utf-8";

#navbar {
    width:660px;
   
}

#navbar #holder{
    height:64px;
    border-bottom:1px solid #000;
    width:640px;
    padding-left:25px;
}
   
   
#navbar #holder ul {
    list-style:none;
    margin:0;
    padding:0;
}

#navbar #holder ul li a {
    text-decoration:none;
    float:left;
    margin:5px;
    font-family:"Arial Black", Gadget, sans-serif;
    color:#000;
    border:1px solid #000;
    border-bottom:none;
    padding:20px;
    with:75;
    text-align:center;
    display:block;
    background:#69F;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
}

#navbar #holder ul li a:hover {
    background:#F90;
    color:#FFF;
    text-shadow:1px 1px 1px #000;
    }
#holder ul li a#onlink {
    background:#FFF;
    color:#000;
    border-bottom:1px solid #FFF;
    }
   
    #holder ul li a#onlink:hover {
        background:#FFF;
        color:#69F;
        text-shadow:1px 1px 1px #000;
    }
koda html:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>contact</title>
<link href="css/tab Menu.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="navbar">
<div id="holder">

<ul>
<li><a href="home.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html" id="onlink">Contact</a></li>
</ul>

</div>
</div>

</body>
</html>
Hvala




OGLED VSEBINE