ilch Forum » Ilch Clan 1.1 » Allgemein » drop down menü

Geschlossen
  1. Di. 23.09.2008 21:39 Uhr #1
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    hi leute, wie muss ich ein drop down menü coden damit ich es über die navigation im ilch admin bearbeiten kann?

    wär cool wenn jemand ne idee hät

    grüße holz


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 24.09.2008 21:11 Uhr #2
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    hat jemand ne idee?
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 24.09.2008 21:33 Uhr #3
    User Pic
    assault Hall Of Fame
    Registriert seit
    03.11.2006
    Beiträge
    2.925
    Beitragswertungen
    1 Beitragspunkte
    wie wärs damit?
    externer Link
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 24.09.2008 22:05 Uhr #4
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    das muss ich ja in die index.html machen oder? 
    <div style="float:left">
<span class="hoverme">tolles Zeug<br/></span>
<span class="menu">
menupunkt1<br/>
menupunkt2<br/>
</span>
</div>


    und das in die style.css
    .menu {
display: none;
visibility: hidden;
}

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

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



    und das kann ich dann über admin/navigation verwalten wie das normale ilch menü?
    0 Mitglieder finden den Beitrag gut.
  5. Do. 25.09.2008 20:32 Uhr #5
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ? wie kann ich das menü dann über ilch.admin editieren?
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 03.06.2009 13:43 Uhr #6
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    *hüstel* -> altes Thema rauskram

    -> Wie macht man das jetz? bin auch an Drop-Down interessiert zwinker
    0 Mitglieder finden den Beitrag gut.
  7. Do. 04.06.2009 00:34 Uhr #7
    User Pic
    Bodor Mitglied
    Registriert seit
    01.06.2009
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Ja klar kein Problem das wohl das leichteste ...

    Schreib mir mal ne PM was du dir wie vorstellst ob nur Farbangaben HEX oder ganze Grafiken und die Funktion es im Admin bereich zu ändern ...

    Kann man fertig machen.

    LG Bodor
    Eine Studie in Oxford hat ergeben, dass Homosexuelle die Signaturen und Beiträge anderer immer mit der Hand auf der Maus lesen.
    Zu Spät kannst die Hand an der Maus lassen .........!
    0 Mitglieder finden den Beitrag gut.
  8. Do. 04.06.2009 00:35 Uhr #8
    User Pic
    Bodor Mitglied
    Registriert seit
    01.06.2009
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Ja klar kein Problem das wohl das leichteste ...

    Schreib mir mal ne PM was du dir wie vorstellst ob nur Farbangaben HEX oder ganze Grafiken und die Funktion es im Admin bereich zu ändern ...

    Kann man fertig machen.

    LG Bodor
    Eine Studie in Oxford hat ergeben, dass Homosexuelle die Signaturen und Beiträge anderer immer mit der Hand auf der Maus lesen.
    Zu Spät kannst die Hand an der Maus lassen .........!
    0 Mitglieder finden den Beitrag gut.
  9. Do. 04.06.2009 00:36 Uhr #9
    User Pic
    Bodor Mitglied
    Registriert seit
    01.06.2009
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Bodor

    Ja klar kein Problem das wohl das leichteste ...

    Schreib mir mal ne PM was du dir wie vorstellst ob nur Farbangaben HEX oder ganze Grafiken und die Funktion es im Admin bereich zu ändern ...

    Kann man fertig machen.

    LG Bodor


    ups falsche Taste das es so schnell geht ( Sorry einmal Löschen bitte )

    huhu hier .........! User sucht pfleißigen Mod !
    Eine Studie in Oxford hat ergeben, dass Homosexuelle die Signaturen und Beiträge anderer immer mit der Hand auf der Maus lesen.
    Zu Spät kannst die Hand an der Maus lassen .........!
    0 Mitglieder finden den Beitrag gut.
  10. Do. 04.06.2009 09:17 Uhr #10
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    naja, ich hätte da schon gerne ein drop down mit grafiken, versteht sich zwinker
    0 Mitglieder finden den Beitrag gut.
  11. Do. 04.06.2009 15:02 Uhr #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    horizontal?
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Do. 04.06.2009 19:37 Uhr #12
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    wie bei externer Link zwinker
    0 Mitglieder finden den Beitrag gut.
  13. Do. 04.06.2009 21:30 Uhr #13
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    Ein Dropdown dynamisch, ist nur mit Extremen eingriffen in der Design und Menu funktion von ilch möglich xD
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  14. Do. 04.06.2009 21:46 Uhr #14
    User Pic
    vutang Mitglied
    Registriert seit
    15.12.2008
    Beiträge
    46
    Beitragswertungen
    0 Beitragspunkte
    hab eins iwo bei meinen designs o.o

    in den head

    ZitatZitat
    <!-- Klappnavi Design stylesheet -->
    <style type="text/css">
    #dropmenudiv{
    position:absolute;
    line-height:20px;
    z-index:100;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size:9px;
    font-family:Arial, Helvetica, sans-serif;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: black;
    border-left-color: black;
    color: #FFFFFF;
    }
    #dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 2px;
    text-decoration: none;
    font-weight: normal;
    height: 20px;
    padding-top: 1px;
    padding-right: 0;
    padding-bottom: 1px;
    padding-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
    background-color: #e1e1e1;
    }
    #dropmenudiv a:hover{ /*hover background color*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #a3a206;
    color: #FFFFFF;
    }
    .Stil1 { color: #FFFFFF;
    font-size: 10px;
    }
    </style>
    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit externer Link for full source code
    ***********************************************/
    //Contents for menu 1, and so on
    var menu1=new Array()
    menu1[0]='<a href="?">&bull; News</a>'
    menu1[1]='<a href="?forum">&bull; Forum</a>'
    menu1[2]='<a href="?gbook">&bull; Gbook</a>'
    menu1[3]='<a href="?kalender>&bull; Kalender</a>'
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="?teams">&bull; Teams</a>'
    menu2[1]='<a href="?fightus">&bull; Fight Us</a>'
    menu2[2]='<a href="?linkus">&bull; Link Us</a>'
    menu2[3]='<a href="?wars">&bull; Wars</a>'
    menu2[4]='<a href="?rules">&bull; Regeln</a>'
    //Contents for menu 3, and so on in arbeit
    var menu3=new Array()
    menu3[0]='<a href="?downloads">&bull; Downloads</a>'
    menu3[1]='<a href="?statistik">&bull; Statistik</a>'
    menu3[2]='<a href="?vote">&bull; Umfragen</a>'
    menu3[3]='<a href="?links">&bull; Links</a>'
    menu3[4]='<a href="?impressum">&bull; Impressum</a>'
    //Contents for menu 4, and so on
    var menu4=new Array()
    menu4[0]='<a href="?gbook">&bull; Gbook</a>'
    //Contents for menu 5, and so on
    var menu5=new Array()
    menu5[0]='<a href="?AGB">&bull;AGB´s</a>'
    menu5[1]='<a href="?faq">&bull; FAQ</a>'
    menu5[2]='<a href="?impressum">&bull; Imprint</a>'
    menu5[3]='<a href="?contact">&bull; Kontakt</a>'
    //Contents for menu 6, and so on
    var menu6=new Array()
    var menuwidth='120px' //default menu width
    var menubgcolor='white' //menu bgcolor
    var disappeardelay=300 //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?
    /////No further editting needed
    var ie4=document.all
    var ns6=document.getElementById&&!document.all
    if (ie4||ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
    function getposOffset(what, offsettype){
    var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
    var parentEl=what.offsetParent;
    while (parentEl!=null){
    totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
    parentEl=parentEl.offsetParent;
    }
    return totaloffset;
    }
    function showhide(obj, e, visible, hidden, menuwidth){
    if (ie4||ns6)
    dropmenuobj.style.left=dropmenuobj.style.top="-500px"
    if (menuwidth!=""){
    dropmenuobj.widthobj=dropmenuobj.style
    dropmenuobj.widthobj.width=menuwidth
    }
    if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
    obj.visibility=visible
    else if (e.type=="click")
    obj.visibility=hidden
    }
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function clearbrowseredge(obj, whichedge){
    var edgeoffset=0
    if (whichedge=="rightedge"){
    var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
    dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
    if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
    }
    else{
    var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
    var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
    dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
    if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
    if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
    edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
    }
    }
    return edgeoffset
    }
    function populatemenu(what){
    if (ie4||ns6)
    dropmenuobj.innerHTML=what.join("")
    }
    function dropdownmenu(obj, e, menucontents, menuwidth){
    if (window.event) event.cancelBubble=true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)
    if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }
    return clickreturnvalue()
    }
    function clickreturnvalue(){
    if (ie4||ns6) return false
    else return true
    }
    function contains_ns6(a, b) {
    while (b.parentNode)
    if ((b = b.parentNode) == a)
    return true;
    return false;
    }
    function dynamichide(e){
    if (ie4&&!dropmenuobj.contains(e.toElement))
    delayhidemenu()
    else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
    delayhidemenu()
    }
    function hidemenu(e){
    if (typeof dropmenuobj!="undefined"){
    if (ie4||ns6)
    dropmenuobj.style.visibility="hidden"
    }
    }
    function delayhidemenu(){
    if (ie4||ns6)
    delayhide=setTimeout("hidemenu()",disappeardelay)
    }
    function clearhidemenu(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
    }
    if (hidemenu_onclick=="yes")
    document.onclick=hidemenu
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>



    der button
    [quote]
    <a href="#" onclick="return clickreturnvalue()"
    onmouseover="dropdownmenu(this, event, menu1, '150px')"
    onmouseout="delayhidemenu()"><img
    src="include/designs/designname/img/mainmenu.png" alt="Mainmenu"
    name="main" id="main"
    onmouseover="MM_swapImage('main','','include/designs/designname/img/mainmenu_hover.png',1)"
    onmouseout="MM_swapImgRestore()" border="0" height="30"
    width="150"></a>
    [/qoute]

    seh grad dass smiles drin sind x.x

    Zuletzt modifiziert von vutang am 04.06.2009 - 21:49:39
    0 Mitglieder finden den Beitrag gut.
  15. Fr. 05.06.2009 17:20 Uhr #15
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    externer Link

    diese navi kannst du leicht dynamisch machen. ja nach dem wieviele dropdowns du haben willst, musst du mal in den faq schauen, wie man mehr navipunkte im admin hinzu fügt
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  16. Sa. 06.06.2009 08:42 Uhr #16
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    kk, vielen dank erstmal, ich werds in den nächsten tagen versuchen und dann bescheidgeben, wenns was geworden is zwinker
    0 Mitglieder finden den Beitrag gut.
  17. Mo. 08.06.2009 02:12 Uhr #17
    User Pic
    Bodor Mitglied
    Registriert seit
    01.06.2009
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    Ja wenn ihr meint aber sieht langweilig aus naja macht mal ....
    Ich habe am Laufen und um meinem Vorredner den Wind aus den Segeln zu nehmen den eingriff inder Datei habe ich in 10 min. erledigt .
    Egal welches Layout !

    Naja viel Spass noch

    LG Bodor

    _______________________________________
    Ehm mal ne frage den Style bereich mit im Layout für die Navi ?
    wie wäre es mit auslagern kommt besser zum ändern !

    nur so ne Idee ( Aus erfahrung heraus )
    ist es nicht schon wenn man es selber erstellt dann bleiben die Öden Copyright andere Anbieter aus

    /***********************************************
    * AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit dynamicdrive.com/ for full source code
    ***********************************************/

    nur mal so ne Idee meine Scripts wollte ich nicht von Copyright anderer Gespickt haben .


    Zuletzt modifiziert von Bodor am 08.06.2009 - 02:19:02
    Eine Studie in Oxford hat ergeben, dass Homosexuelle die Signaturen und Beiträge anderer immer mit der Hand auf der Maus lesen.
    Zu Spät kannst die Hand an der Maus lassen .........!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten