Перейти к содержимому


Добавить Иконки На Сайт В Необычном Стиле


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 20

#1 Zava

Zava

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородСанкт-Петербург

Отправлено 05 Октябрь 2013 - 20:01

В прикрепленном изображении в принципе я наверно дал понять чего я хочу)

Это целое меню на самом деле, но я бы хотел реализовать именно такую идею для создания иконок социальных сетей.

Вот сайт где можно скачать это меню под номером 45,  и такое же меню под номером 67

Вот мой сайт

Если это идея нереальна, то подскажите что нибудь подобное, пожалуйста)

Спасибо

Прикрепленные изображения

  • Untitled-1.jpg


#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Октябрь 2013 - 17:55

Вам необходимо скачать данный файл и выполнить инструкцию по установке.

#3 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 12 Февраль 2014 - 13:23

Здравствуйте, подскажите пожалуйста как сделать подобный блок с кнопками (ссылками на другой сайт)? как на фото

Прикрепленные изображения

  • Безымянный10.png


#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Февраль 2014 - 04:39

пожалуй не самое удачное место выбрано, так как дизайн вашего сайта адаптивный и при маленьких разрешениях меню полностью меняется, может лучше перед корзиной расположить данный блок?

#5 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 13 Февраль 2014 - 06:31

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

Прикрепленные изображения

  • Безымянный.png


#6 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 13 Февраль 2014 - 08:43

и ещё можно сделать кнопку со ссылкой на корзину "Ваш заказ"

Прикрепленные изображения

  • Безымянный11.png


#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Февраль 2014 - 05:36

В HTML найдите:
</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;
}


#8 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 15 Февраль 2014 - 06:34

Спасибо! но у меня вот что получилось, можно ли сделать:
1. увеличить шрифт надписи "цены в" и переместить блок с ценами в область перед корзиной?
2. переместить "Ваш заказ" в эту область и изменить вид кнопки.

Прикрепленные изображения

  • Безымянный1.png
  • Безымянный.png


#9 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 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>


#10 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 17 Февраль 2014 - 10:55

Вот что получилось!? (фото 1), а хотелось бы (фото 2) что для этого нужно сделать?

Прикрепленные изображения

  • Безымянный.png
  • Безымянный (2).png


#11 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 17 Февраль 2014 - 16:07

Здравствуйте, найдите у себя в файле html 85 строчку
<p style= "color:red; position: absolute;right: 85px;margin-top: -40px;">
замените её на
<p style= "color:red; position: absolute;right: 105px;margin-top: -40px;">


#12 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 18 Февраль 2014 - 05:47

Спасибо, остается 2 вопроса: 1 как изменить кнопку "Ваш заказ" и убрать синюю полосу? 2. как увеличить шрифт надписи "Цена в"?

#13 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 18 Февраль 2014 - 09:03

Просмотр сообщенияНикита (18 Февраль 2014 - 05:47) писал:

Спасибо, остается 2 вопроса: 1 как изменить кнопку "Ваш заказ" и убрать синюю полосу? 2. как увеличить шрифт надписи "Цена в"?

Здравствуйте, как именно вы хотите изменить кнопку Ваш заказ?
Редактируем шаблон HTML
Находим
<li style="background: blue;">		 <a href="{CART_URL}">Ваш заказ</a> </li>

Заменяем на
<li><a href="{CART_URL}">Ваш заказ</a></li>

Вы можете изменить эту кнопку или вовсе удалить ее.

#14 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 19 Февраль 2014 - 09:35

вот как она выглядит сейчас (1 фото) и как я хотел бы чтобы она выглядела (фото 2)

Прикрепленные изображения

  • Безымянный.png
  • Безымянный (2).png


#15 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 19 Февраль 2014 - 09:45

2. И ещё, только сейчас заметил, как убрать дублирующую надпись на фото 3 ?

Прикрепленные изображения

  • Безымянный11.png


#16 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 19 Февраль 2014 - 13:40

Просмотр сообщенияНикита (19 Февраль 2014 - 09:45) писал:

2. И ещё, только сейчас заметил, как убрать дублирующую надпись на фото 3 ?

Здравствуйте,
Редактируем шаблон 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 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 19 Февраль 2014 - 14:28

Имеет значение в какую строчку добавлять стили в style.css?
Я выполнил эти действия, старой кнопки уже нет, но новая не появилась.  

#18 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 19 Февраль 2014 - 15:48

Просмотр сообщенияНикита (19 Февраль 2014 - 14:28) писал:

Имеет значение в какую строчку добавлять стили в style.css?
Я выполнил эти действия, старой кнопки уже нет, но новая не появилась.  

Редактируем шаблон 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 Никита

Никита

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 142 сообщений

Отправлено 20 Февраль 2014 - 08:24

Не удаётся сохранить шаблон с этими изменениями. пишет: "Ошибка компиляции шаблона. Не закрытый тег «FOR» строка 251"

#20 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 20 Февраль 2014 - 16:04

Просмотр сообщенияНикита (20 Февраль 2014 - 08:24) писал:

Не удаётся сохранить шаблон с этими изменениями. пишет: "Ошибка компиляции шаблона. Не закрытый тег «FOR» строка 251"

Проверьте изменения на вашем сайте, попробуйте почистить кеш браузера




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных