Меню — Картинка Вместо Текста "Корзина"
#1
Отправлено 21 Октябрь 2012 - 12:51
1. Подскажите, пожалуйста, можно ли в самом меню вместо слова "корзина" поставить значок корзины (png)?
2. Второе: в меню правый угол никак не хочет отображаться как скругленный (я так понимаю что дело в nav_bg)
#2
Отправлено 22 Октябрь 2012 - 12:50
<table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table>
для изменения пункта "Корзина" - заменим код на
<table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{%IF menu.header.links.NAME=Корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table>
т.е по сути мы используем условие отображения надписи
{%IF menu.header.links.NAME=Корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}
Если условие с текстом "Корзина" то отображаем изображение, в противном случае выводим текст по умолчанию.
2) Пожалуйста, приведите пример на вашем сайте. Не совсем понимаю о каком "угол" идет речь.
#3
Отправлено 22 Октябрь 2012 - 16:12
Vaccina (22 Октябрь 2012 - 12:50) писал:
<table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table>
для изменения пункта "Корзина" - заменим код на
<table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{%IF menu.header.links.NAME=Корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table>
т.е по сути мы используем условие отображения надписи
{%IF menu.header.links.NAME=Корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}
Если условие с текстом "Корзина" то отображаем изображение, в противном случае выводим текст по умолчанию.
2) Пожалуйста, приведите пример на вашем сайте. Не совсем понимаю о каком "угол" идет речь.
Не помогло почему-то. Корзина в меню так текстом и выводится, а не картинкой.
По поводу угла. Скидываю фрагмент принскрина (под красным кругом - угол, который не скругляется)
#4
Отправлено 23 Октябрь 2012 - 14:03
#mainNav { background: url("/web/upload/assets/images/119/118119/nav_bg.png") no-repeat scroll 0 0 transparent; bottom: 0; height: 65px; left: 5px; position: absolute; }
и замените его на
#mainNav { background: url("/web/upload/assets/images/119/118119/nav_bg.png") no-repeat scroll 0 0 transparent; border-radius: 6px 6px 0 0; bottom: 0; height: 65px; left: 5px; position: absolute; }
В вашем случае условие будет
{%IF menu.header.links.NAME=корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}
так как у вас слово "корзина" с маленькой буквы.
#5
Отправлено 25 Октябрь 2012 - 10:49
Vaccina (23 Октябрь 2012 - 14:03) писал:
#mainNav { background: url("/web/upload/assets/images/119/118119/nav_bg.png") no-repeat scroll 0 0 transparent; bottom: 0; height: 65px; left: 5px; position: absolute; }
и замените его на
#mainNav { background: url("/web/upload/assets/images/119/118119/nav_bg.png") no-repeat scroll 0 0 transparent; border-radius: 6px 6px 0 0; bottom: 0; height: 65px; left: 5px; position: absolute; }
В вашем случае условие будет
{%IF menu.header.links.NAME=корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}
так как у вас слово "корзина" с маленькой буквы.
#6
Отправлено 25 Октябрь 2012 - 13:47
#7
Отправлено 25 Октябрь 2012 - 15:53
Vaccina (25 Октябрь 2012 - 13:47) писал:
<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{%IF menu.header.links.NAME=корзина%}<img src="cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>
#8
Отправлено 25 Октябрь 2012 - 16:58
пример
{%IF menu.header.links.NAME=корзина%}<img src="{ASSETS_IMAGES_PATH}cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}
#9
Отправлено 25 Октябрь 2012 - 17:17
Koderhan (25 Октябрь 2012 - 16:58) писал:
пример
{%IF menu.header.links.NAME=корзина%}<img src="{ASSETS_IMAGES_PATH}cart.png" alt="" />{%ELSE%}{menu.header.links.NAME}{%ENDIF%}
Отлично! Спасибо, я совсем забыла что пути к изображениям у меня через переменную пишутся
#11
Отправлено 18 Март 2013 - 10:26
AS1987 (18 Март 2013 - 10:05) писал:
найдите код в шаблоне HTML:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>и замените на:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>Укажите при этом нужный пункт меню
Также в стили добавьте следующее:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}и загрузите изображение в раздел сайт-редактор тем-файлы
#12
Отправлено 18 Март 2013 - 10:44
miyako (18 Март 2013 - 10:26) писал:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>и замените на:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>Укажите при этом нужный пункт меню
Также в стили добавьте следующее:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}и загрузите изображение в раздел сайт-редактор тем-файлы
а как указать нужный пункт меню?
а также,как выполнить данное
что за стили?
Также в стили добавьте следующее:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}
#13
Отправлено 18 Март 2013 - 11:06
AS1987 (18 Март 2013 - 10:44) писал:
а также,как выполнить данное
что за стили?
Также в стили добавьте следующее:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}
в стили - имелось ввиду в самый конец файла main.css
Ну например вы хотите повесить изображение на страницу "каталог", тогда укажите в условии кода приведенного выше вместо:
{% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>так:
{% IF menu.header.links.NAME = Каталог %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
#14
Отправлено 18 Март 2013 - 11:19
я имел ввиду
1) найдите код в шаблоне HTML:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
и замените на:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
Укажите при этом нужный пункт меню
что за пункт меню?
2)
Также в стили добавьте следующее:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}
не вижу связи со вторым вашим сообщением((
в стили - имелось ввиду в самый конец файла main.css
Ну например вы хотите повесить изображение на страницу "каталог", тогда укажите в условии кода приведенного выше вместо:
{% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
так:
{% IF menu.header.links.NAME = Каталог %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
после чего ставить эти данные? т.к. пробовал их искать в main.css и ничего не нашел
#15
Отправлено 18 Март 2013 - 12:06
AS1987 (18 Март 2013 - 11:19) писал:
я имел ввиду
1) найдите код в шаблоне HTML:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
и замените на:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
Укажите при этом нужный пункт меню
что за пункт меню?
Также в стили добавьте следующее:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}
не вижу связи со вторым вашим сообщением((
в стили - имелось ввиду в самый конец файла main.css
Ну например вы хотите повесить изображение на страницу "каталог", тогда укажите в условии кода приведенного выше вместо:
{% IF menu.header.links.NAME = название пункта меню %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
так:
{% IF menu.header.links.NAME = Каталог %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
после чего ставить эти данные? т.к. пробовал их искать в main.css и ничего не нашел
Если судить по присланному вами скриншоту, то вы хотели изменить пункт меню "Apple" на изображение. Тогда код у вас будет выглядеть так:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = Apple %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>Прочитайте какой код заменить в сообщении - http://forum.storela...ина/#entry52643
И в файл main.css добавить:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}
#16
Отправлено 18 Март 2013 - 12:15
miyako (18 Март 2013 - 12:06) писал:
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = Apple %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>Прочитайте какой код заменить в сообщении - http://forum.storela...ина/#entry52643
И в файл main.css добавить:
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}
Сделал,как вы сказали, итог посмотрите пожалуйста http://mobilesar.ru/
что тут делать дальше?
#17
Отправлено 18 Март 2013 - 12:41
AS1987 (18 Март 2013 - 12:15) писал:
<h2 id="title">Ваш слоган здесь</h2> <div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> <!-- Поиск -->
#18
Отправлено 18 Март 2013 - 12:43
miyako (18 Март 2013 - 12:41) писал:
<h2 id="title">Ваш слоган здесь</h2> <div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> <!-- Поиск -->
<h2 id="title"></h2>
<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = Apple %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>
<!-- Поиск -->
#19
Отправлено 18 Март 2013 - 13:34
AS1987 (18 Март 2013 - 12:43) писал:
<div id="mainNav">
<table>
<tr>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
<div>
<<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = Apple %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a>
</div>
</td>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</tr>
</table>
</div>
<!-- Поиск -->
<h2 id="title"></h2> <div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = Apple %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> <!-- Поиск -->
Также вы некорректно прописали путь в стилях в коде
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}Пришлите пожалуйста как у вас выглядит строка в файле main.css
#20
Отправлено 18 Март 2013 - 13:36
miyako (18 Март 2013 - 13:34) писал:
<h2 id="title"></h2> <div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {% IF menu.header.links.NAME = Apple %} id="ikon_menu" {% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div> <!-- Поиск -->
Также вы некорректно прописали путь в стилях в коде
#ikon_menu {background: url("{ASSETS_IMAGES_PATH}название изображения") ;}Пришлите пожалуйста как у вас выглядит строка в файле main.css
все стало ровно, но слова не поменялись на картинку.
подскажите дальше указания.
что делать?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных