رفتن به مطلب

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


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

سلام بر همه

دوستان میخوام این منو رو 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;

}

لینک به ارسال

<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 سیو بکن .

لینک به ارسال

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

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

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

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

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

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

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

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

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