saeeddeeas

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

11 پست در این موضوع قرار دارد

سلام ئوستان

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


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

به اشتراک گذاری این پست


لینک به پست

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

دوستان خواهشا کمک کنید

به اشتراک گذاری این پست


لینک به پست

اگر کدها را کامل بذارید ، راحت تر میشه کمک کرد

به اشتراک گذاری این پست


لینک به پست

کدوم کدهارو بزارم

اچ تی ام الش که اون قسمت توابع php وردپرس هستند

به اشتراک گذاری این پست


لینک به پست

اگه نمونه انلاينش هست بزاري بهتره ......!‌

به اشتراک گذاری این پست


لینک به پست

کدها را اجرا کنید ، سورس صفحه که شامل html و css هست اینجا بذارید.

به اشتراک گذاری این پست


لینک به پست

کدهای هدر و قسمتی از 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%;

}

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری