Page 1 of 1

How was this header made?

PostPosted: Tue Dec 16, 2003 5:28 pm
by 99v6coupe
on the very top, he has this moving text 'photos taken in israel....'..how was it made? Thanks.

http://www.pbase.com/verti

John

PostPosted: Tue Dec 16, 2003 7:45 pm
by thewedding
Marquee is used to create a scrolling display. It was an IE only feature, but it has been adopted by the latest Netscape browser.

<marquee> Text message and/or images here. </marquee>

Properties usable in the marquee tag are :
width - in pixels or percentage.
height - in pixels or percentage.
direction - RIGHT or LEFT or UP or DOWN.
loop - how many times to loop the message.
bgcolor - the background hex code color.
behaviour - SCROLL or SLIDE or ALTERNATE.
scrollamount - a number that will control the speed. Higher number = higher speed.

PostPosted: Tue Dec 16, 2003 8:31 pm
by 99v6coupe
webdev, thanks... I tried to test it on my own ccs I created but didn't work. I copied from his ccs:

<marquee style="border-top: white 1px solid; border-bottom: white 1px solid;" scrollAmount=2 onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=2" BEHAVIOR=SCROLL TRUESPEED=TRUE SCROLLDELAY=10 >
Photos taken in Israel unless stated otherwise.
Comments are welcomed, just keep'em clean.
Images on this site may be downloaded for private usage only. Any unauthorised use of images on this site is strictly prohibited.

<a href="http://www.pbase.com/verti/root&cmd=vote" target="_blank">Please vote for this gallery, thanks.</a>
</marquee>





I inserted in my ccs just for test..but it didn't show up. Any idea? I wanted to insert it here:

http://www.pbase.com/99v6coupe/streets

Thanks.

John

PostPosted: Tue Dec 16, 2003 10:08 pm
by srijith
I think you need to add something like this into your CSS
Code: Select all
marquee
{
font-size: 12px; 
letter-spacing: 2pt;
color: #ffffff;
background-color: #7B9FC6;

}

and something like this into your gallery description
Code: Select all
<marquee style="border-top: white 1px solid; border-bottom: white 1px solid;" scrollAmount=2 onMouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=2"  BEHAVIOR=SCROLL TRUESPEED=TRUE  SCROLLDELAY=10 >Photos taken in Israel unless stated otherwise. Comments are welcomed, just keep'em clean.
Images on this site may be downloaded for private usage only. Any unauthorised use of images on this site is strictly prohibited.</marquee>

PostPosted: Tue Dec 16, 2003 10:59 pm
by 99v6coupe
it works now, thank to both for your great help!