[BotZack]

Увидел пост как хотят сделать панель навигации как у меня, решил поделится )))



В headinclude подключаем jQuery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
  jQuery(".eti_slider_panel").hide();
  //toggle the componenet with class msg_body
  jQuery(".eti_slider_panel_buton_sag").click(function()
  {
    jQuery(this).next(".eti_slider_panel").slideToggle(1000);
  });
});
</script>

В navbar после <!-- closing div for above_body --> вставляем

<div class="eti_slider_panel_buton_sag">
        <div class="eti_slider_botun_sol">
            <div class="eti_slider_botun_merkez">Быстрый поиск</div>
        </div>
    </div>

<div class="eti_slider_panel" style="display: block;">
        <div id="eti_slider_menu">
            <div class="eti_slider_menu_pad">
                <ul>

  <li><a href="search.php?do=finduser&amp;userid=1229&amp;contenttype=vBForum_thread" rel="nofollow">Tüm konularım</a></li>
                    <li><a href="search.php?do=finduser&amp;userid=1229&amp;contenttype=vBForum_Post&amp;showposts=1" rel="nofollow">Tüm mesajlarım</a></li>
                    <li><a href="search.php?do=getdaily&amp;contenttype=vBForum_Post">Today's Posts</a></li> 
                    <li><a href="search.php?do=process&amp;contenttype=vBForum_Post&amp;replyless=1&amp;replylimit=0" rel="nofollow">Cevaplanmamış mesajlarım</a></li>
                  
                </ul>
            </div>
        </div>
    </div>

В additional.css вставляем

.eti_slider_panel_buton_sag {
background: transparent url(/images/search_button_01.png) no-repeat top left;
display: inline-block;
margin-left: 20px;
cursor: pointer;
}
.eti_slider_botun_sol {
background: transparent url(/images/search_button_03.png) no-repeat top right;
display: inline-block;
}

.eti_slider_botun_merkez {
display: inline-block;
height: 16px;
background-color: #495667;
margin: 0 20px;
font-style: italic;
color: #FFFFFF;
}
.eti_slider_menu_pad {
padding: 5px;
}
#eti_slider_menu {
background: none repeat scroll 0 0 #405161;
clear: both;
margin: 0 10px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#eti_slider_menu li {
display: inline-block;
text-align: center;
width: 24.3%;
}
#eti_slider_menu a {
color: #FFFFFF;
}

Картики Скачать images.rar (1.6 Кб)
Кидаем в папку images