Harmony weiteres Menü hinzufügen

*Christian*

Wenn Ihr ein weiteres Menü, wie das "Community" Menü benötigt geht folgendermaßen vor.

Im Header Template, suche nach:

Code:

                    <li id="button_com_more"><a id="community_parent" href="#" onclick="showpopnavi('community'); return false;" onmouseout="hidepopnavi('community'); return false;" title=""></a></li>

und füge folgendes danach ein:

Code:

                    <li id="button_com"><a href="$vboptions[forumhome].php$session[sessionurl_q]" title="">Neu</a></li>
                    <li id="button_com_more"><a id="neu_parent" href="#" onclick="showpopnavi('neu'); return false;" onmouseout="hidepopnavi('neu'); return false;" title=""></a></li>

Im selben Template weiter unten suche nach:

Code:

<!--/ Community popup -->

und füge folgendes danach ein:

Code:

<!-- Neu popup -->
<div id="neu" style="display:none;" onmouseover="showpopnavi('neu', 1);" onmouseout="hidepopnavi('neu'); return false;">
    <div class="popup" style="border-bottom:0;">
        <ul>
            <li class="menu_popup"><a href="#"><img src="/designs/harmony/icon_com.gif" border="0" alt="0" class="inlineimg" /> Test</a></li>
        </ul>
    </div>

</div>

<!--/ Neu popup -->

Rot markiertes ist immer die Identifikations ID des Menüs, wenn Ihr z.B. einen Punkt mit Produkte hinzufügen wollt, würde ich es immer products und products_parent nehmen, aber das bleibt euch überlassen.

Tipp!
Wenn euch das aufklappen des Menüs zu schnell geht könnt ihr dies auch noch anpassen, indem Ihr die Datei /designs/harmony/harmony.js anpasst sucht folgendes:

Code:

		        var Y = Math.ceil(mydiv.offsetHeight / 16);

und ändert Rot markiertes, indem Ihr die Zahl erhöht.

Tipp!
Noch ein kleiner Tipp am Schluss, wenn Ihr W3C valide bleiben wollt, müsst Ihr die CSS IDs in Klassen umwandeln, da die laut W3C nur einmal deklariert sein dürfen, macht also aus allen:

Code:

#button_com, #button_com_more

folgendes:

Code:

.button_com, .button_com_more

im Header Template und den
Zusätzlichen CSS-Definitionen.

MarekJan

Hallo,
ich habe eine Frage, in der Demo kommt wenn man auf Quicklinks klickt ein menü,
test4.JPG

wenn ich bei mir auf die Links klicke, werden nur paar zusätzliche Menüpunkte nach rechts angezeigt,

test3.JPG
wie bekomme ich es wie in dem Demostyle hin?
Gruß Marek Jan

*Christian*

Ich glaube du hast bei dir die vBulletin DHTML Menüs deaktiviert, prüfe mal folgende Einstellung:

AdminCP ==> vBulletin-Einstellungen ==> Style und Sprache ==> DHTML Popup-Menüs verwenden

MarekJan

Nein, die sind aktiv, kann es sein, weil es die 3.7. version ist??
edit: sorry, hatte es im testforum zuerst und da habe ich schon 3.7. in 3.6.8 geht es ohne probleme

SessionX

Hab das jetzt so gemacht, aber irgendwo muss ich noch nen Fehler haben, denn es öffnet sich nicht das neue Menü, sondern das vorhandene Community.

PHP Code:


			
<a name="top"></a>

<div id="border_left">

