YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Aufklappbares CSS-Menü » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 6.775 Views | | Thema zu Favoriten hinzufügen
Seiten (2): [1] 2 nächste »
Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Aufklappbares CSS-Menü
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

 Aufklappbares CSS-Menü Antworten Zitieren Editieren Melden       UP

Abend,

derzeit Arbeite ich an einem neuen Layout für meinen Websoccer. Und da wollte ich mir ein Aufklappbares Menü machen. Allerdings sollte dieses, wenn möglich ohne ein JS auskommen.


Überschrift 1 ____ _____Überschriift 2 ____ immer so weiter...

Unterpunkt 1 ________ Unterpunkt 1
Unterpunkt 2 ________ Unterpunkt 2
Unterpunkt 3 ________ Unterpunkt 3



Hier eine Seite wo es dieses Menü gibt; http://www.alex-fitnessstore.de/manager/

so wie dort hätte ich es auch gerne, nur leider kenne ich die Umsetzung nicht.
Ich würde mich sehr freuen, wenn mir jemand helfen würde!


lg Sultan

__________________

09.12.07 21:01 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

entweder du schaust in deren Quellcode (achtung, sehr informativ Augenzwinkern ), oder du suchst bei Maschinen.

Hier vlt was? http://www.cssplay.co.uk/menus/index.html

Ich hatte mal eines gebastelt, bis morgen versuche ich das zu finden.

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

09.12.07 21:23 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

Themenstarter Thema begonnen von Sultan
Antworten Zitieren Editieren Melden       UP

Hey,

danke. Aber ich finde da nur Menüs mit dem Hover Effect. Aber keins wo ein
Menü rausfährt. Danke das Du mal danach schaust.

lg Sultan

__________________

09.12.07 21:42 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

Themenstarter Thema begonnen von Sultan
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Dizzy.w3
[...]

Ich hatte mal eines gebastelt, bis morgen versuche ich das zu finden.

Gruß
Dizzy



hi

haste was gefunden?


lg sultan

__________________

15.12.07 14:11 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Leider nein ... sry

__________________
Gruß Dizzy

the rest is silence

15.12.07 15:17 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Leider nein ... sry

__________________
Gruß Dizzy

the rest is silence

15.12.07 15:17 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Antworten Zitieren Editieren Melden       UP

komisch, als ich den link von Dizzy gefolgt bin, ist mir gleich was ins auge gefallen.

Menus - Multi-Level CSS Only sticht einem gleich ins auge weils ganz oben steht. wenn dann mal ein bissl durch die seite schaut, fällt einem auch gleich der erste link unter dem oben genannten menü-punkt auf.

aber wer nicht suchen will, sondern nur alles hintergebracht haben will......

__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

15.12.07 16:05 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

Themenstarter Thema begonnen von Sultan
Antworten Zitieren Editieren Melden       UP

Ja sry. Habs jetzt auch gefunden. Und zwar: http://www.cssplay.co.uk/menus/dd_valid.html . Nur steht da jetzt kein CSS Code da. Villt. weiß jemand von euch wo ich von diesem Menü einen Code her
bekomme? Wenn nicht ist auch nicht schlimm ich hab noch andere gute gefunden wo der CSS und html Code dabei ist.

Danke nochmal!

lg Sultan

__________________

15.12.07 18:04 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hm ...

1. Quellcode?
2. Die Dateien sind dort doch downloadbar? - Bissl lesen

__________________
Gruß Dizzy

the rest is silence

15.12.07 18:29 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

Themenstarter Thema begonnen von Sultan
Antworten Zitieren Editieren Melden       UP

So habs jetzt. Augenzwinkern

-----

Aber, weil ich kein neues Thema öffnen möchte frag ich einfach grad hier:

Wenn man über nen Link namen fährt. Dann möchte ich das ein (wie mouseover) kleines Fesnter erscheint mit Daten. Wie nennt man das?

__________________

15.12.07 18:36 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Meinst du diese ToolTip ähnlichen Informationen? alt-Texte?

__________________
Gruß Dizzy

the rest is silence

15.12.07 19:08 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

Themenstarter Thema begonnen von Sultan
Antworten Zitieren Editieren Melden       UP

