Flip Text

Flip Text: Use code: ↓

<marquee width="100" direction="left">Your Text Here</marquee><marquee width="100" direction="left" style="filter:fliph">Your Text here</marquee>


Example:↓


Hello!Hello!

Scroll Text with Image

9Scrolling image with Text. Use code ↓

<marquee>Your Text Here<img height="33" alt="image" src="Your Image Url Here" width="82" /></marquee>


Example ↓


Look like this!



Set width of scrolling text with image. Use code ↓

<marquee>Your Text Here<img height="33" alt="Image" src="Your image Url here" width="82" /></marquee>


Example ↓


Look like this!

Div with background image

If you want the table to have image use this code ↓
<div style="BORDER-RIGHT: pink 3px solid; BORDER-TOP: pink 3px solid; FONT-SIZE: 12px; BACKGROUND: url(image url); OVERFLOW: auto; BORDER-LEFT: pink 3px solid; WIDTH: 200px; COLOR: black; BORDER-BOTTOM: pink 3px solid; FONT-FAMILY: verdana; HEIGHT: 75px">Your text here</div>

Example ↓

Look like this! Look like this!
Look like this! Look like this!

The image used is with repeated background.

If you do not want your image to tile in the background put
background-repeat: no-repeat; after your image url

Scoll Text Speed

To change the speed of the scroll use ↓ Remember to change the scrollamount to your preference>

<marquee scrollamount="1">Your Text Here</marquee>


Example for 1 ↓

Very Simple Html


Example for 10 ↓

Very Simple html

Div with background color and scrollbar

If you want the table to have scrollbars use this code ↓


<div style="BORDER-RIGHT: pink 2px solid; BORDER-TOP: pink 2px solid; FONT-SIZE: 12px; BACKGROUND: black; OVERFLOW: auto; BORDER-LEFT: pink 2px solid; WIDTH: 200px; COLOR: white; SCROLLBAR-ARROW-COLOR: red; BORDER-BOTTOM: pink 2px solid; FONT-FAMILY: arial; SCROLLBAR-BASE-COLOR: pink; HEIGHT: 75px">Your Text Here</div>


Example ↓

Look like this!

Look like this!

Look like this!

Look like this!

Look like this!

You can change the color of the background and scrollbar.

Scroll Test with Background colour and V space

Add your text above and below the code:↓

Your Text Here<marquee bgcolor="Red">Your Text Here</marquee>Your Text here

Copy the code and change the colour of your preference.


Example:↓

Hello.

Hi there!

Hi There!




Code with Vspace of 10.↓

Your Text Here<marquee vspace="10" bgcolor="Red"><br />Your Text Here</marquee>Your Text Here


Example ↓

Hello.

Hi there!

Hi There!



Code with Vspace of 50.↓

Your Text Here<marquee vspace="50" bgcolor="Red"><br />Your Text Here</marquee>Your Text Here


Example ↓

Hello.

Hi there!
Hi There!


Copy and change the vspace and background colour to your own preference.

Scroll Text with Background Colour, Hspace and Vspace

Copy the code and change hspace, width and bgcolor to your preference.↓



<marquee width="25%" bgcolor="yellow">Your Text Here</marquee>Your Text Here


Example:↓


Hi there!How are you?Hi There!



Code with background colour and hspace: ↓


<marquee hspace="10" width="25%" bgcolor="Pink">Hi there!How are you?</marquee>Hi There!


Example (hspace of 10)↓

Hi there!How are you?Hi There!


Example (hspace of 50) ↓

Hi there!How are you?Hi There!

Scroll Text Behavior (Normal Scroll)

Scroll Text. Use code↓

<marquee>Your Text Here</marquee>


Example ↓

Very Simple Html

Scroll text with Hspace and Vspace

Height and width can be change. Use Code ↓


<marquee width="200" height="50"><br /><br />Your Text Here</marquee>

Example: ↓

