ilch Forum » Allgemein » HTML, PHP, SQL,... » Gutes tut für Submenüs

Geschlossen
  1. Sa. 15.11.2008 23:55 Uhr #1
    User Pic
    T3M|Neo Mitglied
    Registriert seit
    15.11.2008
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    Moin,
    ich habe mal so ne frage und zwar ob jemand ein gutes tut kennt wo man in an Ilch horizontales submenüs anpassen kann/ bzw überhaupt sowas erstellen kann und das in Ilcha uch futscht?
    Mfg
    [url=neodesigns.de]http://sidrup.si.funpic.de/Extras/banner-V4.jpg[/url]
    0 Mitglieder finden den Beitrag gut.
  2. So. 16.11.2008 11:50 Uhr #2
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    natürlich gibts da was :>
    sagen wir mal, du hast das in der Navigation: 
    {_list_menunr1@
<div style="float:left">
<div class="hoverme">%1</div>
<div class="menu">
menupunkt1<br/>
menupunkt2<br/>
</div>
</div> 
}


    und so sieht die css aus: 
    .menu {
display: none;
visibility: hidden;
}

.hoverme:hover + .menu {
display: block;
visibility: visible;
}

.menu:hover {
display: block;
visibility: visible;
}


    dadurch wird der inhalt von .menu nur angezeigt, wenn der Cursor auf .hoverme oder auf .menu ist.
    damit .menu wie ein richtiges Menü aussieht musst du noch mit position: absolute; einen verzug verhindern.
    0 Mitglieder finden den Beitrag gut.
  3. So. 16.11.2008 12:34 Uhr #3
    User Pic
    T3M|Neo Mitglied
    Registriert seit
    15.11.2008
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    ne habs shon gefunden, richtig einfach gemacht sowas, aber wiedermal habe ich damit probleme gekriegt lachen:
    also wenn sich für sowas interessiert wie sowas gemacht wird, hier einmal der Link:
    tuts.freddy-online.com/subnavi/subnavi.html

    und die Readme dafür, die dort angesprochen wird:
    tuts.freddy-online.com/subnavi/README.txt

    aber naja irgendwie lappt das mit dem Background für den <div> nicht ......
    weil ich mach den Code da rein wo ddas Submenü angezeigt werden soll und wenn man auf die Page geht sidrup.si.funpic.de
    und da wird das background erst nicht angezeigt, erst wenn man auf dem Link klickt, dann wird das Submenü angezeigt.
    hier mal der Code dafür wie das aussieht, vllt kann mir ja einer Helfen, währe natürlich super lächeln:
    für die Buttons: 
    <tr>
        <td align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr align="left" valign="top">
            <td><img src="/include/designs/Freetamp_GT01/Bilder/Designe_08.jpg" width="108" height="29"></td>
            <td><img src="/include/designs/Freetamp_GT01/Bilder/Designe_09.jpg" width="104" height="29"></td>
            <td><img src="/include/designs/Freetamp_GT01/Bilder/Designe_10.jpg" width="103" height="29"></td>
            <td><img src="/include/designs/Freetamp_GT01/Bilder/Designe_11.jpg" width="104" height="29"></td>
            <td><img src="/include/designs/Freetamp_GT01/Bilder/Designe_12.jpg" width="540" height="29"></td>
          </tr>
        </table></td>
      </tr>


    und für submenü: 
    <tr>
                <td align="left" valign="top" background="/include/designs/Freetamp_GT01/Bilder/Designe_13.jpg" width="754"><div id="describe" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div></td>
              </tr>
			  <script language="JavaScript1.2">
var submenu=new Array()
 