wenn ich wüsste wie der fach begriff heißt dann könnt ich dir sachen ob ich das meine Augenzwinkern . aber, wenn du ein thema hier im forum öffnest und auf die grafik zum unterstreichen... dann kommt da: unterstrichender text
sowas mein ich smile

__________________

15.12.07 20:16 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

Die Grafiken hier bei neuen Beiträgen haben dieses "unterstrichener Text" sowohl als Alternativtext (alt) und als Titel (title). Ich glaub alt sind die richtigen für den Zweck und title die, die der Internet Explorer fälschlicherweise dafür benutzt. Oder andersrum.

Musst auf dizzys Antwort warten. Augenzwinkern

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

15.12.07 20:21 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

@sultan
das ist schon onMouseOver. Schließlich ist das jenes Event, welches du auslösen musst, um "unterstrichener Text" zu sehen.

Das ist der alt-Tag in HTML.

code:
1:
<a href="..." alt="text" ...>


@codingnoob
afaik ist seit dem 7er Title wirklich der Titel, und alt der Alternativtext. Ich arbeite aber schon lange nicht mehr mit deklarativen oder auszeichnenden Sprachen. Deswegen interessiere ich mich dafür auch nicht sonderlich :-/

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

15.12.07 20:58 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Sultan Sultan ist männlich
http://www.esl-sim.de


images/avatars/avatar-5294.gif

Dabei seit: 02.10.06
Beiträge: 195
Herkunft: www.esl-manager.de

Themenstarter Thema begonnen von Sultan
Antworten Zitieren Editieren Melden       UP

Hey!

Wenn ich deinen Code da einfüge, und dann über den Link Namen fahre. Dann
kommt ein Kästchen mit meinem individuellen Text?

lg sultan

__________________

15.12.07 23:05 Sultan ist offline E-Mail WWW Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Hi,

wieso fragst du erst und probierst es nicht einfach?

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

16.12.07 00:17 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
KleenMicha KleenMicha ist männlich
Webentwickler


images/avatars/avatar-5745.jpg

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden       UP

Dein Stichwort lautet schlicht und ergreifend acronym. Augenzwinkern

Du möchtest speziellen text als Acroynm oder Definition festlegen und beim onmouseover einen Beschreibungstext erscheinen lassen.
Dies ist schon mittels:
code:
1:
<acronym title="ich beschreibe das Wort">wort</acronym>


__________________
Gruß Micha
16.12.07 00:46 KleenMicha ist offline E-Mail WWW Finden Als Freund hinzufügen Füge KleenMicha in deine Kontaktliste ein MSN Passport-Profil von KleenMicha anzeigen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

Aber n acronym mit Links verschachteln ist irgendwie krank, wenn es nicht sogar verboten ist. Und bei Links kann er alt nehmen, wobei ich nicht weiß, was passiert, wenn er dem Link und der Grafik, die der Link ist, verschiedene alt-Attribute zuweist. Und nun bin ich auch zu faul zum ausprobieren.

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

16.12.07 02:00 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

also ... dass das Verschachteln mit Akronym valide ist, denke ich nicht.

@ccodingnoob
Dann zeigt er einen Mehrzeiler ...

__________________
Gruß Dizzy

the rest is silence

16.12.07 02:13 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
KleenMicha KleenMicha ist männlich
Webentwickler


images/avatars/avatar-5745.jpg

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden       UP

Da habt ihr wohl beide recht. Nun ja ein wenig haben mich da die Aussagen ein wenig verwirrt. Irre

In dem hier gefragten Falle ist wohl das Attribut title="" die beste Lösung. Allerdings ist die Zeichenanzahl darin begrenzt. Wenn es etwas ausgefallener sein soll würde ich vlt. zu etwas JS raten, in dem Falle: http://demos.mootools.net/Tips

__________________
Gruß Micha
16.12.07 13:17 KleenMicha ist offline E-Mail WWW Finden Als Freund hinzufügen Füge KleenMicha in deine Kontaktliste ein MSN Passport-Profil von KleenMicha anzeigen
Seiten (2): [1] 2 nächste » Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Aufklappbares CSS-Menü