Page 1 of 1

Ikona u meniju

Posted: Thu Feb 11, 2010 10:51 am
by pccom
'Dan. Ovako... Zanima me kako da ubacim sliku tj. ikonu u sam meni? Odnosno, zelim da mi u ''Home'' bude ikona kucice, bez teksta ili bilo cega drugog, dok je ostatak menija u tekstualnoj formi.

Pr. : ''#*/About Us/Contact'' itd.
* - taraba je neka slicica. :)

Zna neko? Iko? :/

Re: Ikona u meniju

Posted: Fri Feb 12, 2010 2:34 pm
by aleksblack
Ako ti stavka " home " u meniju ima ID ili jedinstveni class (ne pojavljuje se nigde vise na celom sajtu), onda mozes da zadas da ti npr. <a> tag ima negativan text-indent i da mu za pozadinu stavis tu ikonicu kucice. Otprilike bi to ovako izgledalo:

Code: Select all

a#nekiId {text-indent:-9999em; background-image:url(putanja/do/slike.jpg);}

Re: Ikona u meniju

Posted: Tue Feb 16, 2010 1:45 pm
by pccom
Tekst se izgubi, sto je ok. Putanja do slike je dobra, proverio sam 4x i pored 6 pokusaja da je podesim nisam nista uspeo da uradim. Ali glavni problem je sto se citav meni rasturi i nestanu svi podmeniji. Mozda je problem sto meni koji trenutno koristim ima vec pozivanje neke slike (kao fade-a) kada se misem predje preko njega? U pitanju je rokmoomenu.

Re: Ikona u meniju

Posted: Tue Feb 16, 2010 11:10 pm
by aleksblack
Jedino da ostavis link ka sajtu ako je online, pa da vidimo kako to moze da se resi. A ako je modul komercijalan, trebalo bi da se obratis prvo proizvodjacu istog.

Re: Ikona u meniju

Posted: Wed Feb 17, 2010 9:04 am
by pccom
Nja... Sajt je jos uvek kod mene na kompu, tako da mi nista drugo i ne ostaje. Hvala na pokusaju u svakom slucaju. Poz. ;)

Moze kljuc na temu.

Re: Ikona u meniju

Posted: Mon Mar 01, 2010 12:12 am
by szivkovic
mozda ti neki od ovih dadataka pomogne http://extensions.joomla.org/extensions ... mage-menus

Re: Ikona u meniju

Posted: Wed Nov 30, 2011 8:41 pm
by ivan599
Sinko krajnje jednostavno samo neznam gdje je zapelo :)

Evo ti rješenje pa uživaj :

Code: Select all

a#menu1 {text-indent:-9999em; background-image:url(../../../images/stories/home_icon1.png);
background-repeat:no-repeat;
background-position:center ;}