Autor |
Nachricht |
-
bixx-tv
|
28.08.2009 um 19:16 (UTC) Titel: Butterfly: Hover Effekt der Buttons ändern |
|
|
Kann man den Hovereffekt ändern?
vielleicht mit dem hier:
<style type="text/css">
<!--
td.edit_navi_over {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style>
?
Zuletzt bearbeitet von bixx-tv am 28.08.2009, 20:22, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
28.08.2009 um 19:26 (UTC) Titel: Re: Butterfly: Hover Effekt der Buttons ändern |
|
|
bixx-tv hat Folgendes geschrieben: Kann man den Hovereffekt ändern?
vielleicht mit dem hier:
<style type="text/css">
<!--
td.edit_navi_over {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style>
?
Hey,
Dein Code ist falsch, dir ist ein kleiner Fehler unterlaufen. Um einen Hovereffekt (egal zu welcher Klasse) zu erstellen, musst du nur ein :hover hinter die Klasse packen. Das ist nähmlich eine Pseudoklasse, die aktiv wird sobald man mit der Maus drüberfährt.
Also hier der fertige Code:
Code: <style type="text/css">
<!--
td.edit_navi:hover {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style>
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
bixx-tv
|
28.08.2009 um 19:31 (UTC) Titel: |
|
|
Zitat: Code: <div id="DesignContainer"><style type="text/css"><!--div#DesignContainer{position:absolute;left:50%;margin-left:-500px;width:1000px;text-align:center;}td[height="102"]{position:absolute;left:50%;margin-left:-376px;width:752px;}body{background-image:url(http://img.webme.com/pic/v/virtuell-design/1butterfly.gif);background-color:#222829;background-attachment:fixed;background-repeat:no-repeat;background-position:center;}td.edit_header{background-repeat:no-repeat;background-image:url();}td.edit_content_headline3{display:none;}.headline_bar_left,.headline_bar_middle,.headline_bar_right{display:none;}td.edit_nav_headline2,td.edit_contetn_headline2,td.edit_rechts_headline2{display:none;}td.edit_nav_main{background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/iiiiiiiiii.gif);background-color:#FFFFFF;}a.menu,a.menu:hover{color:#172F47;font-family:Tahoma;font-size:10px;}--></style>
<style type="text/css">
<!--
td.edit_navi:hover {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style>
Zuletzt bearbeitet von bixx-tv am 28.08.2009, 20:31, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
28.08.2009 um 19:39 (UTC) Titel: |
|
|
Das i ist zu viel
Code:
<style type="text/css">
<!--
td.edit_nav:hover {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style>
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
bixx-tv
|
28.08.2009 um 20:01 (UTC) Titel: |
|
|
Zitat: <div id="DesignContainer"><style type="text/css"><!--div#DesignContainer{position:absolute;left:50%;margin-left:-500px;width:1000px;text-align:center;}td[height="102"]{position:absolute;left:50%;margin-left:-376px;width:752px;}body{background-image:url(http://img.webme.com/pic/v/virtuell-design/1butterfly.gif);background-color:#222829;background-attachment:fixed;background-repeat:no-repeat;background-position:center;}td.edit_header{background-repeat:no-repeat;background-image:url();}td.edit_content_headline3{display:none;}.headline_bar_left,.headline_bar_middle,.headline_bar_right{display:none;}td.edit_nav_headline2,td.edit_contetn_headline2,td.edit_rechts_headline2{display:none;}td.edit_nav_main{background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/iiiiiiiiii.gif);background-color:#FFFFFF;}a.menu,a.menu:hover{color:#172F47;font-family:Tahoma;font-size:10px;}--></style>
<style type="text/css">
<!--
td.edit_nav:hover {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style>
Geht immer noch nicht
Sorry wenn ich dir/euch auf die Nerven falle |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
28.08.2009 um 20:02 (UTC) Titel: |
|
|
Ich bin einfach zu doof xD
Die Klasse heißt nicht td.edit_nav, sondern td.edit_nav_main
Code:
<style type="text/css">
<!--
td.edit_nav_main:hover {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif) !important;}
-->
</style>
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING
Zuletzt bearbeitet von ig444 am 28.08.2009, 21:16, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
bixx-tv
|
28.08.2009 um 20:07 (UTC) Titel: |
|
|
Sorry aber es geht leider immer noch nicht
<div id="DesignContainer"><style type="text/css"><!--div#DesignContainer{position:absolute;left:50%;margin-left:-500px;width:1000px;text-align:center;}td[height="102"]{position:absolute;left:50%;margin-left:-376px;width:752px;}body{background-image:url(http://img.webme.com/pic/v/virtuell-design/1butterfly.gif);background-color:#222829;background-attachment:fixed;background-repeat:no-repeat;background-position:center;}td.edit_header{background-repeat:no-repeat;background-image:url();}td.edit_content_headline3{display:none;}.headline_bar_left,.headline_bar_middle,.headline_bar_right{display:none;}td.edit_nav_headline2,td.edit_contetn_headline2,td.edit_rechts_headline2{display:none;}td.edit_nav_main{background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/iiiiiiiiii.gif);background-color:#FFFFFF;}a.menu,a.menu:hover{color:#172F47;font-family:Tahoma;font-size:10px;}--></style>
<style type="text/css">
<!--
td.edit_nav_main:hover {
background-image: url(http://img.webme.com/pic/t/thesimpsonsmovie95/llllll.gif);
-->
</style> |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
28.08.2009 um 20:13 (UTC) Titel: |
|
|
Ohh man heute kann ich wirklich nicht logisch denken. Habe den Code geupdatet.
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
-
bixx-tv
|
28.08.2009 um 20:21 (UTC) Titel: |
|
|
ig444 hat Folgendes geschrieben: Ohh man heute kann ich wirklich nicht logisch denken. Habe den Code geupdatet.
mfg
Vielen Dank es geht |
|
↑
|
|
|
-
ig444
Wohnort: Rüthen
|
28.08.2009 um 20:24 (UTC) Titel: |
|
|
Okay, danke für die rückmeldung.
mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING |
|
↑
|
|
|
|