<div id="border_right">

    <div id="border_top_left">

    <div id="border_top_right">

        <div id="header_bg">

            <div id="logo"></div>

            <div id="header_right">

                <div id="hr_top">

                <div id="searchfield">

                    <form action="search.php?do=process" method="post">

                    <input type="hidden" name="do" value="process" />

                    <input type="hidden" name="quicksearch" value="1" />

                    <input type="hidden" name="childforums" value="1" />

                    <input type="hidden" name="exactname" value="1" />

                    <input type="hidden" name="s" value="$session[sessionhash]" />

                    <div>

                        <div id="search_bg"><input id="search_bg_input" type="text" class="bginput" name="query" size="25" value="$vbphrase[search]" onfocus="if(this.value=='$vbphrase[search]')this.value=''" onblur="if(this.value=='')this.value='$vbphrase[search]'" /></div>

                        <input style="float:left;padding-left:3px;" type="image" src="/designs/harmony/search_submit.gif" value="$vbphrase[go]" tabindex="1004" />

                        <span id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"><img style="float:left;" src="/designs/harmony/search_more.gif" alt="$vbphrase[search]" border="0" /></a></span> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search",1); </script> </if>

                    </div>

                    <input type="hidden" name="showposts" value="1" />

                    </form>

                </div>

                <if condition="$show['member']">

                <div class="welcome">

                    <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />

                    <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

                    <if condition="$show['pmstats']"><br /> <phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>

                    <if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>

                </div>

            </if>

                <div style="float:right;">

                </div>

                </div>

                <div id="right_buttons">

                    <ul id="small_buttons">

                        <li id="button_login">

                    <if condition="$show['member']">

                            <a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"  onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')" title="<phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase>">$vbphrase[log_out]</a>

                        <else />

                            <span id="login"><a href="/" title="">$vbphrase[log_in]</a> </span><script type="text/javascript"> vbmenu_register("login",1); </script>

                        </if>



                        </li>

                        <li id="button_usercp"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>

                    </ul>

                </div>

                <ul id="big_buttons">

                    <li id="button_start"><a href="/" title="">Start</a></li>

                    <li id="button_com"><a href="$vboptions[forumhome].php$session[sessionurl_q]" title="">Community</a></li>

                    <li id="button_com_more"><a id="community_parent" href="#" onclick="showpopnavi('community'); return false;" onmouseout="hidepopnavi('community'); return false;" title=""></a></li>

<li id="button_com"><a href="$vboptions[forumhome].php$session[sessionurl_q]" title="">WordPress</a></li>

                    <li id="button_com_more"><a id="wp_parent" href="#" onclick="showpopnavi('community'); return false;" onmouseout="hidepopnavi('wp'); return false;" title=""></a></li>

                </ul>

            </div>

        </div>



        <!-- logo -->



<div id="login_menu" style="display:none">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">

<tr>

        <td class="thead">$vbphrase[log_in]</td></tr><tr>

        <td class="alt2" nowrap="nowrap" style="padding:0px">

            

        <!-- login form -->

        <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">

        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>

        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">

        <tr>

            <td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>

            <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>

            <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>

        </tr>

        <tr>

            <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>

            <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>

            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>

        </tr>

        </table>

        <input type="hidden" name="s" value="$session[sessionhash]" />

        <input type="hidden" name="do" value="login" />        

        <input type="hidden" name="vb_login_md5password" />

        <input type="hidden" name="vb_login_md5password_utf" />

        </form>

        <!-- / login form -->

            

        </td>

    

</tr>

</table>

</div>

<!-- content table -->



<!-- Community popup -->

<div id="community" style="display:none;" onmouseover="showpopnavi('community', 1);" onmouseout="hidepopnavi('community'); return false;">

    <div class="popup" style="border-bottom:0;">

        <ul>

            <li class="menu_popup"><a href="forumdisplay.php?f=23"><img src="/designs/harmony/icon_com.gif" border="0" alt="0" class="inlineimg" /> RSS Artikel</a></li>

            <li class="menu_popup"><a href="forumdisplay.php?f=17"><img style="padding-right:3px;" src="/designs/harmony/icon_blog.gif" border="0" alt="0" class="inlineimg" /> WordPress News</a></li>

            <li class="menu_popup"><a href="downloads.php"><img style="padding-right:3px;" src="/designs/harmony/icon_forum.gif" border="0" alt="0" class="inlineimg" /> Datenbank</a></li>

            <li class="menu_popup"><a target="_blank" href="http://www.blogwiese.de/2007/07/23/buttons-fuer-blogger/"><img style="padding-right:3px;" src="/designs/harmony/icon_img.gif" border="0" alt="0" class="inlineimg" /> Blogbuttons</a></li>

            <li class="menu_popup"><a href="blogroll.php"><img style="padding-right:3px;" src="/designs/harmony/icon_video.gif" border="0" alt="0" class="inlineimg" /> Blogroll</a></li>

            <li class="menu_popup"><a href="#"><img style="padding-right:2px;" src="/designs/harmony/icon_chat.gif" border="0" alt="0" class="inlineimg" /> Chat</a></li>

            <li class="menu_popup"><a href="#"><img style="padding-right:3px;" src="/designs/harmony/icon_markt.gif" border="0" alt="0" class="inlineimg" /> Kleinanzeigen</a></li>

        </ul>

    </div>



</div>



<!--/ Community popup -->



<!-- Neu popup -->

