رفتن به مطلب

مشکل اساسی در منو و زیر منو(کمک)


پست های پیشنهاد شده

سلام ئوستان

منوی یه قالب تغییر دادم الان وقتی زیر منو میاد محتوا میره پائین منو هم میپره عکس گذاشتم


nav {
background: url(images/blackbg.gif) left top repeat;
height: 46px;
border-top: #000 1px solid;
border-bottom: #7b7b7b 1px solid;
}
nav li a {
line-height: 46px;
font-size: 18px;
font-weight: normal;
}

nav .home span { /* Home link */
background: url("images/house.png") center center no-repeat;
padding: 0;
margin: 0;
width: 16px;
height: 100%;
display: block;
text-decoration: none;
cursor:pointer;
}
nav li.home:hover { background: none; }
nav ul li{
float:right;
padding-right:19px;
padding-left:10px;
margin-right:10px;
background-color:#FFF;
position:relative;
}

55436098fd9b7b9d1.png

لینک به ارسال

کدهای هدر و قسمتی از css قرار میدم

کدهای هدر

<!DOCTYPE HTML>

<html>

<head>

<title>

<?php bloginfo('name'); ?>

</title>

<meta name="description" content="Professional web services for businesses and individuals." />

<meta name="keywords" content="shared hosting, reseller hosting, vps hosting, dedicated hosting, domain registration" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<script src="<?php echo get_template_directory_uri(); ?>/javascript/jquery.js"></script>

<link type="text/css" rel="stylesheet" href="css/template.css" />

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" /><![endif]-->

<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css" /><![endif]-->

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />

<link type="text/css" rel="stylesheet" href="css/responsive1.css" />

<script src="<?php echo get_template_directory_uri(); ?>/javascript/responsive.js"></script>

<script src="<?php echo get_template_directory_uri(); ?>/javascript/slider.js"></script>

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider(

{

pauseTime: 8000

}

);

});

</script>

<script src="javascript/orbit.js"></script>

<!--[if lt IE 9]><script src="javascript/html5shiv.js"></script><![endif]-->

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/homepage.css" />

<style type="text/css">

<!--

.pricingtable .popular, .featureboxes .popular {

background: url(images/popular-ribbon.png) left top no-repeat;

}

nav span.newbutton {

background: url(images/nav-new.png) left top no-repeat;

}

-->

</style>

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/rtl.css" />

<style type="text/css">

/*<![CDATA[*/

.example {

color: red;

}

/*]]>*/

</style>

<link type="text/css" rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" />

</head>

<body class="hook-index hook-farsi hook-rtl">

<div class="toolbar">

<div class="toolbarinner">

<div class="leftmenu">

<ul>

<li><a href="#">منوي شما</a></li>

</ul>

</div>

<!-- .leftmenu -->

<div class="rightmenu">

<ul>

<li><a href="contact.php" class="contact">تماس با ما</a></li>

<li><a href="clientarea.php" class="myaccount">ناحیه کاربری</a></li>

<li><a href="register.php" class="register">عضویت</a></li>

</ul>

</div>

<!-- .rightmenu -->

</div>

<!-- .toolbarinner -->

</div>

<!-- .toolbar -->

<div class="headerbg">

<header>

<div class="logo"> <a href="index.php"><img src="<?php echo get_template_directory_uri(); ?>/images/img/logo.png" class="img-respond img-logo" alt="لوگوی شرکت سایت شما" /></a> </div>

<div class="featureicons">

<div class="livesupport"><a href="javascript:void(0);" class="LiveHelpButton">پشتیبانی آنلاین</a></div>

<div class="affiliates"><a href="affiliate-program.php">بازاریابی</a></div>

</div>

<!-- .featureicons -->

</header>

<nav>

<ul>

<li class="home"><a href="index.php"><span> </span></a></li> </ul>

<?php if (function_exists('getNavMenu')): ?>

<?php echo getNavMenu('mainmenu','hover'); ?>

<?php endif; ?>

</nav>

کدهای css

html {

font-size: 100%;

overflow-x: hidden; /*حذف اسکرول افقی*/

overflow-y: auto; /*اسکرول عمودی*/

}

* {

list-style: none;

margin: 0;

outline: none;

padding: 0;

}

body {

line-height: 1;

}

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: none;

outline: 0;

font-size: 100%;

vertical-align: baseline;

background: transparent;

