Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.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
Beitrag28.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
Beitrag28.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
Beitrag28.08.2009 um 19:39 (UTC)    
Titel:

Das i ist zu viel Very Happy
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
Beitrag28.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
Beitrag28.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
Beitrag28.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>
Beitrag28.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
Beitrag28.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
Beitrag28.08.2009 um 20:24 (UTC)    
Titel:

Okay, danke für die rückmeldung.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de