Публикации
Мужчина
Цитата
3)
найдите код
</head> <body>над ним напишите следующий код
<script type="text/javascript">
$(document).ready(function(){
var $menu = $("#menuheader");
$(window).scroll(function(){
if ( $(this).scrollTop() > 400 && $menu.hasClass("defaultm") ){
$menu.fadeOut('fast',function(){
$(this).removeClass("defaultm")
.addClass("fixed transbg")
.fadeIn('fast');
});
} else if($(this).scrollTop() <= 400 && $menu.hasClass("fixed")) {
$menu.fadeOut('fast',function(){
$(this).removeClass("fixed transbg")
.addClass("defaultm")
.fadeIn('fast');
});
}
});//scroll
$menu.hover(
function(){
if( $(this).hasClass('fixed') ){
$(this).removeClass('transbg');
}
},
function(){
if( $(this).hasClass('fixed') ){
$(this).addClass('transbg');
}
});//hover
});//jQuery
</script>
потом найдите этот код
<!-- Шапка сайта-Конец -->
<!-- Panel-Site -->
<div id="panelsite">
<div class="leftcol"></div>
<div class="centercol">
<div class="menuheader">
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
замените на этот
<!-- Шапка сайта-Конец -->
<!-- Panel-Site -->
<div id="panelsite" >
<div class="leftcol"></div>
<div class="centercol">
<div id="menuheader" class="menuheader defaultm">
<ul>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
потом откройте main3.css
там в самом низу вставьте новый код
.defaultm {
width:920px;
}
.fixed {
position:fixed;
top:-5px; left:0;
width:100%;
padding:10px 0;
-moz-box-shadow: 5px 5px 20px #333;
-webkit-box-shadow: 5px 5px 20px #333;
box-shadow: 5px 5px 20px #333;
}
.transbg {
background-color: rgba(60, 130, 190, 0.7)!important;
}
потом в этом же файле найдите строчку (примерно строка 140-160)
#panelsite div.centercol .menuheader, #footer div.centercol .menufooter { width:960px; height:24px; overflow:hidden; margin:15px 0 0 0;}
и замените на эту#panelsite div.centercol .menuheader, #footer div.centercol .menufooter { /* width:960px; */ height:24px; overflow:hidden; padding: 15px 0 10px 0; text-align: center;}
потом под строчкой (примерно строка 150-170)
#panelsite div.centercol .menuheader ul li , #footer div.centercol .menufooter ul li{ float:left; background:url(http://b21941.storeland.net/menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
вставьте новый код.#panelsite div.centercol .menuheader ul li { float:none; display: inline-block;}
PS: перед тем как делать эти изменения, обязательно сделайте бэкап. Мало-ли чего.
Отправлено
Отправлено
Отправлено
Отправлено
Отправлено
Отправлено
Отправлено
