Board index PBase HTML and Style Sheets How was this header made?

HTML and Style Sheets

How was this header made?

Customize your galleries.
99v6coupe
 
Posts: 25

How was this header made?

Post Tue Dec 16, 2003 5:28 pm


on the very top, he has this moving text 'photos taken in israel....'..how was it made? Thanks.

http://www.pbase.com/verti

John

thewedding
 


Post Tue Dec 16, 2003 7:45 pm


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.

99v6coupe
 
Posts: 25


Post Tue Dec 16, 2003 8:31 pm


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

srijith
Moderator
 
Posts: 2321
Location: Amsterdam


Post Tue Dec 16, 2003 10:08 pm


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>

99v6coupe
 
Posts: 25


Post Tue Dec 16, 2003 10:59 pm


it works now, thank to both for your great help!


Board index PBase HTML and Style Sheets How was this header made?

Who is online

Users browsing this forum: ClaudeBot and 2 guests