прошу помощи :) Навигация

firebird · 6 фев 2013

Привет всем.Незнаю в эту тему или не в эту писать,но я уже запутался в своем вопросе,поэтому прошу помощи.Значит проблема такая.Вот на картинке вы видите какие у меня файлы в папке сайта

значит мне так не нравиться (некрасиво и не удобно),если я файл "mitsubishi.php"(это подпункт навигации) закину в новую созданную папку "views"(просмотры),то у меня возникает проблема с навигацией,точнее с ссылками на нее.

вот навигация на главной (index.php)

вот подпункт mitsubishi (mitsubishi.php)

В файле "index.php" (домашняя стр или главная),я сделал include на файл с навигацией,вот как это выглядит :

Код (Text):

<?php include ("includes/main/navi.php"); ?>

и соответственно сделал include на навигацию в файле views/mitsubishi.php

Код (Text):

<?php include ("../includes/main/navi.php"); ?>

так вот,если навести курсором на главную со страницы Mitsubishi,то выводиться вот такая ссылка,неправельная,так как в папке "views" index файла у меня нет.На картинке все показано.

Вообщем вопрос в том,как можно сделать навигацию,точнее она у меня есть,а вот как правельно подключить ее ко всем страницам сайта.Потому что я хочу все статьи скажем положить в папку "views".А если все файлы будут рядом с index.php,то по мне это не красиво,не разложенно по полкам вообщем.Но зато тогда навигация работает и ссылки на все отображают правельно.Так же в навигации существуют картинки при наведении на нее,а это опять же пути...к картинкам,и если у меня файл mitsubishi в папке views,то они не отображаються.

Может можно как то подругому подключить все это дело?Хочеться услышать советов,вы то люди опытные в этом деле.
Да,кстате,если что,вот код навигации :

Код (Text):

<div id="menubar">

<ul id="sdt_menu" class="sdt_menu">

<li>

<a href="index.php">

<img src="images/navigation/2.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Главная</span>

<span class="sdt_descr">Интересные факты</span>

</span>

</a>

</li>

<li>

<a href="#">

<img src="images/navigation/1.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Авто</span>

<span class="sdt_descr">спортивные авто</span>

</span>

</a>

<div class="sdt_box">

<a href="mitsubishi.php">Mitsubishi</a>

<a href="nissan.php">Nissan</a>

<a href="#">Toyota</a>

<a href="#">Honda</a>

<a href="#">Subaru</a>

<a href="#">Mazda</a>

</div>

</li>

<li>

<a href="views/articles.php">

<img src="images/navigation/3.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Статьи</span>

<span class="sdt_descr">эксклюзив</span>

</span>

</a>

</li>

<li>

<a href="views/gallery.php">

<img src="images/navigation/4.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Галерея</span>

<span class="sdt_descr">лучшие снимки</span>

</span>

</a>

</li>

<li>

<a href="#">

<img src="images/navigation/5.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Обзоры</span>

<span class="sdt_descr">профессиональные обзоры</span>

</span>

</a>

</li>

<li>

<a href="#">

<img src="images/navigation/6.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Форум</span>

<span class="sdt_descr">присоединяйся</span>

</span>

</a>

<div class="sdt_box">

<a href="#">Веб сайт для предложений о работе</a>

<a href="#">Корзина с покупками</a>

<a href="#">Интерактивные карты</a>

</div>

</li>

<li>

<a href="#">

<img src="images/navigation/2.jpg" alt=""/>

<span class="sdt_active"></span>

<span class="sdt_wrap">

<span class="sdt_link">Контакты</span>

<span class="sdt_descr">связаться с нами</span>

</span>

</a>

</li>

</ul>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

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

<script type="text/javascript">

$(function() {

/**

* Для каждого элемента меню при получении события mouseenter

* мы увеличиваем изображение и выводим оба элемента span sdt_active и

* sdt_wrap. Если элемент имеет подменю (sdt_box),

* то его надо плавно выдвинуть - если элемент является последним в меню,

* то выдвижение происходит влево, в другом случае - вправо.

*/

$('#sdt_menu > li').bind('mouseenter',function(){

var $elem = $(this);

$elem.find('img')

.stop(true)

.animate({

'width':'140px',

'height':'140px',

'left':'0px'

},400,'easeOutBack')

.andSelf()

.find('.sdt_wrap')

.stop(true)

.animate({'top':'140px'},500,'easeOutBack')

.andSelf()

.find('.sdt_active')

.stop(true)

.animate({'height':'190px'},300,function(){

var $sub_menu = $elem.find('.sdt_box');

if($sub_menu.length){

var left = '190px';

if($elem.parent().children().length == $elem.index()+1)

left = '-190px';

$sub_menu.show().animate({'left':left},200);

}

});

}).bind('mouseleave',function(){

var $elem = $(this);

var $sub_menu = $elem.find('.sdt_box');

if($sub_menu.length)

$sub_menu.hide().css('left','0px');

$elem.find('.sdt_active')

.stop(true)

.animate({'height':'0px'},300)

.andSelf().find('img')

.stop(true)

.animate({

'width':'0px',

'height':'0px',

'left':'85px'},400)

.andSelf()

.find('.sdt_wrap')

.stop(true)

.animate({'top':'25px'},500);

});

});

</script>

</div>