rwww

اینکلود کردن یک منو css در header

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

سلام بر همه

دوستان میخوام این منو رو http://linkkadeh.ir/...kadeh/menu.html تو هدر سایت اینکلود کنم و از همه روشها مثل:


<?php include (linkkadeh . '/menu.html'); ?>

تا دستی وارد کردن ولی مشکل اینجاست که css ها منو لود نمیشن! موندم مشکل از کجاست!!

این کدهای خود منو :

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

<link href="css/helper.css" media="screen" rel="stylesheet" type="text/css" />

<!-- Beginning of compulsory code below -->

<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />

<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />

<!--[if lte IE 7]>

<script type="text/javascript" src="js/jquery/jquery.js"></script>

<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>

<![endif]-->

<!-- / END -->

</head>

<body>

<!-- Beginning of compulsory code below -->

<ul id="nav" class="dropdown dropdown-horizontal">

<li class="first"><a href="./">صفحه اصلی</a></li>

<li class="dir">     قالب

<ul>

<li class="first"><a href="./">قالب شماره یک</a></li>

<li><a href="./">قالب شماره دو</a></li>

<li><a href="./" class="dir">قالب شماره سه</a>

<ul>

<li class="first"><a href="./">قالب شماره سه-یک</a></li>

<li><a href="./">قالب شماره سه-دو</a></li>

<li><a href="./">قالب شماره سه-سه</a></li>

<li><a href="./">قالب شماره سه-چهار</a></li>

<li class="last"><a href="./">قالب شماره سه-پنج</a></li>

</ul>

</li>

<li><a href="./">قالب شماره چهار</a></li>

<li><a href="./">قالب شماره پنج</a></li>

<li><a href="./">قالب شماره شش</a></li>

<li class="last"><a href="./">قالب شماره هفت</a></li>

</ul>

</li>

<li class="dir">     منو

<ul>

<li class="first"><a href="./">منوی شماره یک</a></li>

<li><a href="./">منوی شماره دو</a></li>

<li><a href="./">منوی شماره سه</a></li>

<li><a href="./">منوی شماره چهار</a></li>

<li class="last"><a href="./">منوی شماره پنج</a></li>

</ul>

</li>

<li class="dir">     آیکن

<ul>

<li class="first"><a href="./" class="dir">آیکن شماره یک</a>

<ul>

<li class="first"><a href="./">آیکن شماره یک-یک</a></li>

<li class="last"><a href="./">آیکن شماره یک-دو</a></li>

</ul>

</li>

<li><a href="./" class="dir">آیکن شماره دو</a>

<ul>

<li class="first"><a href="./">آیکن شماره دو-یک</a></li>

<li class="last"><a href="./">آیکن شماره دو-دو</a></li>

</ul>

</li>

<li><a href="./">آیکن شماره سه</a></li>

<li><a href="./">آیکن شماره چهار</a></li>

<li class="last"><a href="./">آیکن شماره پنج</a></li>

</ul>

</li>

<li><a href="./">طراحی</a></li>

<li><a href="./">گالری</a></li>

<li><a href="./">اسکریپت</a></li>

<li><a href="./" class="dir">آموزش</a>

<ul>

<li class="first"><a href="./">آموزش شماره یک</a></li>

<li><a href="./" class="dir">آموزش شماره دو</a>

<ul>

<li class="first"><a href="./">آموزش شماره دو-یک</a></li>

<li class="last"><a href="./">آموزش شماره دو-دو</a></li>

</ul>

</li>

<li class="last"><a href="./">آموزش شماره سه</a></li>

</ul>

</li>

<li class="dir last">

<form method="post" action="">

<label for="search">جستجو:</label>

<input type="text" id="search" class="text" value="جستجو" onfocus="if (this.value == 'جستجو') this.value = '';" onblur="if (this.value == '') this.value = 'جستجو';" maxlength="255" />

<input type="image" src="css/images/btn_search.png" class="button" />

</form>

<ul>

<li class="first"><a href="./">نتایج جستجوی یک</a></li>

<li><a href="./">نتایج جستجوی دو</a></li>