<div id="community" style="display:none;" onmouseover="showpopnavi('wp', 1);" onmouseout="hidepopnavi('wp'); return false;">

    <div class="popup" style="border-bottom:0;">

        <ul>

                        <li class="menu_popup"><a href="http://doku.wordpress-deutschland.org/Hauptseite"><img src="/designs/harmony/icon_events.gif" border="0" alt="0" class="inlineimg" /> Dokumentation</a></li>

            <li class="menu_popup"><a href="http://doku.wordpress-deutschland.org/Template_Tags"><img style="padding-right:3px;" src="/designs/harmony/icon_bookm.gif" border="0" alt="0" class="inlineimg" /> Template Tags</a></li>

            <li class="menu_popup"><a href="http://themes.wordpress-deutschland.org/"><img style="padding-right:4px;" src="/designs/harmony/icon_user.gif" border="0" alt="0" class="inlineimg" /> Themepool</a></li>

        </ul>

    </div>



</div>



<!--/ Neu popup -->



<if condition="in_array(THIS_SCRIPT, array('register'))">

$spacer_open



$_phpinclude_output

</if>

*Christian*

Code:

<!-- Neu popup --> 
<div id="community" ...

Rot markiertes ist falsch.

SessionX

hmm ändert sich auch nix dran.
Hab da jetzt wp rein geschrieben.

*Christian*

Du hast die Änderungen aus Beitrag #1 nicht korrekt ausgeführt, bitte beachte alles Rot markierte.

SessionX

Wenn jetzt hier ein Pfeif Smiley wäre, hätte ich diesen benutzt.

Danke

MarekJan

Ich habe noch eine Frage und hoffe es kann mir einer helfen?
Ich habe das Menü so umgebaut, dass wenn man z.B. auf Mitglieder klickt, das Menü sofort aufgeht

frage1.JPG

wie bekomme ich es aber hin, dass ich sofort auf z.B. Community klicken kann nicht rechts auf das Pfeil und das Menü bündig aufgeht?? Wo ist das definiert? Also bündig wie hier:

frage2.JPG

Da meine Mitglieder das aufklapp-Menü schlecht durch dem Pfeil finden, hätten sie es gerne wenn man auf dem Namen klickt, dass das Menü aufgeht.

Hoffe es kann mir jemand nen Tipp geben.

Marek Jan

MarekJan

Könnte jemand so nett sein und ein Zusatztab mit Menü hier posten für VB 4. Meine Kentnisse reichen dafür leider nicht aus.
Lieben Gruß
MJ

CThiessen

Moin,
es gibt eine Anleitung für Arcade:
Arcade: Main Nav Tab + Sub Menu + Dropdown Menu - vBulletin.org Forum
Menue.jpg
Das kann man als Vorlage nehmen und sich wie gewünscht anpassen.

Gruß
Christian

*Christian*

Im Prinzip ist es genauso wie früher, nur dass der erste Part etwas anders ist. Alles andere:

Quote:

Code:

<!--/ Community popup -->

und füge folgendes danach ein:

Code:

<!-- Neu popup -->
<div id="neu" style="display:none;" onmouseover="showpopnavi('neu', 1);" onmouseout="hidepopnavi('neu'); return false;">
    <div class="popup" style="border-bottom:0;">
        <ul>
            <li class="menu_popup"><a href="#"><img src="/designs/harmony/icon_com.gif" border="0" alt="0" class="inlineimg" /> Test</a></li>
        </ul>
    </div>

</div>

<!--/ Neu popup -->

Rot markiertes ist immer die Identifikations ID des Menüs, wenn Ihr z.B. einen Punkt mit Produkte hinzufügen wollt, würde ich es immer products und products_parent nehmen, aber das bleibt euch überlassen.

ist genauso wie vorher.

MarekJan · *Last edited by MarekJan : 03.09.2010 at 11:49.*

Ich kopiere auchfolgende code und setzte die direkt drunter:

Code:

<li><a onclick="showpopnavi('mitglieder'); return false;" onmouseout="hidepopnavi('mitglieder'); return false;" id="mitglieder" class="navtab arrow" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum} <img class="tabimg" src="/designs/harmony/misc/arrow.png" alt="" /></a></li>

wobei "mitglieder" schon die abgeänderte id ist, aber der Tab erscheint nur kurz und verschwindet. Und da scheiter ich auch dran

Genau mit dem ersten Part habe ich mein Problem

*Christian*

Wo genau fügst du den Code ein.