View previous topic :: View next topic |
Author |
Message |
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 18.04.2008 17:31 Post subject: Balloon Tooltip |
|
|
Treba mi neka Javascripta ili full jednostavno CSS riješenje di ja mogu na :hover ili u <span> stavit balloon popup.
Situacija je sljedeća:
Imam Navigaciju u slikama zboxano u <ul><li>. Svaki li ima clasu a svaka clasa na a i a:hover ima bg sliku koja mi čini nav. Nešto ovako:
Code: | li.n0{display:block; float:left; position:relative;}
li.n0 a.home{float:left; width:133px; height:235px; display:block; background:url(images/n0.jpg) no-repeat;}
li.n0 a:hover{float:left; width:133px; height:235px; display:block; background:url(images/n0.jpg) no-repeat;}
li.n0 a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}
li.n1{display:block; float:left; position:relative;}
li.n1 a.about{float:left; width:43px; height:235px; display:block; background:url(images/n1.jpg) no-repeat;}
li.n1 a:hover{float:left; width:43px; height:235px; display:block; background:url(images/n1.jpg) no-repeat;}
li.n1 a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} |
Ovakvih imam 9 komada
Zato možda bolje neka js nego CSS, neznam ni sam.
Poanta je da neću one bezvezne balloone nego bi tia stavit na svaki link (ako je moguće) drugačiju sličicu balloona u .gif formatu. Ako nemože svaka drugačija, onda jedna custom pa neka se širi koliko oće.
Serča san net i ništa, sve nešto bezveze, serča san forum i ništa. Možda postoji neko full jednostavno riješenje a ja nema pojma. Svaki hint dobrodošao. Hvala. |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
Eric
Joined: 27 Jun 2005 Posts: 248 Location: Rijeka on rails
|
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 18.04.2008 21:14 Post subject: |
|
|
Eric wrote: | http://www.kollermedia.at/archive/2007/04/09/list-of-25-javascriptajax-css-tooltip-scripts/ |
Link ne radi.
EDIT: Evo sad radi, ueeee! |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 18.04.2008 21:56 Post subject: |
|
|
Nemogu virovat. Bia san na ovom sajtu i pregledava ove tooltipove i promaka mi je ovaj. Eto, hvala, uspia san sada. Iman ga još stilizirat i to je to. Hvala. |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 18.04.2008 23:02 Post subject: |
|
|
Ma znaš šta stavia san sad ovaj qTip ali nisam 100% zadovoljan kako se uklopia u sajt.
Najradije bi da mogu stavit za svaki link svoj balloon al to bi mora minjat cijeli css a neda mi se sad to.
Naša san jedan drugi, boxovertooltip di mu mogu isto dat custom bg samo ja ovde iman nekih dizajnerskih zamisli koje je sad malo teže ovako izvest sa ovim scriptama, al nema veze, naću neki kompromis. |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
|