Sliding door menü

Üdv!











Szeretnék evvel a témával dolgozni, nagyon tetszik, viszont problémám akadt a menük számának módosításával. Alapból 7db képet ( opciót) jelenít meg.





A support fórumon van evvel kapcsolatos téma, de semmi visszajelzést nem kaptam tőlük.





A gondom az, hogy amint a leírtaknak megfelelően átírom az imagemenu.css illetve style.css-t az utolsó 4. kép vibrál amint ráviszem a kurzort, valamint el is tűnik. Valamint van egy fehér csík a menü alatt, de azt még marginnal be tudom állítani, de a 4. képpel semmit nem tudok kezdeni irritated.gif





























Ez az alaphelyet…























Amikor valamelyik menüpontra viszem a kurzort ez történik:









































Amit eddig cseréltem:









Quote:

#imageMenu ul li a {


/* change to text-indent: -1000px; if you want to use images in the menu instead of text*/


background:#FFFFFF none repeat scroll 0%;


border-right: 2px solid #fff;


cursor:pointer;


display:block;


overflow:hidden;


width:232.75px;


height: 200px;


font-weight: bold;


font-size: 24px;


font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;


color: white;


text-decoration: none;








Quote:

for ( $counter = $count+1; $counter <= 4; $counter += 1) {


$output = $output.'
  • ';








    Quote:

    #imageMenu ul li.bk1 a {





    background: url(images/1.jpg) repeat scroll 0%;


    }





    #imageMenu ul li.bk2 a {


    background: url(images/2.jpg) repeat scroll 0%;


    }





    #imageMenu ul li.bk3 a {


    background: url(images/3.jpg) repeat scroll 0%;


    }





    #imageMenu ul li.bk4 a {


    background: url(images/4.jpg) repeat scroll 0%;


    }








    border-right-style: none;


    }








    <-- kitöröltem a 5-6-7 ul li.bk...

    Ha minden igaz, megtaláltam a megoldást, igaz szívtam vele nem keveset :slight_smile:

    Gratulálunk! Megosztanád ezt is, hogy mások is tanulhassanak belőle?

    Yepyep!:)Én is kíváncsi volnék rá. Sőt magára a demora is;)…