Seite 1 von 5

[FINAL] vBulletin Style DHTML Menu

Verfasst: 05.05.2006 19:17
von ATARI
vBulletin Style DHTML Menu
für die viewtopic- und private messages Ansicht


Sodala, endlich fertig! ;)



Bilder sagen mehr als 1000 Worte, so siehts aus:
(Screenshots von meiner privaten Homepage!)


Menu geschlossen (standartmäßig):
[ externes Bild ]


Und durch einen Klick auf den Benutzernamen erscheint es dann:
[ externes Bild ]



- Download - (.rar) [V. 1.0.6]
- Download - (.zip) [V. 1.0.6]



Viel Spaß damit! ;)

Verfasst: 05.05.2006 21:41
von John Doe
Das ist hübsch. :)

Ein Tippfehler:
suche :

Code: Alles auswählen

$postrow[$i]['username'] . '&nbsp'
ersetze mit

Code: Alles auswählen

$postrow[$i]['username'] . ' '
Das müsste sich doch eigentlich auch analog für z.B die index.php für die letzter Beitrag Spalte anpassen lassen.

Verfasst: 05.05.2006 22:20
von John Doe
Grade was Merkwürdiges gesehen.

Wenn auf der Beitragsseite nur 1 User X ist, der seine Emailadresse anzeigen lässt, aber alle anderen nicht, dann taucht im Dropdown bei allen anderen:
Eine Email an User X schicken auf. ?

Verfasst: 05.05.2006 22:40
von Maniac5000
Ich möchte gerne die Hintergrundfarbe der Bock und die Schriftfarbe ändern, ich habe schon die gesamte CSS-Angaben durchsucht und einiges ausprobiert, aber nichts funktioniert. Welche Stellen muss ich ändern?

Verfasst: 06.05.2006 00:59
von Mehrpack
hi,
nice.

vielleicht noch einen vorschlag: wäre es möglich für administratoren in dem menü einen link zu den profileinstellungen des user hinzufügen?

Mehrpack

Verfasst: 06.05.2006 09:16
von ATARI
So, habe eben ein Update herausgebracht was die zwei von John Doe bemängelten Dinge fixt.
(Download Link siehe erster Beitrag!)
Hatte nicht wirklich Zeit zu testen da meine Mutter heute ihren 50. Geburtstag feiert, aber so sollte es funzen! ;)

Wenn nicht bitte nicht steinigen.


@Maniac5000: Dieser Wert ist in der viewtopic_body.tpl zu suchen.

>>

Code: Alles auswählen

var menubgcolor='#F2F2F2'  //menu bgcolor
Die Hover Farbe ist in der .css Datei festgelegt.

>>

Code: Alles auswählen

#dropmenudiv a:hover{
background-color: #E5E5E5;
}

@Mehrpack: Ja, evtl. für mach ich das als Addon, dürfte nicht so schwer sein. Aber heute nicht mehr, wie gesagt, heute hab ich keine Zeit..

Verfasst: 06.05.2006 11:31
von John Doe
Das mit der email klappt jetzt.

Bei IE hatte ich keine Transparenz, weil offensichtlich hier

#dropmenudiv{

ein width Angabe verlangt wird. In dem Javascript wird das mit

Code: Alles auswählen

var menuwidth='selfc' //default menu width
gemacht.
Wobei ich keine definition von selfc gefunden habe.

Also zu fuss in diesen container eine width angabe gemacht, wobei die Zahl beliebig ist, z.B

Code: Alles auswählen

#dropmenudiv{
position:absolute;
border:1px solid #CCCCCC;
filter:alpha(opacity=90);
-moz-opacity:0.9;
width:150px;
white-space: nowrap;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
und dann klappts auch mit IE 8)

Verfasst: 06.05.2006 11:51
von Apotemnophiliac
Hallo
Will bei mir nicht so richtig funktionieren:

[ externes Bild ]

Die Ausgabe - viewtopic_body.tpl

Code: Alles auswählen

<strong><a href="javascript:emoticon('[b]<a class="nav" href="javascript:void(0)" onClick="return dropdownmenu(this, event, menu{postrow.VB_MENU_ID}, 'selfc')" onMouseout="delayhidemenu()">{postrow.POSTER_NAME}</a>[/b], ')">{postrow.POSTER_NAME}</a></strong></span><br />
Fehler finde ich aber eigentlich keinen :/
Liebe Grüße

Verfasst: 06.05.2006 12:17
von ATARI
@John Doe:
Nein!
Die Breite darfst du auf keinen Fall statisch festlegen !!!


Das selfc findet sich im javascript in der viewtopic_body.tpl wieder.
Es besagt, dass die Breite des Menus immer individuell berechnet wird, je nachdem wie lang der Name des Users ist.

Ist ja klar, wenn ein User Sepp heißt und der andere Cool_Gangsta_Deluxe dann muss das Menu unterschiedlich breit sein.

Zur Tansparenz: Ich hab es gerade mit dem IE 6 auf meiner Homepage getestet und die Transparenz ist wunderbar - genau wie im Firefox - vorhanden.
Evtl. solltest du mal die Cache leeren! ;)


@Apotemnophiliac:
Ersetze den von dir geposteten Code mit dem hier, dann gehts!

Code: Alles auswählen

<strong><a class="nav" href="javascript:void(0)" onClick="return dropdownmenu(this, event, menu{postrow.VB_MENU_ID}, 'selfc')" onMouseout="delayhidemenu()">{postrow.POSTER_NAME}</a></strong><br />
Da war noch was von der BBCode Box drinnen, was man aber so gut wie nie hernimmt! ;)

Verfasst: 06.05.2006 12:21
von Apotemnophiliac
Hallo
Das hatte ich mir anfangs fast gedacht, aber da sonst keine Meldungen kamen hab ich das einfach mal hingenommen:
<strong><a class="nav" href="javascript:void(0)" onClick="return dropdownmenu(this, event, menu{postrow.VB_MENU_ID}, 'selfc')" onMouseout="delayhidemenu()">{postrow.POSTER_NAME}</a></a></strong></span><br />
So ist es ganz richtig sonst gibt er den Usernamen 2 Mal hintereinander aus :D


edit: Bei mir zeigt er bei der Gallery den Icon nicht an... Obwohl er hochgeladen ist ---- und die mögliche grafikadresse kann ich auch net auslesen..

Liebe Grüße