CSS/HTML problemi
#1
Ako neko može da mi objasni kako da napravim klase u CSSu?? U stvari bolje pitanje je pošto sam je napravio, kako da tu klasu upotrebim u HTMLu?? Potrebno mi je za hover glow efekat za određene image linkove.
"Your foe is well equipped, well-trained, battle-hardened. He believes his gods are on his side. Let him believe what he will. We have the tanks on ours." Joachim Pfeiff, 14th Krieg Armored

"Some may be able to avoid the judiciaries of the Adeptus Arbites, fewer may be able to face off against the Imperial Guard and the Adeptus Astartes, but let it be known that none can stand against the Officio Assassinorum."
Reply
#2
Pravis klasu u css fajlu:
Code:
.imeMojeKlase {
...pravila koja se odnose na klasu...
}

Primenjujes klasu u html fajlu (npr. na sliku):
Code:
<img src="www.bla.com/slika.png" class="imeMojeKlase" />

Sva pravila definisana za klasu "imeMojeKlase" ce ovime biti primenjena na tu sliku iznad.
Reply
#3
Mislim da sam i ja tako uradio.

.glow:hover {
box-shadow: 0px 0px 5px #fff;
}


<a href="http://www.facebook.com/groups/markosshow/?ref=ts" ><img src="slike/fb.png" class = ".glow:hover" alt="" width="100" height="100"/></a>


"Your foe is well equipped, well-trained, battle-hardened. He believes his gods are on his side. Let him believe what he will. We have the tanks on ours." Joachim Pfeiff, 14th Krieg Armored

"Some may be able to avoid the judiciaries of the Adeptus Arbites, fewer may be able to face off against the Imperial Guard and the Adeptus Astartes, but let it be known that none can stand against the Officio Assassinorum."
Reply
#4
kada pises ime klase u samom html-u, ne stavljas tacku ispred.

class="glow"

hover ce se primeniti kad predjes misem right?

mislim, ja sam to radio za linkove na ovaj nacin, recimo :

.textlinks {
color:CC0000;
}
.textlinks:hover {
color:FFFFFF;
}

na taj nacin ce link biti crven, sve dok ne predjes misem preko njega - onda ce biti beo.

Ali kad dodajes tu klasu linku - stavljas samo class="textlinks"

takodje, klasu stavi u link a ne u sliku - mislim da ce tada raditi Smile
[Image: promo_sig05_smaller.png]
Reply
#5
Hvala na pomoći Smile sada sve radi. Nisam trebao da stavim tu tačku ispred, kao ni hover.
"Your foe is well equipped, well-trained, battle-hardened. He believes his gods are on his side. Let him believe what he will. We have the tanks on ours." Joachim Pfeiff, 14th Krieg Armored

"Some may be able to avoid the judiciaries of the Adeptus Arbites, fewer may be able to face off against the Imperial Guard and the Adeptus Astartes, but let it be known that none can stand against the Officio Assassinorum."
Reply
#6
Jeste da si mogao samo ponovo pogledati mail sto sam ti poslao kad si mene ovo pitao i sve bi ti bilo jasno. XD XD

Kada si vec odlucio koristiti CSS3 moras paziti na browser specific css specifikacije. Tako box-shadow bi ti trebao biti:

Code:
.glow:hover {
  -webkit-box-shadow: 0px 0px 20px #FFFFFF;
  -moz-box-shadow:    0px 0px 20px #FFFFFF;
  box-shadow:         0px 0px 20px #FFFFFF;
}

I stavio sam 20px da se bolje vidi, ali mozes vratiti na 5px ako ti ne odgovara.
Buduci da koristis CSS3 specifikaciju mozes bez problema koristiti i rgba(255, 255, 255, 1) umjesto #FFFFFF za punu bijelu boju ali nema potrebe da browseru zadajes dodatnog posla. Big Grin

Usput preimenovat cu ovo u CSS/HTML problemi da i drugi mogu postovat svoje probleme. Smile

Reply
#7
Ako oces da ti prebaci link u novom prozoru kucas <a href="www.tvojilink.com" title="ime to linka ne ceo link" target="blank">
Reply
#8
upravo si odgovorio na temu od pre skoro 4 godine.

a onako usput, mislim da se pise target="_blank", mada mozda je to tokom godina promenjeno.

Sve u svemu, nemoj dizati teme iz mrtvih ako nije bas neophodno.
---------------------

Glava AO porodice  Whistling
Reply
#9
Ok necu vise nisam ni video datum.
Reply




Users browsing this thread: 1 Guest(s)