WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > SOCIAL CHAT > Chat Lounge > Job Opportunities > Need Help with Nav Menu - $$$

Reply
  Thread Tools Display Modes
Old 8th November 13, 01:38 AM   #1
duffy
WLC Member
 
Join Date: Nov 2013
Posts: 1
Default Need Help with Nav Menu - $$$

hi. Im using GoDaddy to host my website and using there utility website tonight. i want to be able to add a navigation menu on the top like i have on the side of my page. my website is www.highpressuretech.com

i copied the CSS i have currently but am unsure how to edit it to insert the nav menu. can someone please explain how to or do it for me and i will re upload it. Thank so much, if it works i can paypal you some $$$. email me if you have questions peter@highpressuretech.com

here is the CSS its using now:

/*----------------------------------
Theme258
Category
---
----------------------------------*/

body {
margin: 10px auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
background-position: top;
background-repeat: repeat-x;
background-color: #DFDFDF;
background-image: url(images/body_bg.jpg);
}

p {
padding: 0;
margin: 0;
}

.sf_outer_wrapper {
margin: 15px auto 0;
width: 970px;
}

.sf_extra1 {
height: 35px;
background-image: url(images/header_top.gif);
background-repeat: no-repeat;
background-position: top;
}

.sf_wrapper {
width: 970px;
}

/*--------------------------------
Top Navigation
---------------------------------*/

.sf_navigation_top { /* one of the navs will be display: none; */
display: none;
}

.sf_navigation_top ul{

}

.sf_navigation_top ul:after{
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}


.sf_navigation_top ul li {

}

.sf_navigation_top ul li.sf_last_nav_item{

}

.sf_navigation_top ul li.sf_first_nav_item{

}

.sf_navigation_top ul li a {

}

.sf_navigation_top ul li a:visited {

}

.sf_navigation_top ul li a:hover{

}

/*--------------------------------
End Top Navigation
---------------------------------*/



.sf_extra10 {

}



/*--------------------------------
Header
---------------------------------*/

.sf_header_wrapper {
margin: 0 2px;
}

.sf_extra2 {
}

.sf_main_header { /*--Don't forget the height and overflow: hidden--*/
background-position: top right;
height: 121px;
overflow: hidden;
font-size: 20px;
font-weight: bold;
padding: 15px 305px 0 30px;
width:631px;
}

.sf_extra3 {
height: 21px;
margin: 0 0 10px 0;
background-position: top left;
background-repeat: no-repeat;
}

.sf_sub_header { /*--Don't forget the height and overflow: hidden--*/
display: none;
}

/*--------------------------
End Header
--------------------------*/



.sf_extra4 {

}



/*--------------------------------
Bottom Navigation
---------------------------------*/

.sf_navigation { /* one of the navs will be display: none; */
clear:both;
height: auto !important;
width: 162px;
margin: 5px;
padding: 30px 0 0 0;
float: left;
background-position: top;
background-repeat: no-repeat;
display:inline;
}

.sf_navigation:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
font-height: 1px;
margin:0px;
padding:0px;
}

.sf_navigation ul{
list-style: none;
margin: 0;
padding: 0;
}

.sf_navigation ul:after{
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}


.sf_navigation ul li {
background-image: url(images/nav_arrow.gif);
background-repeat: no-repeat;
background-position: 10px 12px;
margin: 0;
padding: 5px 0;
}

.sf_navigation ul li.sf_last_nav_item{

}

.sf_navigation ul li.sf_first_nav_item{

}

.sf_navigation ul li a {
padding: 3px 0 3px 25px;
display: block;
width: 137px;
color: #000000;
}

.sf_navigation ul li a:visited {
color: #000000;
}

.sf_navigation ul li a:hover{

}

/*------------------------------------
Flyout - Left Aligned Menu
------------------------------------*/
#Nav1 iframe {
position: absolute;
/* account for the border */
left: -0.25em;
top: -0.25em;
z-index: 0;
filter: progidXImageTransform.Microsoft.Alpha(style=0,op acity=0);
margin-left: 3px;
}
#Nav1 li { /* all list items */

}
#Nav1 li ul {
position:absolute;
left: -999em;
width:125px;
margin: -22px 0px 0px 120px;
z-index:1000;
background:#fff;
}

