MySpace Freunde Bild Rollover Effekt?

Hallo,

Wie mache ich so einen Bild Rollover Effekt wie hier:
www.myspace.com/daybreakmoses

bei freunde wo die Bilder verblasst sind und wenn man drüber fährt normal werden?

Bitte um Hilfe

Danke

fade will bei css-style-definition nicht

funktioniert jedoch nur, wenn du die opacity-definition im style-tag des elements festlegst.

MfG

wie meinst du das genau?

Bin nicht so fit in HTML!

Hier mein HTML Style Code:

<style type="text/css">
.bbzs1 {content:"Body Properties";}
body {
background-color:640000;
background-image:url('http://www.two-band.de/myspace/background1.gif');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:10px;
border-color:ffffff;
border-style:solid;
}

.bbzs2 {content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table table td {filter:none;}
table table table {
border-width:4px;
border-color:ffffff;
border-style:solid;
}
table table table table {border:0px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Verdana !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:ffffff !important; font-size:9pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:ffffff !important; font-size:9pt !important;}
a {color:ffa337 !important; font-size:9pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:ffffff !important; text-decoration: none!important; font-style: normal !important; font-weight: normal !important; text-transform: normal !important; }

.bbzs4 {content:"Other Properties";}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}

.bbzProfileGenerator {version:1.3;}
.moreCSS {content:"Additional CSS go under this line.";}

</style>

Wo muss ich was in dem Code verändern?

Bitte um Hilfe

Danke

1. du bindest meinen script-code in einen script-tag im header-tag ein

2. du veränderst das style-attribut des bildes, das faden soll:

code: 1: 2: 3: <img src='blah.gif' style='opacity: 0.25; filter: alpha(opacity=25);' />

3. du fügst ein id, onmouseover und onmouseout-attribut zum bildtag hinzu:

code: 1: 2: 3: <img id='eindeutige_id' src='blah.gif' style='opacity: 0.25; filter: alpha(opacity=25);' onmouseover='fadeIn(this.id, 10, 100);' onmouseout='fadeOut(this.id, 10, 25);' />

MfG

wo muss ich was in meinen Quellcode einfügen?

<style type="text/css">
.bbzs1 {content:"Body Properties";}
body {
background-color:640000;
background-image:url('http://www.two-band.de/myspace/background1.gif');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:10px;
border-color:ffffff;
border-style:solid;
}

.bbzs2 {content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table table td {filter:none;}
table table table {
border-width:4px;
border-color:ffffff;
border-style:solid;
}
table table table table {border:0px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Verdana !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:ffffff !important; font-size:9pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:ffffff !important; font-size:9pt !important;}
a {color:ffa337 !important; font-size:9pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:ffffff !important; text-decoration: none!important; font-style: normal !important; font-weight: normal !important; text-transform: normal !important; }

.bbzs4 {content:"Other Properties";}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}

<style type="text/css">
.bbzs1 {content:"Body Properties";}
body {
background-color:640000;
background-image:url('http://www.two-band.de/myspace/background1.gif');
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
border-width:10px;
border-color:ffffff;
border-style:solid;
}

.bbzs2 {content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background:transparent;}
table table table table td {filter:none;}
table table table {
border-width:4px;
border-color:ffffff;
border-style:solid;
}
table table table table {border:0px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Verdana !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:ffffff !important; font-size:9pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:ffffff !important; font-size:9pt !important;}
a {color:ffa337 !important; font-size:9pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:ffffff !important; text-decoration: none!important; font-style: normal !important; font-weight: normal !important; text-transform: normal !important; }

.bbzs4 {content:"Other Properties";}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
<img src='blah.gif' style='opacity: 0.25; filter: alpha(opacity=25);' />
<img id='eindeutige_id' src='blah.gif' style='opacity: 0.25; filter: alpha(opacity=25);' onmouseover='fadeIn(this.id, 10, 100);' onmouseout='fadeOut(this.id, 10, 25);' />


.bbzProfileGenerator {version:1.3;}
.moreCSS {content:"Additional CSS go under this line.";}

</style>

.bbzProfileGenerator {version:1.3;}
.moreCSS {content:"Additional CSS go under this line.";}

</style>

Bitte um Hilfe

Danke

Ich würde dir vorschlagen, dass du erstmal HTML-Grundlagen lernst. HTML-elemente gehören nicht in ein <style>-element.

MfG

apropro myspace fragen: hier findest du auch eine menge codes

http://www.myspace-hilfe.de/

oder hier: www.forum.myspace.com