<li><a href="./">نتایج جستجوی سه</a></li>

<li><a href="./">نتایج جستجوی چهار</a></li>

<li class="last"><a href="./">نتایج جستجوی پنج</a></li>

</ul>

</li>

</ul>

<!-- / END -->

اینم یه قسمت از css منو :

@charset "UTF-8";

/**

* CSS Drop-Down Menu Theme

*

* @file default.css

* @name Vimeo

* @version beta

* @type transitional

* @browsers Windows: IE5+, Opera9+, Firefox1+

* Mac OS: Safari2+, Firefox2+

*

* @link http://www.templatedl.com/

*

*/

ul.dropdown {

background: transparent url(images/box1-bottom-left.png) 0 100% no-repeat;

font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;border:

}

ul.dropdown li {

padding: 5px 10px;

background-color: #6092c2;

color: #fff;

line-height: 22px;

white-space: nowrap;float:right;

}

ul.dropdown li.first {

background: transparent url(images/box1-bottom2.png) 100% 100% no-repeat;

}

ul.dropdown li.last {

padding-left: 25px;

background: transparent url(images/box1-bottom2.png) 0 100% no-repeat;

}

ul.dropdown li.hover,

ul.dropdown li:hover {

color: #b0d730;

}

ul.dropdown a:link,

ul.dropdown a:visited { color: #fff; text-decoration: none; }

ul.dropdown a:hover { color: #b0d730; }

ul.dropdown a:active { color: #0395cc; }

/* -- level mark -- */

ul.dropdown ul {

left: -90px;

width: 150px;

padding: 0 16px;

text-align: right;

background: url(images/box1-top.png) 50% 0 no-repeat;

}

ul.dropdown li.last ul {

left: auto;

right: 16px;

}

ul.dropdown ul li {

height: auto;

padding: 5px 15px;

line-height: 1.3em;

white-space: normal;

}

ul.dropdown ul li.first {

background: #6092c2;

}

ul.dropdown ul li.last {

padding-bottom: 10px;

background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;

}

ul.dropdown ul li.first ul {

top: 0;

left: -166px;

padding: 0 0 0 16px;

background-image: url(images/box1-outwards-top-right.png);

}

ul.dropdown ul li.first li.first {

background-image: none;

}

ul.dropdown ul li.last {

padding-right: 0;

}

ul.dropdown ul li.last ul {

left: 100%;

right: auto;

top: -16px;

}

/* -- level mark -- */

ul.dropdown ul ul {

top: -12px;

left: -100%;

padding: 16px 0 0;

background: transparent url(images/box1-top-left.png) 100% 0% no-repeat;

}

ul.dropdown ul ul li.first {

padding-top: 10px;

background: #6092c2 url(images/box1-top-right.png) 0 0 no-repeat;

}

/*-------------------------------------------------/

* @section Search Form

*/

ul.dropdown form * {

display: inline;

float: left;

}

ul.dropdown form label {

display: none;

}

ul.dropdown form input.text {

width: 143px;

height: 18px;

padding: 2px 25px 2px 12px;

border-width: 0;

text-align: right;

background: transparent url(images/bg_search-field.png) 0 0 no-repeat;

color: #969696;

font: normal 12px/15px Tahoma, Verdana, Arial, Helvetica, sans-serif;

vertical-align: middle;

}

ul.dropdown form input.text:focus {

outline: none;

}

ul.dropdown form input.button {

position: relative;

margin: 4px 0 0 -165px;

}

/*-------------------------------------------------/

* @section Support Class `dir`

*/

ul.dropdown *.dir {

padding-left: 20px;

background-image: url(images/nav-arrow-down.png);

background-position: 5% 50%;

background-repeat: no-repeat;bor der:1px solid red;

}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {

padding-left: 15px;

background-image: url(images/nav-arrow-left.png);

background-position: 5% 50%;

background-repeat: no-repeat;

}

0

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


لینک به پست

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

<link href="<?php bloginfo('template_url'); ?>/css/helper.css" media="screen" rel="stylesheet" type="text/css" />

<!-- Beginning of compulsory code below -->

<link href="<?php bloginfo('template_url'); ?>/css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />

<link href="<?php bloginfo('template_url'); ?>/css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />

<!--[if lte IE 7]>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery/jquery.js"></script>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery/jquery.dropdown.js"></script>

<![endif]-->

<!-- / END -->

</head>

<body>

<!-- Beginning of compulsory code below -->

<ul id="nav" class="dropdown dropdown-horizontal">

<li class="first"><a href="./">صفحه اصلی</a></li>

<li class="dir">     قالب

<ul>

<li class="first"><a href="./">قالب شماره یک</a></li>

<li><a href="./">قالب شماره دو</a></li>

<li><a href="./" class="dir">قالب شماره سه</a>

<ul>

<li class="first"><a href="./">قالب شماره سه-یک</a></li>

<li><a href="./">قالب شماره سه-دو</a></li>

<li><a href="./">قالب شماره سه-سه</a></li>

<li><a href="./">قالب شماره سه-چهار</a></li>

<li class="last"><a href="./">قالب شماره سه-پنج</a></li>

</ul>

</li>

<li><a href="./">قالب شماره چهار</a></li>

<li><a href="./">قالب شماره پنج</a></li>

<li><a href="./">قالب شماره شش</a></li>

<li class="last"><a href="./">قالب شماره هفت</a></li>

</ul>

</li>

<li class="dir">     منو

<ul>

<li class="first"><a href="./">منوی شماره یک</a></li>

<li><a href="./">منوی شماره دو</a></li>

<li><a href="./">منوی شماره سه</a></li>

<li><a href="./">منوی شماره چهار</a></li>

<li class="last"><a href="./">منوی شماره پنج</a></li>

</ul>

</li>

<li class="dir">     آیکن

<ul>

<li class="first"><a href="./" class="dir">آیکن شماره یک</a>

<ul>

<li class="first"><a href="./">آیکن شماره یک-یک</a></li>

<li class="last"><a href="./">آیکن شماره یک-دو</a></li>

</ul>

</li>

<li><a href="./" class="dir">آیکن شماره دو</a>

<ul>

<li class="first"><a href="./">آیکن شماره دو-یک</a></li>

<li class="last"><a href="./">آیکن شماره دو-دو</a></li>

</ul>

</li>

<li><a href="./">آیکن شماره سه</a></li>

<li><a href="./">آیکن شماره چهار</a></li>

<li class="last"><a href="./">آیکن شماره پنج</a></li>

</ul>

</li>

<li><a href="./">طراحی</a></li>

<li><a href="./">گالری</a></li>

<li><a href="./">اسکریپت</a></li>

<li><a href="./" class="dir">آموزش</a>

<ul>

<li class="first"><a href="./">آموزش شماره یک</a></li>

<li><a href="./" class="dir">آموزش شماره دو</a>

<ul>

<li class="first"><a href="./">آموزش شماره دو-یک</a></li>

<li class="last"><a href="./">آموزش شماره دو-دو</a></li>

</ul>

</li>

<li class="last"><a href="./">آموزش شماره سه</a></li>

</ul>

</li>

<li class="dir last">

<form method="post" action="">

<label for="search">جستجو:</label>

<input type="text" id="search" class="text" value="جستجو" onfocus="if (this.value == 'جستجو') this.value = '';" onblur="if (this.value == '') this.value = 'جستجو';" maxlength="255" />

<input type="image" src="css/images/btn_search.png" class="button" />

</form>

<ul>

<li class="first"><a href="./">نتایج جستجوی یک</a></li>

<li><a href="./">نتایج جستجوی دو</a></li>

<li><a href="./">نتایج جستجوی سه</a></li>

<li><a href="./">نتایج جستجوی چهار</a></li>

<li class="last"><a href="./">نتایج جستجوی پنج</a></li>

</ul>

</li>

</ul>

<!-- / END -->

دوست عزیز این دستورات رو جایگزین دستورات قبلی بکن و فایل منو رو با پسوند .php سیو بکن .

2

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


لینک به پست

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

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

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

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


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

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

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


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