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

Doppelbutton

  • Schoggimaendli
  • 18. Juni 2005 um 17:56
  • Schoggimaendli
    Meister(in)
    Beiträge
    365
    • 18. Juni 2005 um 17:56
    • #1

    Hallo :D

    Ich mache eine Navigation.
    da steht jetzt zum Beispiel home:

    Eine ganz normale Grafik, Schrift auf weissem Hinergrund!
    Doch wenn ich jetzt drüberfahre, wird der Button anders.
    Also aus Schrift auf weissem Hintergrund wird:
    Schrift auf bluem hintergrnud..
    Habe beide Grafiken mal auf meiner space..
    Die Links sollten zu:

    http://www.schoggimaendli.ch.vu/home.htm
    verlinken..

  • [sG|W00tkaeppi]
    Gast
    • 18. Juni 2005 um 18:03
    • #2

    Benötigst Du nun den Code zum wechseln der Grafiken wenn Du mit der Maus drüber fährst?

  • Schoggimaendli
    Meister(in)
    Beiträge
    365
    • 18. Juni 2005 um 19:29
    • #3

    Jep

  • viper3000
    Meister(in)
    Beiträge
    243
    • 18. Juni 2005 um 19:54
    • #4

    http://de.selfhtml.org/navigation/suc…ln+der+Grafiken
    http://www.onlinewebservice.info/forum/showthre…=hybrid&t=15061
    http://www.flashforum.de/forum/showthre…445#post1208445

    http://www.Top-Knuddels.com

    [Blockierte Grafik: http://people.freenet.de/chat-tutorial/button3.gif]

  • [sG|W00tkaeppi]
    Gast
    • 18. Juni 2005 um 19:56
    • #5

    Sry, war draußen mit Kinners und Weib :mrgreen:

    Code
    [url='#'][img]mouseover.gif[/img][/url]

    ... oder aber mit CSS ...

    Code
    a.button1 { display: block; width: 120px; height: 20px; background-image: url(normal.gif); }
    a.button1;hover { display: block; width: 120px; height: 20px; background-image: url(mouseover.gif); }
  • Schoggimaendli
    Meister(in)
    Beiträge
    365
    • 18. Juni 2005 um 20:00
    • #6
    Zitat von [sG|W00tkaeppi

    ]Sry, war draußen mit Kinners und Weib :mrgreen:

    Code
    [url='#'][img]mouseover.gif[/img][/url]

    ... oder aber mit CSS ...

    Code
    a.button1 { display: block; width: 120px; height: 20px; background-image: url(normal.gif); }
    a.button1;hover { display: block; width: 120px; height: 20px; background-image: url(mouseover.gif); }

    Thx

    Wobei, wenn ich jetzt das mit Css nehme, Wo muss ich das denn genau einbinden`?
    und wo setzt ich dann am besten den Link rein? ;)

  • [sG|W00tkaeppi]
    Gast
    • 18. Juni 2005 um 20:07
    • #7

    Den Link setzt Du am besten in eine TD die eine feste Breite hat. Dann kannst Du direkt aus dem Width ein auto oder 100% machen. Das

    Code
    a.button1 { display: block; width: 120px; height: 20px; background-image: url(normal.gif); }
    a.button1;hover { display: block; width: 120px; height: 20px; background-image: url(mouseover.gif); }

    definierst Du in der CSS File oder im <head>er - via <style>...</style> und folgendes haust Du in den Source:

    Code
    [url='#'][/url]
  • Schoggimaendli
    Meister(in)
    Beiträge
    365
    • 19. Juni 2005 um 10:40
    • #8

    ok..
    Danke!
    mfg SM ;)

  • supersass1
    Meister(in)
    Beiträge
    398
    • 19. Juni 2005 um 18:22
    • #9

    kann man deine homepage dann auch ma sehen,
    dein link funzt net wirklich...

  • Schoggimaendli
    Meister(in)
    Beiträge
    365
    • 20. Juni 2005 um 18:43
    • #10

    War nur ein Beispiel!

    Wenn du jedoch ein Grundgerüst sehen willst:

    http://zukunft.zu.ohost.de/Homever3.htm

    Jedoch funzen die Link's in der Navi nicht, da sie gar nicht funktionieren!

  • Mastershit
    Fortgeschrittener
    Beiträge
    170
    • 20. Juni 2005 um 18:48
    • #11
    Zitat


    Jedoch funzen die Link's in der Navi nicht, da sie gar nicht funktionieren!

    oha...

    ich geb dir nen tipp für deine page... im hintergrund bewegt sich zu viel glaub ich...
    ich hätt beinahe nen epileptischen anfall bekommen...

    [Blockierte Grafik: http://www.andy-rosslau.info/v1/images/banner/blume.gif]

Tags

  • button
  • gif
  • link
  • links
  • style
  • background
  • ton
  • direkt
  • hintergrund
  • img
  • code
  • haus
  • maus
  • auto
  • schrift
  • source
  • height
  • css
  • image
  • display
  • px
  • width
  • hover
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™