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

Uporaba funkcije z-index
Avtor: aleksy | Objavljeno: dne 7. junij 2009, 12:06
Delite vsebino na Facebooku
Delite vsebino na Twitterju
  V tej kratki lekciji vam bom pokazal, kako lahko ustvarimo napis ali sliko preko druge slike.
 
 
1
  
 
Ustvarite nov PHP dokument.
 
 
2
  
 
Nato pa pobrišite obstoječo kodo in jo zamenjajte s to:

<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
</head>
<body>
<h1>To je tekst preko slike</h1>
<img class="x" src="ozadje.jpg">
<p>Vsi obiščite zmaga.com.</p>
</body>
</html>

Seveda ime ozadje.jpg zamenjajte z imenom vaše slike, ki jo imate shranjeno na računalniku.
 
 
3
  
 
Če kliknete na zavihek Design, se vam bo pokazal tekst preko slike.

Če želite sliko videti, morate dokument najprej shraniti.
 
 
4
  
 
Če imate temno sliko in hočete zamenjati barvo pisave, morate uporabiti CSS.

To storite tako, da označite tekst ...
 
 
 
 
 
5
  
 
... in kliknete na spodnji kvadratek (glej sliko).

Odpre se vam izbirnik barve. Določite poljubno barvo in odprlo se vam bo okno.
 
 
6
  
 
Tam kjer piše Choose or enter a name for your selector  določite poljubno ime in kliknite Ok.
 
 
7
  
 
Tekst se vam je pobarval v določeno barvo.

Tako pa to izgleda v praksi: http://osnovice-html.110mb.com/z-index.php

Če kaj ni jasno, pa poznamo forum.
 
 
Komentiraj
  
 
 
 
 
7.6.2009, 10:56
Nevem zakaj bi ustvarjali php dokument. Raje spremeni in napiši HTML saj s phpjem zmedeš uporabnike.
 
 
 
 
7.6.2009, 11:02
To je res.
Hvala ti za lekcijo, aleksy, ravno nekaj takega sem rabil.Vendar na začetku lahko vsi uporabniki mirno ustvarite HTML dokument, saj preverjeno deluje. In tudi koda je sicer (bolj) spisana za html.
 
 
 
 
16.8.2009, 11:32
men se ne zgodi nic ko prekopiram kodo
se predogled iz te strani mi ne dela
 
 
 
 
16.8.2009, 11:39
Hja, seveda se nič ne zgodi, ker ti te slike nimaš na računalniku. Pač epremeniš kodo. aleksy, tebi pa predogled res ne dela. Verjetno si odstranil predogledno sliko.
 
 
 
 
16.8.2009, 12:40
src ozadje.jpg sem spremenil v ime moje slike
 
 
 
 
16.8.2009, 13:46
Pa res. Ponesreči sem jo izbrisal.
Bom zdaj naložil drugo sliko vendar ne bo ista, ampak upam, da vas to ne bo motilo.
 
 
 
 
16.8.2009, 13:49
src ozadje.jpg sem spremenil v ime moje slike


Napiši še pot do slike, oz. daj v dreamweaverju kar Vstavi>>slika
 
 
 
 
16.8.2009, 13:50
src ozadje.jpg sem spremenil v ime moje slike Napiši še pot do slike, oz. daj v dreamweaverju kar Vstavi>>slika
Ker pa je Dreamweaver v angleščini in ne v slovenščini, klikni zgoraj na Insert > Image.

spremenil: podtalje (16.8.2009 ob 23.31.36)
 
 
 
 
16.8.2009, 14:39
Če se ne motim za to samo nastaviš sliko za background, pa pišeš preko.

spremenil: jones (16.8.2009 ob 14.56.42)
 
 
 
 
16.8.2009, 19:44
Ja, ampak če imaš naprimer 3 slike in hočeš, da se med sabo prekrivajo pride ta funkcija še kako prav.
 
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