Fun Css Tricks

want a drop down menu like the one below:

Pick A Link jellyfluff

<form name="form"> <select name="site" size=1 style="background-color: #e6e6fa; color: #9400d3; font-weight: bold; font-size: 10pt;"> <option value="">Pick A Link</option> <option value="link here">name</option> <option value="link here">name</option> <option value="link here">name</option> </option> </select> <input type=button value="Go!" onClick="javascript:formHandler()" STYLE="background-color: #e6e6fa; color: #9400d3; font-weight: bold; font-size: 10pt;"> </form>

Forget those boring textboxs. Lets brighten things up!

soild color backround with colored text:

Make you page look better with colorful scroll boxes!

<form> <textarea cols="20" rows="3" style="background-color: #backround color here; color: #Text color here; font-weight: bold; font-size: 12pt;"> Text here you can change the number of columns and rows to whatever you choose.

Or add an actual backround to your text box!

remember you can change the background just copy and paste the url in the: ('URL HERE')

<form> <textarea cols="20" rows="3" style="background-image:url ('URL HERE'); color: #text color here; font-weight: bold; font- size: 12pt;"> text here remember you can change the number of columns and rows too, to either make a scroll box bigger or smaller

the scroll bar is so plain... well lets fix that =D

remember you can change the colors to suit your fancy

<form> <textarea cols="20" rows="3" style="background-image:url ('URL HERE'); color: #ffffff; font-weight: bold; font-size: 12pt; scrollbar-highlight-color: red; scrollbar-3dlight-color: blue; scrollbar-darkshadow-color: green; scrollbar-track-color: pink; scrollbar-face-color: tan; scrollbar-arrow-color: yellow"> text here text here

woah how confusing where are the colors going to show up on the scroll bar?
here you go:

Add a border around your text box with a backround image
how cute!

<textarea style="background: url(url here); color:black; border: 2px dashed hotpink;">put your text here
I don't like this "dashed" border.
well you can choose from any of these too:
dotted
dashed
solid
double
groove
ridge
inset
outset

Highlight your text!
<font style="background-color: (#highlight color here); color: (#text color here); font-size: 14pt; font-weight: bold;"> text here </font>

Highlight Your Text With Your own image in the backround
<font style="background-image:url('filename.jpg'); color: #000000; font-weight: bold; font-size: 16pt;"> Text Here </font>

making a basic marquee
<marquee> text here </marquee>

let's go the other way
<marquee direction="right">text here</marquee>

up we go
<marquee direction="up">text here</marquee>

down we go
<marquee direction="down">text here</marquee>