border-collapse: collapse;

}

img {

border: none;

}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {

display: block;

}

ul {

padding-left: 0;

}

.clear {

clear: both;

height: 0;

line-height: 0;

}

/* --- Defaults --- */

body {

background: #e8e8e8 url(images/bg.png) left top repeat;

color: #777777;

font-family: BYekan,Helvetica,sans-serif,Calibri;

font-size: 62.5%; /* Sets default font-size to 10px - 1em = 10px */

}

h1, h2, h3, h4, h5, h6 {

color: #000;

font-family: 'BYekan', 'Trebuchet MS', Helvetica, BYekan;

font-weight: normal;

}

p {

}

a {

color: #af0601;

text-decoration:none;

}

a:hover {

color: #af0601;

text-decoration: none;

}

/* --- Layout --- */

/* Common classes */

header, /* Sets the container width for all elemnts at once rather than declaring seperately for each */

nav,

article,

.partners,

.subbanner,

.container,

.domainchecker,

footer .footercontent,

.copyright,

.toolbar .toolbarinner {

margin: 0 auto;

max-width: 1100px;

width: 90%;

}

.img-respond {

width:100%;

}

.img-logo {

max-width: 277px;

}

.img-affscreens { max-width: 725px; }

.img-paypal { max-width: 230px; }

.img-creditcard { max-width: 209px; }

.img-banktransfer { max-width: 111px; }

.img-twitter { max-width: 246px; }

.img-footersocialicons { max-width: 300px; }

.nobg {

background: none;

}

.red, .textred {

color: #FF0000 !important;

}

.green {

color: #158F00 !important;

}

.nomarginright {

margin-right: 0 !important;

}

.floatleft {

float: left !important;

}

.floatright {

float: right !important;

}

.center {

text-align: center;

}

.imgleft {

float: left;

margin: 0 10px 5px 0;

}

.imgright {

float: right;

margin: 0 0 5px 10px;

}

.alignright {

text-align: right;

}

hr.hr {

border: none; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));

margin: 20px 0 40px 0;

}

/* Background */

.headerbg {

background: #fff url(images/headerbg.gif) left bottom repeat-x;

padding: 0 0 8px 0;

}

/* Toolbar */

.toolbar {

background: url(images/blackbg.gif) left top repeat;

height: 30px;

line-height: 30px;

width: 100%;

border-bottom: #fff 2px solid;

overflow: hidden;

font-size: 1.2em;

position:fixed;

margin-top:0px;

z-index:1000;

}

.toolbar p {

float: left;

color: #b2b2b2;

text-shadow: #000 1px 1px;

margin: 0 0 0 20px;

}

.toolbar p strong {

color: #fff;

}

/* Right menu (account) */

.toolbar .rightmenu ul {

float: right;

margin: 0 20px 0 0;

}

.toolbar .rightmenu ul li {

float: left;

color: #b2b2b2;

}

.toolbar .rightmenu ul li a {

color: #b2b2b2;

text-shadow: #000 1px 1px;

display: block;

text-decoration: none;

}

.toolbar .rightmenu ul li a:hover {

text-decoration: underline;

color: #fff;

}

.toolbar .rightmenu ul li a.cart { background: url(images/icon-cart.png) left center no-repeat; padding: 0 15px 0 25px; }

.toolbar .rightmenu ul li a.myaccount { background: url(images/icon-myaccount.png) 2px center no-repeat; padding: 0 15px 0 25px; }

.toolbar .rightmenu ul li a.contact { background: url(images/icon-contact.png) left center no-repeat; padding: 0 15px 0 25px; }

.toolbar .rightmenu ul li a.serverstatus { background: url(images/icon-serverstatus.png) left center no-repeat; padding: 0 0 0 22px; }

.toolbar .rightmenu ul li a.register { background: url(images/icon-register.png) left center no-repeat; padding: 0 0 0 22px; }

.toolbar .paddingright12 { padding-right: 12px !important; }

.toolbar .rightmenu ul li:last-child a {

padding-right: 0;

}

.toolbar .rightmenu li li {

float: none;

}

.toolbar .rightmenu li li a {

line-height: 1.2em;

padding: 8px 8px;

}

.toolbar .rightmenu li li a, .toolbar .rightmenu li li a:link, .toolbar .rightmenu li li a:hover, .toolbar .rightmenu li li a:visited {

}

.toolbar .rightmenu li li a:hover {

background: #e00000;

text-decoration: none;

}

.toolbar .rightmenu li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

margin: 0px;

padding: 5px;

min-width: 116px;

background: url(images/blackbg.gif) left top repeat;

border-right: #cccccc 1px solid;

border-left: #cccccc 1px solid;

border-bottom: #cccccc 1px solid;

}

.toolbar .rightmenu li ul img {

margin: 0 0 0 8px;

background: #fff;

outline: #000 1px solid;

}

.toolbar .rightmenu li:hover ul, .toolbar .rightmenu li.sfhover ul {

left: auto;

}

.toolbar .rightmenu li:hover, .toolbar .rightmenu li.sfhover {

position: static;

}

.toolbar .rightmenu .arrowdrop {

background: url(images/menuarrow.png) 94px center no-repeat;

padding-right: 10px;

}

.toolbar .rightmenu .welcomeback { padding-right: 10px; }

/* Left menu (language switcher) */

.toolbar .leftmenu ul {

float: left;

margin: 0 0 0 20px;

}

.toolbar .leftmenu ul li {

float: left;

color: #b2b2b2;

}

.toolbar .leftmenu ul li a {

color: #b2b2b2;

text-shadow: #000 1px 1px;

display: block;

text-decoration: none;

}

.toolbar .leftmenu ul li a:hover {

text-decoration: underline;

color: #fff;

}

.toolbar .leftmenu ul li a.myaccount { background: url(images/icon-myaccount.png) 2px center no-repeat; padding: 0 15px 0 25px; }

.toolbar .leftmenu ul li:last-child a {

padding-right: 0;

}

.toolbar .leftmenu li li {

float: none;

}

.toolbar .leftmenu li li a {

line-height: 1.2em;

padding: 8px 8px 8px 30px;

}

.toolbar .leftmenu li li a, .toolbar .leftmenu li li a:link, .toolbar .leftmenu li li a:hover, .toolbar .leftmenu li li a:visited {

}

.toolbar .leftmenu li li a:hover {

}

.toolbar .leftmenu li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

margin: 0px;

padding: 5px;

min-width: 130px;

background: url(images/blackbg.gif) left top repeat;

border-right: #cccccc 1px solid;

border-left: #cccccc 1px solid;

border-bottom: #cccccc 1px solid;

}

.toolbar .leftmenu li ul img {

margin: 0 0 0 9px;

background: #fff;

outline: #000 1px solid;

}

.toolbar .leftmenu li:hover ul, .toolbar .leftmenu li.sfhover ul {

left: auto;

}

.toolbar .leftmenu li:hover, .toolbar .leftmenu li.sfhover {

position: static;

}

.toolbar .leftmenu .arrowdrop {

background: url(images/menuarrow.png) right center no-repeat;

padding-right: 15px;

}

/* Flags */

.toolbar .leftmenu a.flag-active { padding-left: 27px; }

