grab our rss feed  Follow us on twitter

s2sgateway

Practical Learning of Programming languages such us j2ee,java,jsp

To Download Our Web-Application Free E-book Enter your Mail Address Below

Enter your E-mail Address to Subscribe Tutorials and Free Projects:

  Powered by FeedBurner

Entries for the ‘css’ Category

simple css search box using image

ShareToday we are going to learn about how to create the css search box like this
and simple javascript function to clear the textbox.

Download the code heresearchboxcssbys2sgateway
Happy coding…

Comments

Sample css Menu With Background image on hover

ShareToday you are going to learn how to create a simple css menu like this when hover it shows background image.
Creating css menu is quite simple First create a background image in box type and create a css file with code below

#menu {
font-family: “Trebuchet MS”, Arial, san-serif;
color:#999999;
width:100%;
height:45px;
font-size:14px;
margin:1px;
display:block;
border-bottom:none;
padding-bottom:0px;
font-weight:bold;
text-decoration:none;
color:#666666;
padding-left:0px;
padding-top:16px;
padding-right:16px;
padding-bottom:-14px;
}
#menu a
{
font-family: “Trebuchet MS”, Arial, san-serif;
color:#999999;
width:100%;
height:45px;
font-size:14px;
margin:1px;
display:block;
border-bottom:none;
padding-bottom:0px;
font-weight:bold;
text-decoration:none;
color:#666666;
padding-left:21px;
padding-top:16px;
padding-right:25px;
padding-bottom:-14px;
}
.aonline
{
background:url(box2.gif) no-repeat top left [...]

Comments