Jump to content

CSS Меню


Recommended Posts

n00bsteam

Вот ещё бы мануальчик, как из обычного HTML шаблона сделать шаблон под вам шоп былобы замечательно, а то я сам пытался, и понял что все слишком сложно устроенно, без знания css пытаться что-то сделать нереально... :(

Я так понял, переделать будет не сложно, если знать как устроены боксы.

Link to post
Share on other sites
  • Replies 90
  • Created
  • Last Reply

Top Posters In This Topic

  • support

    40

  • mamont

    9

  • Влад

    7

  • n00bsteam

    6

Top Posters In This Topic

Posted Images

support

Так есть мануальчик - http://vamshop.ru/manual/

14 и 15 разделы, там где расписаны какие метки можно использовать, для чего конкретные шаблоны.

Для начала, скопируй /templates/vamshop_table в /templates/moi-shablon

В Админке - Настройки - Основные - Шаблон выбирай moi-shablon

Всё, ты сделал твой шаблон.

Теперь твоя основная задача просто нарисовать html код свой и расставить метки.

Основной шаблон /templates/moi-shablon/index.html, этот шаблон задаёт общий вид магазина, вот рисуй любой html-код, любые картинки и просто расставляй метки.

Какие метки использовать, какие метки что выводят, какие шаблоны за что отвечают, всё это я ведь описал в мануале.

Единственный вариант, просто садиться и по чуть-чуть пробовать делать, конечно, очень сложно разбираться в новых скриптах, но поверь, шаблоны сделаны довольно неплохо в VaM Shop и гибко, когда я разбирался, основные принципе были понятны довольно быстро.

Вобщем, как говорят, желание и труд - всё перетрут.

Если будут какие-то конкретные вопросы, спрашивай.

Link to post
Share on other sites
support

Проверь, установены ли права доступа 777 например на папку /includes/fonts и на файлы внутри этой папки.

Link to post
Share on other sites
  • 4 months later...

Как сделать из CSS Меню горизонтальное мею а не вертикальное? :)

Link to post
Share on other sites

Точно не скажу, но нужно смотреть в css стилях категорий первого уровня, т.е. сделать float:left категоирях первого уровня или как-то так.

Но на 99% будут проблемы с позиционированием выпадающих списков.

Вобщем, сделать можно, но наверняка нужно править css сильно, может легче будет написать новый css.

Например можно посмотреть примеры таких меню на cssplay.co.uk

Link to post
Share on other sites
  • 6 months later...
Boris Kramarenko

Возникла проблема при установке модуля. При замене на новый categories.php, менб не отображатемся, точнее категории.. просто пустое место. в чем проблема может быть? Версия магазина предыдущая

Link to post
Share on other sites

Может CSS стили не добавили?!

Попробуйте ещё раз установить в-ручную, читая readme.

Link to post
Share on other sites

Нормально работает.

Вот через Админку - Модули - Установка модулей установил, работает.

post-1-1304838291,7868_thumb.png

Link to post
Share on other sites

да я вот тоже когдато установил через админку, потом чет потер и теперь немогу удалить модуль потомучто пишет что не может найти что то там в каком то файле =)

Link to post
Share on other sites

Установи руками его, читая readme.txt файл из архива с модулем.

Link to post
Share on other sites

Странно, там всего лишь нужно boxes.php поправить, там в index.html метку вставить.

С модулем нормально всё.

Link to post
Share on other sites

Странно, там всего лишь нужно boxes.php поправить, там в index.html метку вставить.

С модулем нормально всё.

Ну в редми ненаписано ничего про boxes.php может в этом проблема ?

Link to post
Share on other sites

Пардон, это я ошибся.

Действительно, там ещё проще, просто файлы заменить, да css добавить.

Link to post
Share on other sites

подскажите как удалить модуль а то мне всевремя пишет разные строчки типо этой

Не могу найти :

<!-- Begin css-menu - installed by Установка модулей //-->

<div id="categoriesBoxMenu1">

<!-- End css-menu - installed by Установка модулей //-->

в файле: .../www/templates/vamshop/boxes/box_categories.html

<findreplace> #1

хотя я сам ручками добавил эту надпись и всеравно так пишет

Link to post
Share on other sites

Если этого недобавлять в stylesheet.css то все вроде работает... только подсветки категории нет.

Добавьте вниз:

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv li {

display: none;

}

.suckerdiv ul{

margin: 0;

padding: 0;

list-style-type: none;

width: 165px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

font-family: arial;

font-size: 11px;

}

.suckerdiv ul li{

position: relative;

background-color: #eee;

}

/*1st level sub menu style */

.suckerdiv ul li ul{

left: 164px; /* Parent menu width - 1*/

position: absolute;

width: 165px; /*sub menu width*/

top: 0;

display: none;

}

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul{

left: 164px; /* Parent menu width - 1*/

}

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li a{

left: 164px; /* Parent menu width - 1*/

background-color: #ddd;

}

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul li a{

background-color: #bbb;

}

/*All subsequent sub menu levels offset */

.suckerdiv ul li ul li ul li ul li a{

background-color: #aaa;

}

/* menu links style */

.suckerdiv ul li a{

display: block;

color: black;

text-decoration: none;

background-color: #eee;

padding: 1px 5px;

border: 1px solid #ccc;

border-bottom: 0;

line-height: 2em;

}

.suckerdiv ul li a:visited{

color: black;

}

.suckerdiv ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

.suckerdiv ul li ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

.suckerdiv ul li ul li ul li a:hover{

background-color: yellow;

color: black;

text-decoration: none;

}

/* The main categories with sub-categories */

.suckerdiv .subfolderstyle{

background: url(img/arrow_right.gif) no-repeat center right;

}

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul .subfolderstyle {

background-color: #ddd;

}

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul li ul .subfolderstyle {

background-color: #bbb;

}

/* This one colors the sub-folder with other sub-folders */

.suckerdiv ul li ul li ul li ul .subfolderstyle {

background-color: #aaa;

}

/* Holly Hack for IE \*/

* html .suckerdiv ul li { float: left; height: 1%; }

* html .suckerdiv ul li a { height: 1%; }

/* End */

Link to post
Share on other sites

Удалите руками, т.е. смотрите в readme.txt файле как модуль ставится и сделайте наоборот.

Я вот вчера пробовал, нормально меню работает.

Link to post
Share on other sites

В магазине по умолнчаию 2 шаблона - vamshop и vamshop_table, поэтому меню делается для двух стандартных шаблонов.

Link to post
Share on other sites
  • 1 month later...

Возникал проблема после редактирования файла инсталл при загрузке модуля пишет вот что:

Не могу открыть XML в: css-menu/install.xml

css-menu.zip havn't contained well formed XML-file: install.xml

Не могу открыть XML в: css-menu/install.xml

css-menu.zip havn't contained well formed XML-file: install.xml

Хотя в правильности файла уверен и сохранял архив в zip, как и написано. В чём может быть проблема?Спасибо.

Link to post
Share on other sites

×
×
  • Create New...