hi ! kurze hilfe bei a:hover
jorgeluislay:
hi ! kurze hilfe bei a:hover
08.10.2008, 17:42
es geht um das obere navi der website. (siehe www.energym.eu) also dort will ich (für home / fitness & aktiv programm / über mich / ... ), dass wenn man mit der maus drüber geht zwei farben einblenden. die eine farbe (hellgrau) soll ganz kurz stehen bleiben, bis die zweite einblendet (orange). ich hab das so gemacht bis jetzt:
/* Mouseover Links orange*/
#navi a:hover {
background-color: #FF9525;
}
/* Mouseover Links hellgrau*/
#navi a:hover span{
background-color: #F0F0F0;
}
und zwar in der style.css datei, denoch funktioniert nicht, wieso eigentlich ?
2. wenn man mit der maus drüber geht, dann blendet die orangene farba vom link aber diese bleibt nicht stehen, wenn ich mich im untermenü befinde. wie soll ich das verbessern ?
bin offen für vorschläge : )))
/* Mouseover Links orange*/
#navi a:hover {
background-color: #FF9525;
}
/* Mouseover Links hellgrau*/
#navi a:hover span{
background-color: #F0F0F0;
}
und zwar in der style.css datei, denoch funktioniert nicht, wieso eigentlich ?
2. wenn man mit der maus drüber geht, dann blendet die orangene farba vom link aber diese bleibt nicht stehen, wenn ich mich im untermenü befinde. wie soll ich das verbessern ?
bin offen für vorschläge : )))
08.10.2008, 21:32
hi,
auch auf die Gefahr hin für einen Depp gehalten zu werden...:
Ich sehe überhaupt keinen Hover Effekt....
Hast Du das wieder deaktiviert, oder muß ich zum Optiker?
Hover sehe ich immer nur, wenn ich auf dein Transmenü gehe (innerhalb des Transmenüs) aber das meintest Du ja nicht, oder doch?
bin ein wenig ratlos, sorry
ach ja, schon probiert die Links mittels explizierter class Anweisung auszuzeichnen?
also zum Beispiel: a href="xyz" class="navi"
was passiert dann?
gute nacht
_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...
auch auf die Gefahr hin für einen Depp gehalten zu werden...:
Ich sehe überhaupt keinen Hover Effekt....
Hast Du das wieder deaktiviert, oder muß ich zum Optiker?
Hover sehe ich immer nur, wenn ich auf dein Transmenü gehe (innerhalb des Transmenüs) aber das meintest Du ja nicht, oder doch?
bin ein wenig ratlos, sorry
ach ja, schon probiert die Links mittels explizierter class Anweisung auszuzeichnen?
also zum Beispiel: a href="xyz" class="navi"
was passiert dann?
gute nacht
_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...
jorgeluislay:
AW: hi ! kurze hilfe bei a:hover
09.10.2008, 9:31
ja stimmt schon, zum testzwecken mach ich es jetzt wieder an. sry.
was meinst du mit dem der expliziten class anweisung ? soll ich das einfach in mein shape_new.tpl einbauen ?
du machst dich gar nicht zum zum, das war tatsächlich aus
was meinst du mit dem der expliziten class anweisung ? soll ich das einfach in mein shape_new.tpl einbauen ?
du machst dich gar nicht zum zum, das war tatsächlich aus
09.10.2008, 10:26
dann bin ich ja beruhigt....
also, der hover effekt funktioniert naturgemäß nur dann, wenn die Maus über dem hoverbereich ist. Verlässt sie diesen, ist auch der hover effekt deaktiv bzw. beendet.
Darum ist es völlig normal und logisch, das der angesprochene Effekt sofort beendet wird, wenn Du in das Transmenü mit der Maus weiter "wanderst".
Wenn Du den NavLink dauerhaft (also bei Go-Into Subnav = TransNav) markieren möchtest, müsste dieser NavLink dann wahrscheinlich Teil des TransMenüs sein.....
Ich hätte sonst keinen Lösungsvorschlag der mit CSS umsetzbar wäre
extim
PS: das mit "class" hab ich geschrieben weil ich dachte das der Hover Efgfekt noch eingebaut war aber aus irgendwelchen Gründen nicht angezeigt wurde......... Kann also nach jetzigem Stand ignoriert werden
_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...
also, der hover effekt funktioniert naturgemäß nur dann, wenn die Maus über dem hoverbereich ist. Verlässt sie diesen, ist auch der hover effekt deaktiv bzw. beendet.
Darum ist es völlig normal und logisch, das der angesprochene Effekt sofort beendet wird, wenn Du in das Transmenü mit der Maus weiter "wanderst".
Wenn Du den NavLink dauerhaft (also bei Go-Into Subnav = TransNav) markieren möchtest, müsste dieser NavLink dann wahrscheinlich Teil des TransMenüs sein.....
Ich hätte sonst keinen Lösungsvorschlag der mit CSS umsetzbar wäre
extim
PS: das mit "class" hab ich geschrieben weil ich dachte das der Hover Efgfekt noch eingebaut war aber aus irgendwelchen Gründen nicht angezeigt wurde......... Kann also nach jetzigem Stand ignoriert werden
_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...
jorgeluislay:
AW: hi ! kurze hilfe bei a:hover
09.10.2008, 10:36
ja schade, ich wollte so ungefähr wie die von http://www.amazonas-products.com/es/index.php haben. es scheint ich musste dann doch ein mouseover und ein mouseoutput effekt reinbauen um dieses flackern wie auf der oben genannten seite zu erstellen und beim "wandern" es weiterhin so bleibt.
ps. ich finds ent stark wie diese main_menu buttons erst weiss werden und dann grün, sieht super aus, als ob es ein kleiner flash wäre. vorallem das auge sieht kaum die weisse farbe, erst wenn man beim laden die seite stopt.
ps. ich finds ent stark wie diese main_menu buttons erst weiss werden und dann grün, sieht super aus, als ob es ein kleiner flash wäre. vorallem das auge sieht kaum die weisse farbe, erst wenn man beim laden die seite stopt.
09.10.2008, 11:36
Die Lösung (zumindest den Ansatz) findest Du doch im Quelltext des von Dir angesprochenen AMAZONAS Webauftritt.....
Vermutung: schau Dir dort einfach mal den Bereich
an.....
_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...
Vermutung: schau Dir dort einfach mal den Bereich
| Code: |
| <script type="text/javascript" language="javascript">
//<![CDATA[ function init() ........... menu3.onactivate = function() { document.getElementById("mtm_para_comerciantes").className = "hover"; }; menu3.ondeactivate = function() { document.getElementById("mtm_para_comerciantes").className = ""; }; //]]> </script> |
an.....
_________________
unser FWP Shop befindet sich hier: http://www.getfone.de
und unser News & Weblog System http://www.phoneo.de freut sich auf Deinen Besuch...
jorgeluislay:
AW: hi ! kurze hilfe bei a:hover
09.10.2008, 15:41
jop richtig, das genau hat gefehlt. ich habs nämlich ausprobiert ging am anfang auch nicht, in der stylesheet hab ich das mit einem bild gelöst und zwar so dass der background color kommt und zum schluss das kleine bildchen. so krieg ich auch dann das flackert hin. danke extim : DDDDD
Seite 1 von 1
Ähnliche Beiträge zu hi ! kurze hilfe bei a:hover
![]() |
Beitrag | Forum | Antworten | ![]() |
| Hilfe :-(
(Erstellt von pierre2912 am 22.10.2008, 13:52) |
Installation und Einrichtung | 4 | ||
| brauche Hilfe bin am verzweifeln
(Erstellt von streuner am 21.10.2008, 10:33) |
Installation und Einrichtung | 10 | ||
| Fertig ohne Hilfe
(Erstellt von nano am 08.10.2008, 0:41) |
Show-Case | 6 | ||
| bite Hilfe ich verzweifele
(Erstellt von zikarde am 25.07.2008, 9:29) |
Installation und Einrichtung | 5 | ||
| Hilfe beim zentrieren im seo-Template
(Erstellt von Ryu am 24.05.2008, 13:13) |
Design-Anpassungen | 2 | ||