.toolbar .leftmenu a.flag-English { background: url(images/flag-english.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-French { background: url(images/flag-french.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-German { background: url(images/flag-german.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Arabic { background: url(images/flag-arabic.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Catalan { background: url(images/flag-catalan.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Croatian { background: url(images/flag-croatian.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Farsi { background: url(images/flag-farsi.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Brazilian { background: url(images/flag-portuguese-br.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Portuguese { background: url(images/flag-portuguese-pt.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Czech { background: url(images/flag-czech.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Danish { background: url(images/flag-danish.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Dutch { background: url(images/flag-dutch.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Hungarian { background: url(images/flag-hungarian.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Italian { background: url(images/flag-italian.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Norwegian { background: url(images/flag-norwegian.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Russian { background: url(images/flag-russian.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Spanish { background: url(images/flag-spanish.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Swedish { background: url(images/flag-swedish.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Turkish { background: url(images/flag-turkish.png) 2px center no-repeat; }

.toolbar .leftmenu a.flag-Ukranian { background: url(images/flag-ukranian.png) 2px center no-repeat; }

/* Header */

header {

height: 118px;

}

header .logo {

float: left;

margin: 25px 30px 0 20px;

}

header .socialbox {

float: left;

margin: 25px 0 0 0;

}

header .socialbox .fb-like {

margin: 0 0 5px 0;

}

header .socialbox .twitter-like {

margin: 0 0 5px 0;

}

header .featureicons {

float: right;

margin: 40px 20px 0 0;

}

header .featureicons a {

text-decoration: none;

}

header .featureicons .livesupport {

background: url(images/livesupport.png) left top no-repeat;

width: 201px;

height: 41px;

float: right;

margin: 0;

}

header .featureicons .livesupport a {

display: block;

width: 201px;

height: 41px;

line-height: 36px;

text-indent: 64px;

color: #777;

font-weight: normal;

font-size: 1.2em;

}

header .featureicons .livesupport a:hover {

color: #000;

}

header .featureicons .affiliates {

background: url(images/affiliates-button.png) left top no-repeat;

width: 172px;

height: 41px;

float: right;

margin: 4px 0 0 0;

}

header .featureicons .affiliates a {

display: block;

width: 172px;

height: 41px;

line-height: 29px;

text-indent: 64px;

color: #777;

font-weight: normal;

font-size: 1.2em;

}

header .featureicons .affiliates a:hover {

color: #000;

}

/* Menu */

nav {

background: url(images/blackbg.gif) left top repeat;

height: 46px;

border-top: #000 1px solid;

border-bottom: #7b7b7b 1px solid;

}

nav li a {

line-height: 46px;

font-size: 18px;

font-weight: normal;

}

nav .home span { /* Home link */

background: url("images/house.png") center center no-repeat;

padding: 0;

margin: 0;

width: 16px;

height: 100%;

display: block;

text-decoration: none;

cursor:pointer;

}

nav li.home:hover { background: none; }

nav ul li{

float:right;

padding-right:19px;

padding-left:10px;

margin-right:10px;

background-color:#FFF;

position:relative;

}

/* nav sub */

.navsub { margin: 0 0 11px 0; padding: 0; float: left; }

ul.navsub li { float: left; background: #424242 url(images/blackbg.gif) left top repeat; height: 30px; line-height: 30px; margin: 0 5px 5px 0; }

ul.navsub li a, ul.navsub li a:link, ul.navsub li a:visited { display: block; text-decoration: none; font-weight:bold; color:#fff; text-shadow:1px 1px 0 #000; padding:0 13px; font-size: 0.8em; }

ul.navsub li a:hover, ul.navsub li a:active { background-color: #86a900;

background-image: -ms-linear-gradient(top, #86a900, #9ec700);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86a900), to(#9ec700));

background-image: -webkit-linear-gradient(top, #86a900, #9ec700);

background-image: -o-linear-gradient(top, #86a900, #9ec700);

background-image: linear-gradient(top, #86a900, #9ec700);

background-image: -moz-linear-gradient(top, #86a900, #9ec700);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86a900', endColorstr='#9ec700'); color: #fff; }

ul.navsub .active { background-color: #86a900;

background-image: -ms-linear-gradient(top, #86a900, #9ec700);

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86a900), to(#9ec700));

background-image: -webkit-linear-gradient(top, #86a900, #9ec700);

background-image: -o-linear-gradient(top, #86a900, #9ec700);

background-image: linear-gradient(top, #86a900, #9ec700);

background-image: -moz-linear-gradient(top, #86a900, #9ec700);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86a900', endColorstr='#9ec700'); color: #fff; }

/* Banner */

.banner {

margin: -8px auto 0 auto;

}

/* Subbanner */

.subbanner {

margin: -8px auto 0 auto;

background: url(images/subbanner.jpg) left center no-repeat;

-webkit-background-size: 100% 100%;

-moz-background-size: 100% 100%;

background-size: 100% 100%;

height: 112px;

}

.subbanner h1 {

float: left;

color: #fff;

line-height: 1.1em;

margin: 18px 0 0 30px;

font-size: 3em;

}

.subbanner span {

float: left;

clear: left;

line-height: 15px;

margin: 16px 0 0 30px;

color: #dededf;

font-weight: normal;

font-size: 1.4em;

}

.subbanner span a {

color: #dededf;

}

.hook-affiliate-program .subbanner {

background: url(images/subbanner-affiliate.jpg) left center no-repeat; /* Overrides the default sub-banner on the affiiate-program.php page */

-webkit-background-size: 100% 100%;

-moz-background-size: 100% 100%;

background-size: 100% 100%;

}

لینک به ارسال

بهتره مثال رو در جایی آنلاین قرار دهید

تا دوستان اگر امکانش بود راهنمایی داشته باشند

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...