#Nav1 li a {
/*display : block;*/
}
#Nav1 li ul li {
margin:0;
padding:0;
float: left;
}
#Nav1 li ul li a {
display : block;
padding:5px 8px;
width:125px;
background:#C7CCCF;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
}
#Nav1 li ul li a:hover {
background:#DFE4E7;
width:125px;
}

#Nav1 li:hover ul,
#Nav1 li.sfhover ul {
left: auto;
}

#Nav1 li:hover, #Nav1 li.hover {
position: static;
}

#Nav1 li:hover, #Nav1 li.hover {
position: static;
}

/*--------------------------------
End Bottom Navigation
---------------------------------*/


.sf_extra5 {

}



/*--------------------------------
Page Title
---------------------------------*/

.sf_pagetitle {
font-size: 16px;
font-weight: bold;
width: 760px;
margin-right:20px;
float:right;
display:inline;
margin-bottom:10px;
}

.sf_pagetitle h1 {
font-size:16px;
margin: 0;
font-weight: bold;
}

/*--------------------------------
End Page Title
---------------------------------*/


.sf_extra6 {

}



/*--------------------------------
Sub Navigation
---------------------------------*/

.sf_subnavigation { /* subnavigations always display: none; */
display: none;
}

.sf_subnavigation ul{

}

.sf_subnavigation ul:after{

}

.sf_subnavigation ul li {

}

.sf_subnavigation ul li.sf_last_nav_item{

}

.sf_subnavigation ul li.sf_first_nav_item{

}

.sf_subnavigation ul li a {

}

.sf_subnavigation ul li a:visited {

}

.sf_subnavigation ul li a:hover{

}

/*--------------------------------
End Sub Navigation
---------------------------------*/

.sf_extra11 {

}

/*--------------------------
Content
--------------------------*/

.sf_content {
clear:right;
height: auto !important;
min-height: 200px;
width: 790px;
float:right;
display:inline;
}
.sf_content:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}

.sf_content p{
margin-bottom: 1em;
}

/*--------------------------
End Content
--------------------------*/

.sf_extra12 {
}

/*--------------------------------
Sub Navigation2
---------------------------------*/

.sf_subnavigation2 { /* subnavigations always display: none; */
display: none;
}

.sf_subnavigation2 ul{

}

.sf_subnavigation2 ul:after{

}

.sf_subnavigation2 ul li {

}

.sf_subnavigation2 ul li.sf_last_nav_item{

}

.sf_subnavigation2 ul li.sf_first_nav_item{

}

.sf_subnavigation2 ul li a {

}

.sf_subnavigation2 ul li a:visited {

}

.sf_subnavigation2 ul li a:hover{

}

/*--------------------------------
End Sub Navigation2
---------------------------------*/



.sf_extra7 {
clear:both;
}

.sf_extra7 span{

}



/*--------------------------
Footer
--------------------------*/

.sf_footer {
clear: both;
margin-top: 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
border-top: 3px solid;
background-position: bottom;
background-repeat: no-repeat;
padding:10px 5px 20px;
width:960px;
}
/*--------------------------
End Footer
--------------------------*/


.sf_extra8 {

}

.sf_extra9 {

}


/*--------------------------
Extra Stuff
--------------------------*/


a:link {

}

a:visited {

}

a:hover {

}

.sf_banner {
margin-top: 45px;
text-align: center;
font-size: 11px;
}

#bannerImage {
margin-bottom:5px;
}
/**
* Sticking flyout menu bug
*
* @bugfix
* @affected ie7
* @css-for ie7
* @valid yes
*/
#Nav1 li:hover, #Nav1 li.hover {
position: static;
}
duffy is offline   Reply With Quote
Old 8th November 13, 04:02 AM   #2
meesa
WLC Mod
 
meesa's Avatar
 
Join Date: Jul 2009
Location: Milky Way Galaxy
Posts: 3,711
Default Re: Need Help with Nav Menu - $$$

Are you trying to add an additional menu, or just move your menu from the side to the top?
__________________
Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.
meesa is offline   Reply With Quote
Old 8th November 13, 06:56 AM   #3
rkrause
WLC Mod
 
Join Date: Sep 2009
Posts: 893
Default Re: Need Help with Nav Menu - $$$

Sent you a message to offer assistance.

Ryan.
rkrause is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:51 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.