WinFuture-Forum.de: Buttons Mit Hovereffekt In Page Einbinden Aber Wie! - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Buttons Mit Hovereffekt In Page Einbinden Aber Wie! ..ganz wichtig!!!


#1 Mitglied ist offline   ps915 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.119
  • Beigetreten: 17. Mai 07
  • Reputation: 0
  • Geschlecht:Männlich

  geschrieben 01. November 2007 - 00:46

Hallo Leute,

Ich baue schon eine Weile an meiner Page herrum. Dann habe ich mir gedacht ich brauche mal ein Neues Design. Ich möchte das linke und obere Menü neu ausstatten. Siehe 2 kleine Bilder im Anhang. Beim Rüberhovern soll dann das zweite Bild angezeigt werden. Beim klicken soll dann dem Link gefolgt werden.
Bitte Helft mir! Ich weiß nicht wie ich da die Befehle zu machen habe. Ich benutz den Editor Nvu.

Hier könnt ihr mir meinen jetziegen Zustand ,sowie meine Quelltext/code, meiner Seite Anschaun:

http://toasterfraktion.dl.am

Bilder im Anhang
Danke

Angehängte Miniaturbilder

  • Angehängtes Bild: nohover.jpg
  • Angehängtes Bild: hover.jpg
  • Angehängtes Bild: myPage.jpg

Dieser Beitrag wurde von Toasterfraktion bearbeitet: 01. November 2007 - 09:20

0

Anzeige



#2 Mitglied ist offline   ph030 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.130
  • Beigetreten: 14. Juli 04
  • Reputation: 36
  • Geschlecht:unbekannt

geschrieben 01. November 2007 - 01:33

Na komm, das ist doch nicht wirklich schwer...Tipp: CSS, Hover, Background...damit solltest du mit Google nach maximal zwei Minuten das richtige gefunden haben.
0

#3 Mitglied ist offline   ps915 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.119
  • Beigetreten: 17. Mai 07
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 01. November 2007 - 08:44

Aber ich hab ja kein CSS sondern Html! Kenn mich net sow aus was is CSS? Aber ich versuchs mal!

Hier nen Tutorial!!!

Okay dass ging wirklich schnell:

<a href="http://www.irgendwohin.de">
<img src="knopp_normal.gif" id="knopp" border="0" width="75" height="37" alt="Ein Knopf!"
onMouseOver="java script:knopp.src='Links_hover.gif';"
onMouseOut="java script:knopp.src='Links_normal.gif';"
onMouseDown="java script:knopp.src='Links_down.gif';"
onMouseUp="java script:knopp.src='Links_normal.gif';">
</a>

Is das so richtig? ich muss dann doch nurcho eine dritte Garfik einbauen, die kommt wenn ich klicken oder?

Dieser Beitrag wurde von Toasterfraktion bearbeitet: 01. November 2007 - 09:09

0

#4 Mitglied ist offline   ps915 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.119
  • Beigetreten: 17. Mai 07
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 01. November 2007 - 09:08

Also bei m ir sieht das alles in Allem so aus! ist das so richtig?


<!-- menü links-->
<div href="http://www.irgendwohin.de/"><img
onmouseup="java script:knopp.src='images/newhover/downloads/d_normal.jpg';"
onmousedown="java script:knopp.src='images/newhover/downloads/d_down.jpg';"
onmouseout="java script:knopp.src='images/newhover/downloads/d_normal.jpg';"
onmouseover="java script:knopp.src='images/newhover/downloads/d_hover.jpg';"
alt="" id="knopp"
src="images/newhover/downloads/d_normal.jpg"
style="border: 0px solid ; width: 231px; height: 45px;"><br>
<br>
<br>
<br>

Was bedeutet: 1. alt="" id="knopp"
2. 0px solid
3. src="images/newhover/downloads/d_normal.jpg" (warum ist das hier nochmal angegeben)

Cya!

Dieser Beitrag wurde von Toasterfraktion bearbeitet: 01. November 2007 - 09:12

0

#5 Mitglied ist offline   ps915 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.119
  • Beigetreten: 17. Mai 07
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 01. November 2007 - 10:42

ich komme damit überhaput net kla. Kann mich jemadn unterstützen.
Hab nun alle Buttons in 3 verschiedenen Arten erstellt. Doch Meine page und Mein Editor spiel verrückkt, wenn ich mehr als einnen Button einbinden möchte.

1. Dei Buttons solln ne Größe von 240 x 46 haben!

Wer kann mir die ersten 2 Bottons mal in meine Seite bauen!!

Die Anhänge:
###############
Toasterfraktion.rar
- index.html
- format.css (oderso)
ordner mit 10 datein
###############
Hover für Home 3 Datein
###############
Hover für Kontakt 3 Datein

Anhang!

Angehängte Datei(en)


Dieser Beitrag wurde von Toasterfraktion bearbeitet: 01. November 2007 - 10:40

0

#6 Mitglied ist offline   dblay 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.246
  • Beigetreten: 18. März 07
  • Reputation: 1

geschrieben 01. November 2007 - 17:03

Hast du für jedes Bild eine eigene ID vergeben? Sonst ist kein Wunder, dass es nicht funzt.

Zitat

Was bedeutet: 1. alt="" id="knopp"
2. 0px solid
3. src="images/newhover/downloads/d_normal.jpg" (warum ist das hier nochmal angegeben)


Bitte schau dir diese Seite mal ein bisschen an, dort findest du auch die Antworten auf alle deine Fragen: http://de.selfhtml.org/

Dieser Beitrag wurde von dblay bearbeitet: 01. November 2007 - 17:05

Zeit ist, was verhindert, dass alles gleichzeitig passiert.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0