submenu[0]='<a href="?site=news"><font color="#FFFFFF">News</font></a> <font color="#FFFFFF"> | </font> <a href="?site=news&action=archive"><font color="#FFFFFF">News Archive</font></a> <font color="#FFFFFF"> | </font> </a> <a href="?site=awards"><font color="#FFFFFF">Events</font><font color="#FFFFFF"> | </font></a> <a href="?site=contact"><font color="#FFFFFF">Contact</font></a><font color="#FFFFFF"> | </font><a href="?site=imprint"><font color="#FFFFFF">Imprint</font></a>'
submenu[1]='<left><a href="?site=squads"><font color="#FFFFFF">Member</font></a> <font color="#FFFFFF"> | </font> <a href="?site=clanwars"><font color="#FFFFFF">Wars</font></a> <font color="#FFFFFF"> | </font> <a href="?site=about"><font color="#FFFFFF">About Us</font></a> <font color="#FFFFFF"> | </font><a href="?site=awards"><font color="#FFFFFF">Awards</font><font color="#FFFFFF"> | </font><a href="?site=history"><font color="#FFFFFF">History</font></a> <font color="#FFFFFF"> | </font> <a href="?site=server"><font color="#FFFFFF">Server</font></a>  <font color="#FFFFFF"> | </font> <a href="?site=sponsors"><font color="#FFFFFF">Sponsors</font></a> <font color="#FFFFFF"> | </font> <a href="?site=challenge"><font color="#FFFFFF">Fight us</font></a> <font color="#FFFFFF"> | </font> <a href="?site=joinus"><font color="#FFFFFF">Join us</font></a></left>'
submenu[2]='<left><a href="?site=forum"><font color="#FFFFFF">Forum</font></a> <font color="#FFFFFF"> | </font> <a href="?site=guestbook"><font color="#FFFFFF">Guestbook</font></a> <font color="#FFFFFF"> | </font> <a href="?site=registered_users"><font color="#FFFFFF">Registered Users</font></a> <font color="#FFFFFF"> | </font> <a href="?site=whoisonline"><font color="#FFFFFF">Who is online?</font></a><font color="#FFFFFF"> | </font> <a href="?site=newsletter"><font color="#FFFFFF">Newsletter</font></a></center>'
submenu[3]='<div align="left"><a href="?site=poll"><font color="#FFFFFF">Polls</font></a> <font color="#FFFFFF"> | </font> <a href="?site=files"><font color="#FFFFFF">Downloads</font></a> <font color="#FFFFFF"> | </font> <a href="?site=gallery"><font color="#FFFFFF">Gallery</font></a> <font color="#FFFFFF"> | </font> <a href="?site=demos"><font color="#FFFFFF">Demos</font></a> <font color="#FFFFFF"> </font><font color="#FFFFFF"> | </font> <a href="?site=links"><font color="#FFFFFF">Links</font></a><font color="#FFFFFF"> | </font><a href="?site=linkus"><font color="#FFFFFF">Link Us</font></a></div>'
var delay_hide=5000


var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}


function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

</script>
    [url=neodesigns.de]http://sidrup.si.funpic.de/Extras/banner-V4.jpg[/url]
    0 Mitglieder finden den Beitrag gut.
  4. So. 16.11.2008 20:48 Uhr #4
    User Pic
    T3M|Neo Mitglied
    Registriert seit
    15.11.2008
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    Hab da noch eine Frage und zwar wie ich bei den boxen also zwischen den Boxen background einfügen kann
    und die zweite frage ist:
    wie kann ich Ilch zeigen das das der header der box ist und der das andauern für jedes menü übernehmen soll?
    [url=neodesigns.de]http://sidrup.si.funpic.de/Extras/banner-V4.jpg[/url]
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 17.11.2008 21:06 Uhr #5
    User Pic
    T3M|Neo Mitglied
    Registriert seit
    15.11.2008
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    kann echt keiner helfen?
    [url=neodesigns.de]http://sidrup.si.funpic.de/Extras/banner-V4.jpg[/url]
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 17.11.2008 21:12 Uhr #6
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    um welche seite handelt es sich den
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  7. Di. 18.11.2008 15:40 Uhr #7
    User Pic
    T3M|Neo Mitglied
    Registriert seit
    15.11.2008
    Beiträge
    62
    Beitragswertungen
    0 Beitragspunkte
    naja eigentlich wenn man das ding bischel weiter unten durchliest, dann steht der Link ja da, aber naja, hier ist des Link noch ma:
    sidrup.si.funpic.de/#


    Zuletzt modifiziert von T3M|Neo am 18.11.2008 - 16:23:49
    [url=neodesigns.de]http://sidrup.si.funpic.de/Extras/banner-V4.jpg[/url]
    0 Mitglieder finden den Beitrag gut.
  8. Di. 18.11.2008 16:02 Uhr #8
    User Pic
    blue Mitglied
    Registriert seit
    27.10.2008
    Beiträge
    513
    Beitragswertungen
    14 Beitragspunkte
    ZitatZitat geschrieben von Siggi

    um welche seite handelt es sich den



    sidrup.si.funpic.de/
    blue-psd auf Facebook
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten