Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 12
Seite [1]
.snaga


Rock the board




Beiträge: 79
 # Thema - 06.07.2008 um 17:06 Uhr
Okay also hier mein Problem bzw. Wunsch

Ich möchte gerne für ein neues Design ein Dropdown-Menü.
Es soll aber ein besonderes Dropdown werden, hier ein Beispiel.

Das Menü heißt z.B. Calendar, wenn man nun darüber fährt soll sich der kleine Kalender, wie man ihn oft auf
der Hauptseite sieht erscheinen. Nun kann man dort z.B ein Tag auswählen dann öffnet sich wie normal der Kalender im "Content".
Also im Dropdown sollen also die "{events:navcal}" die "{board:navlist}" und die "{wars:navnext}" erscheinen wenn man jeweils über den Menüpunkt fährt.

Wie realisiere ich das nun? Ne Ahnung von z.B Java hab ich nicht. Geht das auch mit reinem CSS?
Wenn ja wie?

Hoffe ihr könnt mir ein wenig weiterhelfen.
Gruß Snaga
Inaktiv
racor


Going for pro




Beiträge: 476
 # Antwort: 1 - 06.07.2008 um 19:35 Uhr
Ich hab zwar verdammt wenig Ahnung von DIVs, aber ich glaube du müsstest jede Navlist in ein DIV packen und dann halt mithilfe von onClick (klein wenig JS) oder ähnlichem die CSS-Eigenschaften von display: none auf display: block ändern. Müsste eig. laufen^^


------------------

ONLINE PORTFOLIO

Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 2 - 06.07.2008 um 19:44 Uhr
kannst auch so machen:

<div class="dropdown">
Kalender
<div>
{events:navcal}
</div>
</div>

dann in die css:

.dropdown div { display: none; }
.dropdown:hover div { display: block; }

dann is das ohne js. musst halt noch so anpassen dass es auch gut aussieht


------------------
www.laszlokorte.de

Inaktiv
|
.snaga
Thread-Ersteller


Rock the board




Beiträge: 79
 # Antwort: 3 - 06.07.2008 um 19:49 Uhr
danke schiri...werds ma probieren


Inaktiv
|
fUnK3r ClanSphere Team


Specialist





Beiträge: 1656
 # Antwort: 4 - 06.07.2008 um 21:45 Uhr
kannsts auch so.... wie hier machen und das hier wäre ne Erweiterung


------------------
Grüßle Jo
><(((°> Son of God through Jesus Christ his Son <°)))><
www.funk3r.de
while (!asleep() ) sheep++;
Inaktiv
|
.snaga
Thread-Ersteller


Rock the board




Beiträge: 79
 # Antwort: 5 - 07.07.2008 um 00:02 Uhr
hab da noch ein verständiss problem bei schiris lösung:
bei: .dropdown div und .dropdown:hover div
wofür steht das div? was bewirkt das, da ich das in der art noch nie gesehen hab.
Inaktiv
|
fUnK3r ClanSphere Team


Specialist





Beiträge: 1656
 # Antwort: 6 - 07.07.2008 um 00:06 Uhr
http://de.selfhtml.org/html/text/bereiche.htm#block



------------------
Grüßle Jo
><(((°> Son of God through Jesus Christ his Son <°)))><
www.funk3r.de
while (!asleep() ) sheep++;
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 7 - 07.07.2008 um 00:07 Uhr
div ist ein html-tag.

der css-code macht, dass alle div-tags, die sich innerhalb von einem anderen element befinden, was die klasse dropdown hat unsichtbar sind.

<div class="dropdown">
Kalender
<div>
{events:navcal}
</div>
</div>

das dicke ist also unsichtbar.

allerdings sollen alle divs, die sich in einem element mit der klasse .dropdown befinden, über dem sich grad die maus befinden sichtbar sein.


------------------
www.laszlokorte.de

Inaktiv
|
.snaga
Thread-Ersteller


Rock the board




Beiträge: 79
 # Antwort: 8 - 07.07.2008 um 03:18 Uhr
das war natürlich erklärt für dumme , thy ^^


Inaktiv
|
.snaga
Thread-Ersteller


Rock the board




Beiträge: 79
 # Antwort: 9 - 11.07.2008 um 02:18 Uhr
okay also das ganze funktioniert eigentlich ganz gut.....nur habe ich heute ein kleines problem endeckt.
Wenn man über den Loginbutton fährt geht das Loginfenster auf, dort kann man seine daten eingeben, wenn man nun aber auf lohin drückt passiert nichts. Ihr könnt es ja mal testen.
www.test.aao-allstars.com
Benutzer: test
Passwort: 12345

hab ihr ne idee an was das liegt und wie man das evt in den griff bekommt.

Btw: die hp is nicht fertig ^^ also nicht wundern.....ist so zu sagen ne Beta.


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 10 - 11.07.2008 um 10:41 Uhr
bei mir passiert schon was, allerdings wird das dropdown sehr schnell wieder ausgeblendet, wenn man mit der maus vom "login" runter geht.

/e: btw: auch wenn die hp nicht fertig ist, muss das about verlinkt sein.


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 11.07.2008 um 10:42 Uhr (1x Editiert)
Inaktiv
|
.snaga
Thread-Ersteller


Rock the board




Beiträge: 79
 # Antwort: 11 - 11.07.2008 um 13:44 Uhr
wird gemacht sir

nur wie bekomm ich nun das problem mit dem login hin. ich kann mich eigentlich immer noch nicht über das Dropdown einlogen. und wie kann man das einklappen herauszögern?


Inaktiv
|
fUnK3r ClanSphere Team


Specialist





Beiträge: 1656
 # Antwort: 12 - 11.07.2008 um 19:07 Uhr
Also bei mir geht auf deiner Seite gerade gar nichts...also wenn ich über den Login teil fahre passiert nichts

ansonsten brauchst du für dein Problem wohl ein kleines Java Script

schau dir nochmal die Links an die ich dir oben rein hab....da wird das erklärt, das funktioniert dann so wie hier auf der Clansphere seite links die Boxen, die kannste ja auch rein und raus klappen


------------------
Grüßle Jo
><(((°> Son of God through Jesus Christ his Son <°)))><
www.funk3r.de
while (!asleep() ) sheep++;
Inaktiv
|
Antworten: 12
Seite [1]


Sie müssen sich registrieren, um zu antworten.