Very Simple Html

Scroll text up or down

Scroll up,

use code ↓


<marquee direction="up">Your Text Here</marquee>

Example ↓


Scroll down,

use code ↓

<marquee direction="down">Add your text here</marquee>

Example ↓


Very Simple html

Scroll Text Delay

Normal scroll text.

Use code ↓

<marquee>Your Text Here</marquee>

Example ↓


Look like this!


Scroll text delay of 500 and 1000.

Use code ↓

<marquee scrolldelay="500">Your Text Here</marquee> <marquee scrolldelay="1000">Your Text Here</marquee>


Example ↓



Look like this!




Example ↓





Look like this!

Scroll text to the right

Change of direction, to right. Use this code ↓


<marquee direction="right">Your Text Here</marquee>

Example ↓


Look like this!

Scroll Text With Background Color

Add background color to scroll text.

Use code ↓


<marquee bgcolor=" pink">Your Text Here</marquee>


You can change the color of the background.

Example ↓


Very Simple Html

Scroll Text Loop

LOOP sets how many times the marquee should loop.

If you don't put a LOOP attribute, it means that the marquee loops endlessly.
This code loops once ↓

<marquee loop="1">Your Text Here </marquee>

Example ↓

Look like this!

This code loop once and had a slide behavior ↓

<marquee loop="1" behavior="SLIDE">Your Text Here</marquee>

Example ↓

Look like this!

Drop - down Html code

Drop-down menus sample code ↓

<select> <option>Red</option> <option>Blue</option> <option>Yellow</option></select>

Example ↓

Red Blue Yellow RED VERY RED DARK RED

Drop-down menus with background color,


sample code ↓

<select style="BORDER-RIGHT: pink; BORDER-TOP: pink; BACKGROUND: black;COLOR: white;"><option>Red</option> <option>Blue</option> <option>Yellow</option></select>

Example ↓

Red Blue Yellow

Scroll Text

To make text scroll on your page use this code ↓


<marquee>Your Text Here</marquee>


Example ↓


Look like this!

Scroll Text Back and Forth

Scroll Text Use code ↓

<marquee behavior="alternate"><span style="color:red;">Your Text Here</span></marquee>

You can change the color of the text.


Example ↓

Look like this!

Scroll Text Behavior (Slide)

Scroll Text Slide Behavior. Use code ↓

<marquee behavior="SLIDE">Your Text Here</marquee>


Example ↓

Look like this!

Table Html code

Want to create a table on you page?

Use this code ↓

<div style="BORDER-RIGHT: 5px solid; BORDER-TOP: 5px solid; FONT-SIZE: 12px; BACKGROUND: black; BORDER-LEFT: 5px solid; WIDTH: 200px; COLOR: white; BORDER-BOTTOM: 5px solid; FONT-FAMILY: verdana; HEIGHT: 80px">Your Text Here.</div>

Example ↓

Look like this.

<div style="FONT-SIZE: 12px; WIDTH: 200px; COLOR: white; FONT-FAMILY: arial; HEIGHT: 75px; BACKGROUND-COLOR: black">Your Text Here </div>

Look like this.

You can change the colors, font and the text size as well as the size of the whole table anytime.

If you want to have a border for your table.

Use this code ↓

<div style="BORDER-RIGHT: pink 2px solid; BORDER-TOP: pink 2px solid; FONT-SIZE: 12px; BACKGROUND: black; OVERFLOW: auto; BORDER-LEFT: pink 2px solid; WIDTH: 200px; COLOR: white; BORDER-BOTTOM: pink 2px solid; FONT-FAMILY: arial; HEIGHT: 75px">Your Text Here</div>

Example ↓

Simple html

Scroll Text with Image and Hspace, Vspace

Copy the code add your text and your image url. You can also change the width to your own preference.


<marquee width="200">Your text here<img src="Your image url" /></marquee>


Example: ↓

Welcome