Ergebnis 1 bis 7 von 7

Thema: auf-und zuklappbar

  1. #1
    HTML Newbie
    Registriert seit
    29.03.2007
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard auf-und zuklappbar

    Hallihallo

    Hab da n Problemchen, möchte gerne diese auf und abklapp funktion benutzen wie auf folgendem link http://imageboard.animepalace.de/
    in der navigation sieht man das wunderbar, dass ein minus steht wenn man es zuklappen will und ein plus fürs aufklappen.
    Ich weiss nicht nach was ich Googlen soll, vielleicht kennt auch jemand ein Script dafür oder ein Tutoarial ^^ bedanke mich für vorschläge bzw. hilfe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Suse
    Gast

    Standard Welch Zufall

    Hallo zusammen,
    möchte mich mit meiner Frage meinem Vorgänger anschliessen. Ich habe ein ähnliches Problem.

    Für einen Shop habe ich eine Navi gemacht, aber ich weiss nicht wie ich es anstellen kann dass ich auch Unterkategorien habe. Wenn der Besucher auf einen Menüpunkt klickt, z.B. "Bekleidung" sollte sich ein Untermenü öffen, z.B. "Hosen", "Blusen", "Westen" etc..

    Ich habe auch schon heute mind. 3 Std. gegoogelt habe nix gefunden.
    Weiss jemand einen Quellcode den ich in den unten kopierten einfügen kann?
    Möchte die Navi nicht mehr ändern, da ich ganz zufrieden bin.


    Vielen lieben Dank im voraus.
    LillyStern

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

    <html>
    <head>
    <style type="text/css">

    #navi {width:240px; text-align:right; margin-top:5px; margin-botom:5px; margin-left:5px; margin-right:5px;}

    #navi ul {list-style:none;}

    #navi li {background-color:#FFCCFF; border-top:5px #C71585 double; border-left:5px #C71585 double; border-bottom:5px #C71585 double; border-right:5px #C71585 double; margin-top:6px; padding-top:8px; padding-bottom:8px; padding-left:4px; padding-right:8px;


    </style>
    </head>


    <body>

    <div id="navi"> <ul> [*]Damen-Bekleidung [*]<a href="
    http://stores.ebay.de/Cloth-n-Roses_Herren-Bekleidung_W0QQcolZ2QQdirZ1QQfsubZ10638677QQftidZ2 QQtZkm">Herren-Bekleidung</a> [*]<a href="
    http://stores.ebay.de/cloth-n-roses_Accessoires_W0QQcolZ2QQdirZ1QQfsubZ10400973Q QftidZ2QQtZkm">Accessoires</a> [*]Schmuck[*]Kids[*]<img src="
    http://links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiELvsHMF*rBxo&size=l " align="left">Buecher[*]Elektronik[*]Deko[*]<a href="
    http://stores.ebay.de/Cloth-n-Roses_Haushalt_W0QQcolZ2QQdirZ1QQfsubZ10492883QQft idZ2QQtZkm">Haushalt</a>[*]<a href="
    http://stores.ebay.de/Cloth-n-Roses_Saisonales-Ostern_W0QQcolZ2QQdirZ1QQfsubZ10628038QQftidZ2QQtZ km">Ostern</a>[*][img]http://links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEChXOyP*OU*g&size=l[/img]Sonstiges[/list]</div>

  3. #3
    König(in)
    Registriert seit
    27.01.2007
    Beiträge
    1.059
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Erwartest du im Ernst, dass irgendjemand dieses Code-Wir-Warr entziffert? nutze bitte den "[code]" Befehl und formatier das ganze ein wenig.

    Danke

    Gamling
    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @ gamling

    also ich find den eigentlich ganz übersichtlich.... die links sind halt ansich
    weng lang.. aber von den tags her.. liste, link, bild, link schließen... immers gleiche...

    @ autor
    schaumal auf folgende seite. da wär z.b. für des ebay zeugs son dropdown
    menü nicht ganz übel. für des mit dem + davor würd ich des sitemap empfehlen,
    halt dann mit plus-zeichen statt grafiken

    http://barrierefrei.e-workers.de/wor...cks/menues.php
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    29.03.2007
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hallo driver

    Ich hab diesen Link bereits im einem anderen Thema gefunden...
    Wenn dies das richtige für mich wäre hätte ich den thread nicht eröffnet
    Nun...wäre immer noch recht dankbar wenn mir wer n Tipp geben kann ^^
    Was ich vielleicht noch vergessen habe zu erwähnen ist, dass der aufgeklappte Inhalt keine Schrift sondern eine Grafik ist, halt natürlich mit link usw.
    Denke man versteht was ich damit meine.

    Danke für die Zeit

  6. #6
    Gast

    Standard

    Schönen Tag zusammen,
    man möge mir nachsehen, dass ich keine Forum-Erfahrung habe. Ic h hoffe, dass es nun "übersichtlicher" ist.

    Code:
    <html>
    <head>
    <style type="text/css">
    
    #navi &#123;width&#58;240px; text-align&#58;right; margin-top&#58;5px; margin-botom&#58;5px; margin-left&#58;5px; margin-right&#58;5px;&#125;
    
    #navi ul &#123;list-style&#58;none;&#125;
    
    #navi li &#123;background-color&#58;#FFCCFF; border-top&#58;5px #C71585 double; border-left&#58;5px #C71585 double; border-bottom&#58;5px #C71585 double; border-right&#58;5px 
    
    #C71585  double; margin-top&#58;6px; padding-top&#58;8px; padding-bottom&#58;8px; padding-left&#58;4px; padding-right&#58;8px;
    
    
    </style>
    </head>
    
    
    <body>
    
    <div id="navi"> <ul> 
    [*][img]http&#58;//freenet-homepage.de/Tulpendiebin.freenet.de/Ebay/girl-1-48x48.png[/img]Damen-Bekleidung 
    [*][img]http&#58;//freenet-homepage.de/Tulpendiebin.freenet.de/Ebay/boy-3-48x48.png[/img]<a href="
    http&#58;//stores.ebay.de/Cloth-n-Roses_Herren-Bekleidung_W0QQcolZ2QQdirZ1QQfsubZ10638677QQftidZ2QQtZkm">Herren-Bekleidung</a> 
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEOyHseJkgjxM&size=l[/img]<a href="
    http&#58;//stores.ebay.de/cloth-n-roses_Accessoires_W0QQcolZ2QQdirZ1QQfsubZ10400973QQftidZ2QQtZkm">Accessoires</a> 
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEPP3D4kVSxdo&size=l[/img]Schmuck 
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEG9BUALtkpOc&size=l[/img]Kids
    [*]<img src="
    http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiELvsHMF*rBxo&size=l" align="left">Buecher
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiECZx8gXzUwbb&size=l[/img]Elektronik
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEBR9hkVYqAQN&size=l[/img]Deko
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEOAaupVC5mUR&size=l[/img]<a href="
    http&#58;//stores.ebay.de/Cloth-n-Roses_Haushalt_W0QQcolZ2QQdirZ1QQfsubZ10492883QQftidZ2QQtZkm">Haushalt</a>
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEDrLYdfVOhmh&size=l[/img]<a href="
    http&#58;//stores.ebay.de/Cloth-n-Roses_Saisonales-Ostern_W0QQcolZ2QQdirZ1QQfsubZ10628038QQftidZ2QQtZkm">Ostern</a>
    [*][img]http&#58;//links.pictures.aol.com/pic?id=21c0CxsmUBlXzM1FlvKDytNiEChXOyP*OU*g&size=l[/img]Sonstiges[/list]</div>

  7. #7
    Gast

    Standard

    @driver
    vielen Dank erst mal für Deinen Link. Werde mir das zu Gemüte führen. Die Grafiken würd ich schon ganz gerne behalten. Ich habe mir html und css in einem Ein-Tag-Crash-Kurs selbst beigebracht, also keinerlei Schimmer gehabt.
    Melde mich dann wieder, wenn ich Frage habe.

    Gruss
    Suse

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •