I am a web designer having 7 year experience of IT fields. My skills are photoshop, Flash, Dreamweaver, xhtml, css, javascript. We providing service in Website design Trendy Mockup, Branding, Window Interface, Admin Design, Photoshop, HTML5/CSS3, Bug Fixer, Layout Design, PSD to HTML, Responsive Design, PSD to Responsive. I am a freelancer of individually work on projects. Contact Us Feel Free: prowixtechnology@gmail.com
Showing posts with label HTML/CSS. Show all posts
Showing posts with label HTML/CSS. Show all posts
Friday, February 26, 2010
Saturday, January 23, 2010
Scroll-Bar-Color
BODY { margin: 0px 0px 0px 0px; background-color : #FFFFFF ; color
: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-base-color: #000000; scrollbar-darkshadow-color:
#f0f0f0; scrollbar-face-color: #93c600; scrollbar-highlight-color: #000000; scrollbar-shadow-color:
#ffffff; scrollbar-track-color: #f0f0f0; scrollbar-arrow-color: #ffffff; }
: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-base-color: #000000; scrollbar-darkshadow-color:
#f0f0f0; scrollbar-face-color: #93c600; scrollbar-highlight-color: #000000; scrollbar-shadow-color:
#ffffff; scrollbar-track-color: #f0f0f0; scrollbar-arrow-color: #ffffff; }
Monday, November 9, 2009
Css to create stretchable rounded menu
Here is is code for Stretchable rounded menu.:
.navigation{width:723px; float:right; height:28px; margin:23px 150px 0 0;}
.navigation ul{margin:0px; padding:0px; list-style-type:none;}
.navigation ul li{display:inline;}
.navigation ul li a{
background:url(../images/off_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li a span{
background:url(../images/off_menu_right.png) right top no-repeat;
display:block;
color:#cdcdcd;
padding:0 30px 0 16px;
}
.navigation ul li a:hover{
background:url(../images/on_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li a:hover span{
background:url(../images/on_menu_right.png) right top no-repeat;
display:block;
color:#210121;
padding:0 30px 0 16px;;
}
.navigation ul li.selected a{
background:url(../images/on_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li.selected a span{
background:url(../images/on_menu_right.png) right top no-repeat;
display:block;
color:#210121;
padding:0 30px 0 16px;
}
.navigation ul li.selected a:hover{
background:url(../images/off_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li.selected a:hover span{
background:url(../images/off_menu_right.png) right top no-repeat;
display:block;
color:#cdcdcd;
padding:0 30px 0 16px;;
}

.navigation{width:723px; float:right; height:28px; margin:23px 150px 0 0;}
.navigation ul{margin:0px; padding:0px; list-style-type:none;}
.navigation ul li{display:inline;}
.navigation ul li a{
background:url(../images/off_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li a span{
background:url(../images/off_menu_right.png) right top no-repeat;
display:block;
color:#cdcdcd;
padding:0 30px 0 16px;
}
.navigation ul li a:hover{
background:url(../images/on_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li a:hover span{
background:url(../images/on_menu_right.png) right top no-repeat;
display:block;
color:#210121;
padding:0 30px 0 16px;;
}
.navigation ul li.selected a{
background:url(../images/on_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li.selected a span{
background:url(../images/on_menu_right.png) right top no-repeat;
display:block;
color:#210121;
padding:0 30px 0 16px;
}
.navigation ul li.selected a:hover{
background:url(../images/off_menu_left.png) left top no-repeat;
float:left;
height:28px;
text-decoration:none;
padding:0px 0px 0 14px;
line-height:28px;
}
.navigation ul li.selected a:hover span{
background:url(../images/off_menu_right.png) right top no-repeat;
display:block;
color:#cdcdcd;
padding:0 30px 0 16px;;
}

Subscribe to:
Comments (Atom)