MY GALEERY


STYLISH -- HORIZONTAL -- MENU BAR STYLISH -- SHADED -- MENU BAR STYLISH -- VERTICAL -- MENU BAR POP UP - DIV IMAGE EFFECT IMAGE TRANASPARENCY ROUNDED RECTANGLE WITHOUT USING IMAGES	PURE CSS BUTTONS SIMPLE MENUS USING SINGLE IMAGE COLORFULL CSS SCROLLBAR CUSTOM ICON ON ADDRESSBAR COOL HORIZONTAL NAVIGATIONAL BAR BEAUTIFUL BORDER

STYLISH -- HORIZONTAL -- MENU BAR

1.Save these 2 images

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions
TOP

STYLISH -- SHADED -- MENU BAR

1.Save these 2 images

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions
TOP

STYLISH -- VERTICAL -- MENU BAR

ITEM 1
ITEM 2
ITEM 3
ITEM 4
ITEM 5

1.Save these 2 images

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions
TOP

POP UP - DIV
DEMO: CLICK

Hi...
This is not a separate web page its DIV and Its Auto Stretchable
Here You Can Add The Content [ Close ]

1.Paste This Code Inside Head Tag 2.Paste This Code Inside Body Tag 3.Instructions
TOP

IMAGE EFFECT
Keep Mouse On Top Of Image

1.Paste This Code Inside Head Tag 2.Paste This Code Inside Body Tag 3.Instructions
TOP

IMAGE TRANASPARENCY
Hi..This Text Is Placed On Separate Transparent Layer ... SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--	1.Paste This Code Inside Head Tag <style type="text/css"> div.background /Background Image/ { width: 300px; /Set Width of Background Image/ height: 225px; /Set Height of Background Image/ background: url(../Images/wallpapers_ru.gif) no-repeat;/* Background Image/ border: 2px solid black; /Set Border Of Background Image/ } div.transbox { width: 300px; /Set Width of Transparent Box/ height: 100px; /Set Height of Transparent Box/ margin-top:15PX; background-color: #ffffff;/Set Color of Transparent Box/ border-top:0.05em solid #666666; /Set border top of Transparent Box/ border-bottom:0.05em solid #666666;/Set border bottom of Transparent Box/ / for IE / filter:alpha(opacity=60); /Set Opacity Value of Transparent Box/ / CSS3 standard / opacity:0.6; } div.transbox p { font-weight: bold; /Text Inside Transparent Box/ color: #000000; } / RAVI TOM*/ </style>	2.Paste This Code Inside Body Tag <div class="background"><div class="transbox"> <p>Hi..This Text Is Placed On Seperate Transparent Layer ...<br />SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT--SAMPLE TEXT-- </p> </div></div> <!--RAVI TOM--> TOP

ROUNDED RECTANGLE WITHOUT USING IMAGES
	1.Paste This Code Inside Head Tag <style type="text/css">/* FOR TEXT/ body{padding: 20px;background-color: #FFF; font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif} h1,h2,p{margin: 0 10px} h1{font-size: 250%;color: #FFF} h2{font-size: 200%;color: #f0f0f0} /RAVI TOM/ p{padding-bottom:1em} h2{padding-top: 0.3em} /ROUNDED BOX*/ div#Rounded{ margin: 0 10%;background: #9BD1FA} b.TOP, b.rbottom{display:block;background: #FFF} b.TOP b, b.rbottom b{ display:block;height: 1px; overflow: hidden; background: #9BD1FA } b.TI{margin: 0 5px} b.T2{margin: 0 3px} b.T3{margin: 0 2px} b.TOP b.T4, b.rbottom b.T4{margin: 0 1px;height: 2px} </style>	1.Paste This Code Inside Body Tag <div id="Rounded"> <b class="TOP"><b class="TI"></b><b class="T2"></b><b class="T3"></b><b class="T4"></b></b> <h1>Rounded Corners</h1> <p>ADD CONTENTS HERE</p> <h2>Rounded corners without images</h2> <p>ADD CONTENTS HERE-----June 25, 2008 1508 IST Karat meets Pranab on N-deal stand-off Karat went to Pranab's residence to hold discussions on the issue that has created a stand-off between the government and the Left allies. </p> <b class="rbottom"><b class="T4"></b><b class="T3"></b><b class="T2"></b><b class="TI"></b></b><!--RAVI TOM--> </div> TOP

PURE CSS BUTTONS

1.Save these 2 images

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions
TOP

FAST LOADING SIMPLE MENUS USING SINGLE IMAGE (4KB)

ITEM 1 ITEM 2 ITEM 3 ITEM 4 ITEM 5

1.Save this image

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions
TOP

COLORFULL CSS SCROLLBAR [ FOR IE]



2.Paste This Code Inside Head Tag                              3.Paste This Code Inside Body Tag                                      4.Instructions
                  TOP

CUSTOM ICON ON ADDRESSBAR

1.Save this image

2.Paste This Code Inside Head Tag 3.No Need To Touch The Body Part 4.Instructions
TOP

COOL HORIZONTAL NAVIGATIONAL BAR

HOME
MENU 1
MENU 2
MENU 3
MENU 4
KANNAN

1.Save these 2 image

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions

TOP

BEAUTIFUL BORDER

1) Demo:: Mouse Over The Image

2.Paste This Code Inside Head Tag 3.Paste This Code Inside Body Tag 4.Instructions
<style type="text/css"> p#Harry { float:left; margin-top:5px; margin-left:5px; } #Harry a { background-color:#009999; display:block; border:3px dashed #00FF00; } #Harry a:hover {border:2px dashed #cfc;} #Harry img {display:block;border:none;background:#CBF5D2;padding:1px;} #Harry a:hover img{background:#B5EEF4} </style> <p id="Harry"><a href="#"><img src="Images/prt.gif" alt="Example" width="100" height="95" /></a></p>  1.Change the Custom Image path on CSS[Head Part] 2.Dont Directly Copy n Paste From Here..Just Try To Do It UrSelf TOP