Home > CSS scripts > Web resources

Various inline css scripts

Color scroll bars
Place in HEAD tags

Change colours to suit.

<span style="font-family:verdana,helvetica; font-size:12px; color:000000; background:dddddd;"><b>From <u style="background:ffffaa;">Oz Web</u> Hub.</b></span>

Effect? From Oz Web Hub.

You can change colours and underlines to suit.

Fixed image on background

<style type="text/css"> body { background: #FFFFFF url("your image.jpg") no-repeat fixed center center } </style>

This will center your image. Change the position if you wish to left or right and of course you change image to suit remembering that you may have images in a folder and that they may not be called .jpg files as here. If you keep your images in a separate folder called images it will be "images/your image.jpg" If you don't, it will be "yourimage.jpg" See example on this site. Image is positioned 'bottom right'

These examples are inline css scripts.

Red line down side of paragraph

<div style="border-left:4px solid #ff0000;font:11px verdana;padding-left:5px;"></div>

 

Include in your BODY Tag

Place box around paragraph

<p style="border:1px solid #000000;padding:5px;font:11px verdana;">your paragraph text here<p>

Place these tags in the BODY of your page

Make a cursor appear when people are browsing your page.

<style type="text/css"> body, a {cursor: url(http://www.youraddress.com/cursor.cur);} </style>

Search Google for a curser image or make your own and upload it to your server. Place in BODY of page.

Horizontal lists

<style type="text/css"> .horz,.horz li {margin:0;padding:0;list-style-type:none;} .horz {margin:10px 0;} .horz li {display:inline;padding-right:25px;} </style>

Place in the HEAD tag

Link change css scripts

External css scripts

CSS templates

straight to the top

© Jenny Campbell