Изменить Меню Категорий
#1
Отправлено 25 Июль 2016 - 11:15
Нужно картинки категорий, увеличить в 2,5 раза, что бы штук 10 категорий вмещалось в строку, сделать центрирование. Название категории поместить под картинку. Прилагаю фото, как должно получиться
#2
Отправлено 25 Июль 2016 - 14:24
rtnsl (25 Июль 2016 - 11:15) писал:
Нужно картинки категорий, увеличить в 2,5 раза, что бы штук 10 категорий вмещалось в строку, сделать центрирование. Название категории поместить под картинку. Прилагаю фото, как должно получиться
{%IF catalog_full.NAME = Вставки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat1_1.jpg" /> {%ELSEIF catalog_full.NAME = Шары %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat2_1.jpg" /> {%ELSEIF catalog_full.NAME = Декор %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat3_1.jpg" /> {%ELSEIF catalog_full.NAME = Заглушки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat4_1.jpg" /> {%ELSEIF catalog_full.NAME = Орнамент %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat5_1.jpg" /> {%ELSEIF catalog_full.NAME = Корзинки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat6_1.jpg" /> {%ELSEIF catalog_full.NAME = Листья %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat7_1.jpg" /> {%ELSEIF catalog_full.NAME = Цветы, накладки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat8_1.jpg" /> {%ELSEIF catalog_full.NAME = Патина %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/WSPatina.jpg" /> {%ELSEIF catalog_full.NAME = Пики, навершия %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat9_1.jpg" /> {%ELSEIF catalog_full.NAME = Подпятники %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat12_1.jpg" /> {%ELSEIF catalog_full.NAME = Столбы, балясины %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat11_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы замятые %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat10_1.jpg" /> {%ELSEIF catalog_full.NAME = Скидки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-sale.jpg" /> {%ELSEIF catalog_full.NAME = Распродажа %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/Lovimoment.jpg" /> {%ELSEIF catalog_full.NAME = Расходники %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/Rashodniki.jpg" /> {%ELSEIF catalog_full.NAME = Квадрат замятый %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat14_1.jpg" /> {%ELSEIF catalog_full.NAME = Лоза фактурная %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat15_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы витые %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat16_1.jpg" /> {%ELSEIF catalog_full.NAME = Хомутная полоса %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat17_1.jpg" /> {%ELSEIF catalog_full.NAME = Перила, полосы %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat13_1.jpg" /> {%ENDIF%}
и замените его на
{%IF catalog_full.NAME = Вставки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat1_1.jpg" /> {%ELSEIF catalog_full.NAME = Шары %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat2_1.jpg" /> {%ELSEIF catalog_full.NAME = Декор %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat3_1.jpg" /> {%ELSEIF catalog_full.NAME = Заглушки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat4_1.jpg" /> {%ELSEIF catalog_full.NAME = Орнамент %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat5_1.jpg" /> {%ELSEIF catalog_full.NAME = Корзинки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat6_1.jpg" /> {%ELSEIF catalog_full.NAME = Листья %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat7_1.jpg" /> {%ELSEIF catalog_full.NAME = Цветы, накладки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat8_1.jpg" /> {%ELSEIF catalog_full.NAME = Патина %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/WSPatina.jpg" /> {%ELSEIF catalog_full.NAME = Пики, навершия %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat9_1.jpg" /> {%ELSEIF catalog_full.NAME = Подпятники %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat12_1.jpg" /> {%ELSEIF catalog_full.NAME = Столбы, балясины %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat11_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы замятые %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat10_1.jpg" /> {%ELSEIF catalog_full.NAME = Скидки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/icon-sale.jpg" /> {%ELSEIF catalog_full.NAME = Распродажа %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/Lovimoment.jpg" /> {%ELSEIF catalog_full.NAME = Расходники %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/Rashodniki.jpg" /> {%ELSEIF catalog_full.NAME = Квадрат замятый %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat14_1.jpg" /> {%ELSEIF catalog_full.NAME = Лоза фактурная %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat15_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы витые %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat16_1.jpg" /> {%ELSEIF catalog_full.NAME = Хомутная полоса %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat17_1.jpg" /> {%ELSEIF catalog_full.NAME = Перила, полосы %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat13_1.jpg" /> {%ENDIF%}затем в файле main.css найдите блок
.conta .nav li { height: 80px; width: 227px; }и замените его на
.conta .nav li { height: 122px; width: 103px; }
#3
Отправлено 26 Июль 2016 - 12:47
Stasya (25 Июль 2016 - 14:24) писал:
{%IF catalog_full.NAME = Вставки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat1_1.jpg" /> {%ELSEIF catalog_full.NAME = Шары %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat2_1.jpg" /> {%ELSEIF catalog_full.NAME = Декор %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat3_1.jpg" /> {%ELSEIF catalog_full.NAME = Заглушки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat4_1.jpg" /> {%ELSEIF catalog_full.NAME = Орнамент %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat5_1.jpg" /> {%ELSEIF catalog_full.NAME = Корзинки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat6_1.jpg" /> {%ELSEIF catalog_full.NAME = Листья %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat7_1.jpg" /> {%ELSEIF catalog_full.NAME = Цветы, накладки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat8_1.jpg" /> {%ELSEIF catalog_full.NAME = Патина %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/WSPatina.jpg" /> {%ELSEIF catalog_full.NAME = Пики, навершия %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat9_1.jpg" /> {%ELSEIF catalog_full.NAME = Подпятники %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat12_1.jpg" /> {%ELSEIF catalog_full.NAME = Столбы, балясины %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat11_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы замятые %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat10_1.jpg" /> {%ELSEIF catalog_full.NAME = Скидки %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/icon-sale.jpg" /> {%ELSEIF catalog_full.NAME = Распродажа %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/Lovimoment.jpg" /> {%ELSEIF catalog_full.NAME = Расходники %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/Rashodniki.jpg" /> {%ELSEIF catalog_full.NAME = Квадрат замятый %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat14_1.jpg" /> {%ELSEIF catalog_full.NAME = Лоза фактурная %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat15_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы витые %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat16_1.jpg" /> {%ELSEIF catalog_full.NAME = Хомутная полоса %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat17_1.jpg" /> {%ELSEIF catalog_full.NAME = Перила, полосы %} <img align="middle" width="45px" src="http://mirkovki.storeland.net/kat13_1.jpg" /> {%ENDIF%}
и замените его на
{%IF catalog_full.NAME = Вставки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat1_1.jpg" /> {%ELSEIF catalog_full.NAME = Шары %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat2_1.jpg" /> {%ELSEIF catalog_full.NAME = Декор %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat3_1.jpg" /> {%ELSEIF catalog_full.NAME = Заглушки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat4_1.jpg" /> {%ELSEIF catalog_full.NAME = Орнамент %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat5_1.jpg" /> {%ELSEIF catalog_full.NAME = Корзинки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat6_1.jpg" /> {%ELSEIF catalog_full.NAME = Листья %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat7_1.jpg" /> {%ELSEIF catalog_full.NAME = Цветы, накладки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat8_1.jpg" /> {%ELSEIF catalog_full.NAME = Патина %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/WSPatina.jpg" /> {%ELSEIF catalog_full.NAME = Пики, навершия %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat9_1.jpg" /> {%ELSEIF catalog_full.NAME = Подпятники %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat12_1.jpg" /> {%ELSEIF catalog_full.NAME = Столбы, балясины %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat11_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы замятые %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat10_1.jpg" /> {%ELSEIF catalog_full.NAME = Скидки %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/icon-sale.jpg" /> {%ELSEIF catalog_full.NAME = Распродажа %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/Lovimoment.jpg" /> {%ELSEIF catalog_full.NAME = Расходники %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/Rashodniki.jpg" /> {%ELSEIF catalog_full.NAME = Квадрат замятый %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat14_1.jpg" /> {%ELSEIF catalog_full.NAME = Лоза фактурная %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat15_1.jpg" /> {%ELSEIF catalog_full.NAME = Трубы витые %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat16_1.jpg" /> {%ELSEIF catalog_full.NAME = Хомутная полоса %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat17_1.jpg" /> {%ELSEIF catalog_full.NAME = Перила, полосы %} <img align="middle" width="90px" src="http://mirkovki.storeland.net/kat13_1.jpg" /> {%ENDIF%}затем в файле main.css найдите блок
.conta .nav li { height: 80px; width: 227px; }и замените его на
.conta .nav li { height: 122px; width: 103px; }
#4
Отправлено 27 Июль 2016 - 05:47
.nav li a img { vertical-align: middle; }
замените на:
.nav li a img { display: block; margin: 0 auto; }
далее найдите:
.nav > li > a { display: block; top: -1px; }
замените на:
.nav > li > a { display: block; top: -1px; text-align: center; }
#5
Отправлено 16 Август 2016 - 12:18
Vaccina (27 Июль 2016 - 05:47) писал:
.nav li a img { vertical-align: middle; }
замените на:
.nav li a img { display: block; margin: 0 auto; }
далее найдите:
.nav > li > a { display: block; top: -1px; }
замените на:
.nav > li > a { display: block; top: -1px; text-align: center; }
#6
Отправлено 16 Август 2016 - 12:28
#7
Отправлено 16 Август 2016 - 13:09
rtnsl (16 Август 2016 - 12:28) писал:
.conta .nav li { height: 122px; width: 103px; }и замените на
.conta .nav li { height: 142px; width: 103px; }
#8
Отправлено 17 Август 2016 - 12:09
Danil (16 Август 2016 - 13:09) писал:
.conta .nav li { height: 122px; width: 103px; }и замените на
.conta .nav li { height: 142px; width: 103px; }
#9
Отправлено 18 Август 2016 - 05:08
.nav > li { float: none; }
замените на:
.nav > li { float: left; text-align: center; margin: 0 5px; }
далее найдите:
.nav > li > a { display: inline; line-height: 45px; top: -1px; }
замените на:
.nav > li > a { display: block; top: -1px; padding: 0; }
#10
Отправлено 23 Август 2016 - 10:22
Vaccina (18 Август 2016 - 05:08) писал:
.nav > li { float: none; }
замените на:
.nav > li { float: left; text-align: center; margin: 0 5px; }
далее найдите:
.nav > li > a { display: inline; line-height: 45px; top: -1px; }
замените на:
.nav > li > a { display: block; top: -1px; padding: 0; }
#11
Отправлено 23 Август 2016 - 10:33
rtnsl (23 Август 2016 - 10:22) писал:
Попробуйте следующий вариант:
в style.css найдите код
.nav > li { float: left; }и замените на
.nav > li { display: inline-block; vertical-align: top; }
#12
Отправлено 24 Август 2016 - 10:03
Danil (23 Август 2016 - 10:33) писал:
Попробуйте следующий вариант:
в style.css найдите код
.nav > li { float: left; }и замените на
.nav > li { display: inline-block; vertical-align: top; }
#13
Отправлено 24 Август 2016 - 10:33
rtnsl (24 Август 2016 - 10:03) писал:
В style.css найдите код
.nav li.hover {display: block !important;z-index:100;}и замените на
.nav li.hover {z-index:100;}так же найдите
.nav > li { float: left; }и замените на
.nav > li { display: inline-block; vertical-align: top; }
#14
Отправлено 06 Сентябрь 2016 - 09:25
Danil (24 Август 2016 - 10:33) писал:
В style.css найдите код
.nav li.hover {display: block !important;z-index:100;}и замените на
.nav li.hover {z-index:100;}так же найдите
.nav > li { float: left; }и замените на
.nav > li { display: inline-block; vertical-align: top; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных