1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Menü mit effekt

  • forummx
  • 19. August 2007 um 02:51
  • forummx
    Azubi(ne)
    Beiträge
    39
    • 19. August 2007 um 02:51
    • #1

    Hallo

    könnte mir einer von euch dabei helfen ein menü wie auf http://www.trade4less.de/ zu erstellen?

    Wie kann ich es umsetzen?
    Wie kann ich den ein Bild über das andere anzeigen lassen?

    Mit freundlichen Grüßen
    Andre P.
    forummx

  • jojo87
    der/die Göttliche
    Reaktionen
    6
    Beiträge
    3.131
    • 19. August 2007 um 03:35
    • #2

    Photshop und :hover.
    Du erstellst Menurafiken mit ps und eine weitere Grafik, welche dann bei mouse-over anstelle der anderen angezeigt wird.
    Gruß,
    Jojo


  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 19. August 2007 um 10:49
    • #3

    Füge das in den head-Bereich deiner Seite oder in eine ausgelagerte CSS-Datei (dann aber ohne die style-tags):

    Code
    <style type="text/css">
    a.link1 {
    display:block;
    width:30px;
    height:30px;
    background-image:url(bild1.jpg);
    }
    
    
    a.link1:hover {
    background-image:url(hoverbild1.jpg);
    }
    </style>
    Alles anzeigen

    Für width und height verwende die entsprechenden Werte der Bilder.

    Der Link lautet dann:

    Code
    [url='zielseite.html'] [/url]

    Für jeden weiteren Button machst du das genauso mit link2, link3 usw.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • forummx
    Azubi(ne)
    Beiträge
    39
    • 19. August 2007 um 21:47
    • #4

    Danke an euch beide habe es hinbekommen!!!

    Mit freudlichen Grüßen
    Andre P.
    forummx

  • Greg10
    Prinz(essin)
    Beiträge
    825
    • 19. August 2007 um 22:17
    • #5

    Tipp:
    Versuchs lieber doch mit text oder verlinkten Bildern ohne hover mit alternativtext, bist nähmlich aufgeschmissen wenn einer deine Grafiken blokiert.

    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC ;)

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 19. August 2007 um 22:29
    • #6

    @ greg

    was is am oberen code verkehrt ?
    wird kein flash oder javascript verwendet, von daher sollte es
    kein problem mit sicherheits-walls geben.

    auf bilder zu verzichten halt ich für blödsinn. wenn einer grafiken
    blockiert, dann sieht er meistens eh kaum was auf der seite. und bei oberen
    beispiel wird ja dann nur die hintergrundgrafik blockiert.
    der link existiert weiterhin....


    btw. wie sagte mein deutschlehrer.. wer nämlich mit h schreibt is dämlich *nur scherz*

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

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

  • Greg10
    Prinz(essin)
    Beiträge
    825
    • 19. August 2007 um 22:31
    • #7

    okay überzeugt grafiken blocken issn ausnahmefall und nicht ernstzunehmen, aber sollte es doch mal passieren ist der link zwar noch da, aber woher soll man wissen woden dann welcher link is?

    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC ;)

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 19. August 2007 um 22:47
    • #8

    tja, des siehste dann evtl nicht..... aber dafür siehste auch so ziemlich nix
    vom layout, vom inhalt..... ich denke die paar leute die wirklich komplett
    alles ausschalten - die kannste beseite lassen..

    auch noch auf die einzugehen wär sehr sehr übertrieben....fast scha dämlich.
    da braucht ma dann gar keine homepage mehr "designen" sondern einfach
    nur irgendwelchen text hinschreiben.

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

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

  • Greg10
    Prinz(essin)
    Beiträge
    825
    • 20. August 2007 um 16:17
    • #9

    Stimmt

    (würd jam ehr schreiben hab' aber einfach nich' mehr zu sagen)

    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC ;)

Tags

  • bilder
  • button
  • homepage
  • html
  • link
  • style
  • jpg
  • text
  • layout
  • problem
  • code
  • bild
  • datei
  • javascript
  • tags
  • inhalt
  • shop
  • flash
  • blödsinn
  • css
  • scherz
  • image
  • verkehr
  • hover
  • existiert
  • hintergrundgrafik
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™