Shop-Hilfe.com
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 12.02.2003, 09:22   #1
TP-Member
 
Registriert seit: Feb 2003
singing sam macht alles soweit korrekt

Hover- und OnMouseOver-Effekt ...


Hallo zusammen,

bastele gerade an meiner Homepage. Wenn Ihr www.schwingen-media.de besucht, seht Ihr an der linken Seite die Navigation. Geht Ihr mit der Maus über die einzelnen Punkte , ändert sich die Farbe in ein dunkles Blau. Dies habe ich mit ein bisschen Javascript gelöst.

Geht man über die Links - nur die Wörter sind Links, nicht die Bilder - ändert sich ebenfalls die Farbe in Orange.
Hovereffekt mit CSS ...

Aber wie kriegt man es hin, dass sich die Schrift in Orange verwandelt, wenn ich nicht mit der Maus über den Link gehe, sondern lediglich in der Spalte bin.

Klingt kompliziert ....

Kurze andere Fragen:

- Wie findet Ihr es ?
- Würdet Ihr die weissen Passagen dazwischen rauslassen oder nicht ?

Danke für eure Hilfe.

Singing Sam
singing sam ist offline   Mit Zitat antworten


Alt 12.02.2003, 09:38   #2
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Mit etwas mehr JavaScript...

Du gibst jedem Link eine eindeutige ID und sprichst sie beim MouseOver an. Beispiel für den ersten Link:

Code:
<tr bgcolor="#6699CC"
onMouseOver="this.bgColor='#00ff00'; document.all['sie_link'].style.color='#ff0000';"
onMouseOut="this.bgColor='#6699CC'; document.all['sie_link'].style.color='#000000';">
<td width="50"></td>
<td width="50" height="40" align="center" valign="middle"><img src="images/sie.jpg" height="30" alt="Sie" border="1"></td>
<td width="100" height="40" align="left" valign="middle">&nbsp;<a href="sie.php" id="sie_link"><b>Sie</b></a>bla</td>
<td width="50"></td>
</tr>

PS: Bei mir wird's rot statt orange - aber das dürfte dann ja kein Problem darstellen...

EDIT
Ups : Willkommen im TP!

Geändert von webmichl (12.02.2003 um 09:41 Uhr).
webmichl ist offline   Mit Zitat antworten
Alt 12.02.2003, 11:41   #3
TP-Member
 
Registriert seit: Feb 2003
singing sam macht alles soweit korrekt
Ja, erstmal danke webmichl.

hat alles wunderbar geklappt.

Jetzt müsste ich nur noch wissen, was euch besser gefällt:

- Variante 1
- Variante 2

Würdet Ihr das weiss dazwischen lassen oder nicht ?


danke euch,

singing sam
singing sam ist offline   Mit Zitat antworten
Alt 12.02.2003, 12:37   #4
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Bei der hellblauen Version ( Versuch 1 ) würde ich sagen - ja. Evtl sogar noch einen übers "Sie" und einen unters "Kontakt" - sähe dann für mich "vollständiger" aus. Bei Versuch2 sind die Kontraste zu hart - könnte man das Orange evtl etwas abschwächen?
webmichl ist offline   Mit Zitat antworten
Alt 12.02.2003, 13:49   #5
TP-Veteran
 
Benutzerbild von Maquita
 
Registriert seit: Aug 2002
Ort: Pirmasens
Maquita ist auf einem guten Weg
Ich find auch das hellblaue besser....und das Orange is wirklich seeehr krass...
Maquita ist offline   Mit Zitat antworten
Alt 15.02.2003, 18:51   #6
TP-Member
 
Registriert seit: Feb 2003
singing sam macht alles soweit korrekt
Zuerst möchte ich mich für eure Mithilfe bedanken.
Ich persönlich habe das Orange nie als so krass erlebt. Vielleicht lag das daran, dass ich den Monitor nie auf den Werkseinstellungen laufen hab lassen.

Hab das Orange jetzt geändert und den Monitor auf die Werkseinstellungen zurückgesetzt. Nur jetzt finde ich, dass das Blau, wo mein Logo drin ist viel zu düster kommt. Wie seht Ihr das ?

@Maquita und webmichl: Gerade Ihr beiden kanntet die vorherigen Einstellungen. Gefällts euch jetzt besser ?

Danke.

singing sam
singing sam ist offline   Mit Zitat antworten
Alt 15.02.2003, 23:20   #7
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Besser: ja, aber:

Ich finde das Orange immer noch zu leuchtend, zu "aufdringlich". Es dürfte später vom eigentlichen Inhalt ablenken, wenn Du verstehst, was ich meine...

Zu deinem "Logo-Blau": Duster find ich's nicht, es beisst sich nur mit dem Orange ( siehe oben )

Bei den Button's fehlt noch die weisse Trennlinie unterm letzten Button (Kontakt).



Ich würde Dir vorschlagen, wg der Farbgebung einen neuen Thread im "Traum-Lab" aufzumachen - da finden sich eher die Profis in Fragen "Farbgestaltung"...
webmichl ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Hover- und OnMouseOver-Effekt ... Hover- und OnMouseOver-Effekt ...
« Code für... | cooler popup befehl »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:04 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67