flippy picture, how do ya do it? Options

[sadkiddie]

how can you do the "flippy picture then turing the pic black and white" thing? If you need an example check out my page:

http://www.myspace.com/a_lemon_with_a_spork

the script came w/ the layout so I have no idea how it works

[deadroses89]

what's the script you're using..?

and I don't quite understand.. you already have it.. but you want to know the script for it..?

if you paste the whole script I could pick it out for you, if that's what you mean..?

[sadkiddie]

oh sorry bout that! I just want the script b/c I want to put in a new layout but it doesn't have the script I want. Its in my old layout but I have no idea how the script looks like. If anyone is willing to look here is the layout:



<style type="text/css">
body {
background-image:url(http://images.xangsters.com/myspace/00/butterfly.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: fixed;

</style>


<embed src="SONG URL GOES HERE" hidden="true" autostart="true" loop="true">



<style type="text/css">
A:link IMG{filter:"gray"}
</style>




<style>
input, textarea{border: 1px solid; font-size: 8pt; overflow: hidden; background-color: b4b4b4; {filter: alpha(style=0,opacity=60)};
}
</style>




<style type="text/css">

a:hover {
text-align: justify;
color: .000000;
text-align: left;
padding-boTtom: 1px;
PADDING-TOP: 1PX;
PADDING-RIGHT: 1PX;
PADDING-LEFT: 1PX;
filter: flipv;
height: 0;
line-height:14px;
letter-spacing: 1px}


//-->
</style>


<style type="text/css">
a:link img, a:visited img
{border: NONE;
padding: 0px;
width: INHERIT;
height: INHERIT;
filter: alpha(opacity=50); -moz-opacity:0.60; opacity: 0.60;}
a:hover img, a:active img
{border: NONE;
padding: 0px;
width: INHERIT;
height: INHERIT;
filter: XRAY;}
img
{width: INHERIT;
height: INHERIT;
filter: alpha(opacity=50); -moz-opacity:0.60; opacity: 0.60;}
</style>




<STYLE TYPE="text/css">
BODY {background-color: b4b4b4; scrollbar-track-color: b4b4b4; scrollbar-highlight-color: b4b4b4; scrollbar-3dlight-color: b4b4b4; scrollbar-darkshadow-color: b4b4b4; scrollbar-shadow-color: b4b4b4; scrollbar-arrow-color: FF49BD; scrollbar-face-color: b4b4b4;}
TABLE, TD {background-color: transparent; border: none; border-width: 0px; color: 000000; font: normal 8pt arial; padding: 2px;}
TABLE TABLE {background-color: transparent; border: none; color: FF49BD; font: normal 8pt arial; padding: 2px;}
TABLE TABLE TABLE {background-color: b4b4b4; border: 2px solid;border-color: 000000; font: normal 8pt arial; height: 18px; width: 100%; padding: 2px;}
TABLE TABLE TABLE TABLE {background-color: b4b4b4; border: none; color: FF49BD; font: normal 8pt arial; padding: 2px;}
TABLE TABLE TABLE TABLE TABLE {background-color: b4b4b4; border: none; color: FF49BD; font: normal 8pt arial; padding: 2px;}
TABLE TABLE TABLE TABLE TABLE TABLE {background-color: b4b4b4; border: none; color: FF49BD; font: normal 8pt arial; padding: 2px;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; text-align: justify; width: 10%;}
TD TD TD TD TD {border-top: 1px solid .000000; text-align: justify;}
TD TD TD TD TD TD {border: 0px solid; text-align: justify;}
INPUT {background-color: b4b4b4; border: 1px solid .000000; color: FF49BD; font: normal 8pt arial;}
TEXTAREA, FONT, P {background-color: transparent; color: FF49BD; font: normal 8pt arial; overflow: hidden; letter-spacing: .5px;}
[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[
frame]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]
]]]] {visibility: hidden; display: none;}

a:link {color: AC066F; font: normal 8pt arial; text-transform: none;}
a:active {color: ffffff; font: normal 8pt arial; text-transform: none;}
a:visited {color: AC066F; font: normal 8pt arial; text-transform: none;}
a:hover {color: E2CAD9; font: normal 8pt arial; text-transform: none;}
a.navbar {color: AC066F; font: normal 8pt arial; text-transform: none;}
a.navbar:link {color: AC066F; font: normal 8pt arial; text-transform: none;}
a.navbar:active {color: AC066F; font: normal 8pt arial; text-transform: none;}
a.navbar:visited {color: AC066F; font: normal 8pt arial; text-transform: none;}
a.navbar:hover {color: E2CAD9; font: normal 8pt arial; text-transform: uppercase; cursor:ne-resize; font-weight:normal;}
a.redlink:link {color: AC066F; font: normal 8pt arial; text-transform: none;}
a.redlink:active {color: ffffff; font: normal 8pt arial; text-transform: none;}
a.redlink:visited {color: AC066F; font: normal 8pt arial; text-transform: none;}
a.redlink:hover {color: E2CAD9; font: normal 8pt arial; text-transform: none;}

.blacktext10 {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.blacktext12 {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.btext {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.lightbluetext8 {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.nametext {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.orangetext15 {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.redbtext {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.redtext {color:FF49BD; font: normal 8pt arial; text-transform: none;}
.text {color: FF49BD; font: normal 8pt arial; text-transform: none;}
.whitetext12 {color: FF49BD; font: normal 8pt arial; text-align: center;}
</STYLE></td>



<style>
b,none{font-family:arial; font-size:8pt; letter-spacing: 0pt; color: FEB8E3; text-transform:none; cursor:help}
i,normal{font-family:arial; font-size: 9pt; letter-spacing: 1pt;color: DDDFE3; text-transform:none; cursor: help; font-weight:none}
u,normal{font-family: arial; font-size: 8pt; letter-spacing: 0pt;color: F27CC7; text-transform:uppercase; cursor: help; font-weight:none;}
</style>

[deadroses89]

<style type="text/css">
a:link img, a:visited img
{border: NONE;
padding: 0px;
width: INHERIT;
height: INHERIT;
filter: alpha(opacity=50); -moz-opacity:0.60; opacity: 0.60;}
a:hover img, a:active img
{border: NONE;
padding: 0px;
width: INHERIT;
height: INHERIT;
filter: XRAY;}
img
{width: INHERIT;
height: INHERIT;
filter: alpha(opacity=50); -moz-opacity:0.60; opacity: 0.60;}
</style>




^ that part is what edits the images. It's kinda self-explanatory since it says img throughout the script.

I don't know where the maker of the skin got the script from, but they may have written it themself, so I suggest you ask the creator of the skin you're using first if it's OK for you to use their script seperately. hope I was of assistance =]

[sadkiddie]

thanx!