Dr.Nemo (29 Март 2013 - 10:06) писал:
1. Такая задача, нужно панель блоков (он состоит из 5, см. картинку) разместить над часами работы.
Encl
С уважением
Панель администратора, "Сайт"->"
Редактор тем".
В файле "main.csstemplate".
Добавить код:
.menuheader {width: 100%;height: 24px;overflow: hidden;margin: 7px 0 0 0;padding-top: 10px;background: url(http://design.malyshland.ru/panel-bgx.png) repeat-x;}
.menuheader ul li { float:left; margin:0 10px 0 0px; padding-left:10px; }
.menuheader ul li.main { background:none; }
.menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color: -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#00BFFF; color:#FFF;; text-decoration:none; padding:5px 32px; display:block; }
.menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#00BFFF; color:#FFF; }
.menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
Панель администратора, "Сайт"->"
Редактор тем".
В файле "HTML".
После кода:
<div id="backtop">
<div id="container">
<!-- Шапка сайта -->
<div id="header">
Добавить код с меню:
<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>
Теперь нужно удалить меню снизу.
Вот такой код у меню:
<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>
Прикрепленные изображения