image flipping and those cute boxes Options

[artemis3001]

Hi! I was wondering if anyone could help me with this. I tried looking in the xanga scripts and help section, then even tried searching for it, but couldn't find anything for these two.

First thing is, is there a code to make the image flip from left to right on mouseover? Like this.

Second thing is, some sites have some small boxes in their headers that have scrolling messages in them. Like this. Is there any code for that?

Any help is much appreciated! Thank you!

[*Azarel*]

To make links flip horizontally, insert this code:

CODE

<style type="text/css">
a:hover {
       height:0;
       filter:fliph;}
</style>

Scrolling messages? Do you have an example? It could just be a simple marquee, but I doubt that's what you're asking for.

[artemis3001]

Thanks! Yup. Like in this page http://www.xanga.com/home.aspx?user=JaveriaFayyaz
See how in her header there are these cute little boxes with the messages in them? that.

Edit: Oh I wonder if its possible to make just the images flip and not the links?

[aNg3LBaBi3]

<!-- begin code provided by createblog.com --><br /><table><br /><TR><br /><td><br /><fieldset><br /><marquee direction="right" height=35 width=35 scrollamount="2"><font <br />color=#000000<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="down" height=35 width=35 scrollamount="1"><font <br />color=#5786b0<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="left" height=35 width=35 scrollamount="1"><font <br />color=#000000<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="down" height=35 width=35 scrollamount="1"><font <br />color=#5786b0<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="left" height=35 width=35 scrollamount="1"><font <br />color=#000000<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="right" height=35 width=35 scrollamount="1"><font <br />color=#5786b0<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="up" height=35 width=35 scrollamount="1"><font <br />color=#000000<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /><fieldset><br /><marquee direction="down" height=35 width=35 scrollamount="1"><font <br />color=#5786b0<br />family="arial" size=1><br />MESSAGE</font><br /></marquee><br /></fieldset><br /></td><br /><td><br /></TABLE><br /><!-- end code provided by createblog.com -->

there ya go make sure to replace "MESSAGE" with your message.

[*Azarel*]

CODE

<table>
<tr>
<td>
<fieldset>
<marquee direction="left" height=35 width=50 scrollamount="2">Insert text here.</marquee>
</fieldset>
</td>
</tr>
</table>

Direction: direction of marquee (left, right, up, down)
Height: vertical height of the box
Width: horizontal width of the box
Scrollamount: speed of marquee (bigger integer makes it scroll faster)

To get only images to flip, change code to:

CODE

<style type="text/css">
a:hover img {
      height:0;
      filter:fliph;}
</style>

[artemis3001]

WOW. Very nice. Thank you so much you guys!!

OK just one more qn. What if I want to change the background of those boxes to white?

[aNg3LBaBi3]

change your background to white, i saw your page yesterday its black right? if you don't want to change the black background, change the font color to white in the marquee boxes.
edit// or change the fone color to whatever color you want of course.

[artemis3001]

Oh OK! It looks nice now. Thanks for all your help. Her's a link if you want to take a look. My Webpage Thanks again!!

[*Azarel*]

To get a white background:

CODE

<table bgcolor=ffffff>
<tr>
<td>
<fieldset>
<marquee direction="left" height=35 width=50 scrollamount="2">Insert text here.</marquee>
</fieldset>
</td>
</tr>
</table>

[aNg3LBaBi3]

it looks good. your welcome

[*mona lisa*]

Oh OK! It looks nice now. Thanks for all your help. Her's a link if you want to take a look. My Webpage Thanks again!!

Topic Closed