Добавить Иконки На Сайт В Необычном Стиле
#1
Отправлено 05 Октябрь 2013 - 20:01
Это целое меню на самом деле, но я бы хотел реализовать именно такую идею для создания иконок социальных сетей.
Вот сайт где можно скачать это меню под номером 45, и такое же меню под номером 67
Вот мой сайт
Если это идея нереальна, то подскажите что нибудь подобное, пожалуйста)
Спасибо
#2
Отправлено 06 Октябрь 2013 - 17:55
#4
Отправлено 13 Февраль 2014 - 04:39
#7
Отправлено 14 Февраль 2014 - 05:36
</ul> <a href="#" id="pull">Меню</a> </nav> {% ENDIF %} <!-- /Блок навигации -->после него вставьте:
<div style="clear:both;"></div> <div class="val"> <a href="{CART_URL}">Ваш заказ</a> Цены в: <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}название картинки" alt="" /></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}название картинки" alt="" /></a> </div>не забудьте поменять значения названий картинок и ссылок
далее в style.css добавьте:
.val a{ display:inline-block; }
#9
Отправлено 15 Февраль 2014 - 17:34
Никита (15 Февраль 2014 - 06:34) писал:
1. увеличить шрифт надписи "цены в" и переместить блок с ценами в область перед корзиной?
2. переместить "Ваш заказ" в эту область и изменить вид кнопки.
1. В шаблоне html заменяем:
<div class="val"> <a href="{CART_URL}">Ваш заказ</a> Цены в: <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}цены в евро.jpg" alt="" /></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}цены в рублях.jpg" alt="" /></a> </div>на
<div class="val"> <a href="{CART_URL}">Ваш заказ</a> <p style= "color:red; position: absolute;right: 85px;margin-top: -40px;"> Цены в: <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}цены в евро.jpg" alt="" /></a> <a href="ссылка"><img src="{ASSETS_IMAGES_PATH}цены в рублях.jpg" alt="" /></a> </p> </div>2.B html найдите и удалите код:
<a href="{CART_URL}">Ваш заказ</a>После:
<!-- Каталог товаров --> <div class="conta"> <a class="toggleMenu" href="#">Каталог</a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}добавьте:
<li style="background: blue;"> <a href="{CART_URL}">Ваш заказ</a> </li>
#11
Отправлено 17 Февраль 2014 - 16:07
<p style= "color:red; position: absolute;right: 85px;margin-top: -40px;">замените её на
<p style= "color:red; position: absolute;right: 105px;margin-top: -40px;">
#12
Отправлено 18 Февраль 2014 - 05:47
#13
Отправлено 18 Февраль 2014 - 09:03
Никита (18 Февраль 2014 - 05:47) писал:
Здравствуйте, как именно вы хотите изменить кнопку Ваш заказ?
Редактируем шаблон HTML
Находим
<li style="background: blue;"> <a href="{CART_URL}">Ваш заказ</a> </li>
Заменяем на
<li><a href="{CART_URL}">Ваш заказ</a></li>
Вы можете изменить эту кнопку или вовсе удалить ее.
#16
Отправлено 19 Февраль 2014 - 13:40
Никита (19 Февраль 2014 - 09:45) писал:
Здравствуйте,
Редактируем шаблон HTML
Находим и удаляем
<li><a href="{CART_URL}">Ваш заказ</a></li>
Находим
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
Заменяем на
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.NAME = Ваш заказ %}class="yourbuy"{% ENDIF %} {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
Далее добавляем стили в style.css
.yourbuy { padding: 14px 10px; } .yourbuy a { background: green; height: 20px; width: 90px; padding: 0px; text-align: center; border-radius: 3px; }
#17
Отправлено 19 Февраль 2014 - 14:28
Я выполнил эти действия, старой кнопки уже нет, но новая не появилась.
#18
Отправлено 19 Февраль 2014 - 15:48
Никита (19 Февраль 2014 - 14:28) писал:
Я выполнил эти действия, старой кнопки уже нет, но новая не появилась.
Редактируем шаблон HTML
Находим
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.NAME = Ваш заказ %}class="yourbuy"{% ENDIF %} {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
Заменяем на
<li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} <li class="yourbuy"><a href="{CART_URL}">Ваш заказ</a></li> </ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
#19
Отправлено 20 Февраль 2014 - 08:24
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных