Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Druga barva elementa, ko smo z miško nad njim
Avtor: NikMan | Objavljeno: dne 29. marec 2013, 03:03
  Zakaj bi za gumbe uporabljali slike, če lahko s pomočjo CSS stilov naredimo uporabne in lepe tudi brez njih?
 
 
1
  
 
Ustvarite novo HTML stran.

Lahko tudi kako obstoječo, vendar bo potrebna improvizacija. Seveda pa vam rade volje pomagamo na forumu.
 
 
2
  
 
Začeli bomo zelo enostavno.

Kliknite na ikono Table, da bomo ustvarili tabelo.
 
 
3
  
 
Ko nas program vpraša za lastnosti tabele, naredite isto kot sem jaz (glej sliko) ter potrdite na gumb OK.
 
 
4
  
 
Tabela z dvema celicami je ustvarjena. V njih vpišite poljubna imena (glej sliko).

Nato pa kliknite na Code, da se boste premaknili v kodni način.
 
 
 
 
 
5
  
 
Ko boste v kodnem način se pomaknite pod značko <head>.
 
 
6
  
 
In vpišite naslednjo kodo, ki vsebuje dva CSS stila:

<style type="text/css">

.menu {background-color: #a3c7dc; }
.menu:hover {background-color: #81acca; }

</style>
 
 
7
  
 
Nato se pomaknite na del kode, kjer se nahaja prva celica (glej sliko).
 
 
8
  
 
In dodajte v značko td še kodo class="menu" (glej sliko).
 
 
9
  
 
To storite za oba celici (glej sliko).
 
 
10
  
 
Shranite in poglejte vaš izdelek.

V Dreamweaverju pritisnite tipko F12.
 
 
Komentiraj
  
 
 
 
 
29.3.2013, 15:49
V primeru, če želite imeti nad celotnim poljem še kurzor za povezavo, dodajte v stil naslednje.

.menu:hover {cursor:pointer; cursor:hand;}

Torej, pri 6. koraku:

In vpišite naslednjo kodo, ki vsebuje dva CSS stila:

<style type="text/css">

.menu {background-color: #a3c7dc; }
.menu:hover {background-color: #81acca; }
.menu:hover {cursor:pointer; cursor:hand;}

</style>
 
 
 
 
29.3.2013, 15:50
Če želite povezavo v celotni celici, pa poglejte še vodič na http://www.zmaga.com/content.php?id=4452
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com