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


Как Отредактировать Кнопки?

вконтакте одноклассники +1 соц сети

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

#1 gulllak

gulllak

    Новичок

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

Отправлено 06 Май 2013 - 23:15

Вот в чем мой вопрос. Добавил кнопки на сайт, и теперь прошу помощи. Как сделать что бы кнопки были не одна под одной, а так что бы находились на одной строчке в ряд. Спасибо!

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

  • Снимок экрана 2013-05-06 в 23.13.37.png


#2 Сake

Сake

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

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

Отправлено 07 Май 2013 - 01:38

Вам необходимо каждый код виджета обвернуть в отдельный блок <div> например

<div style="float: left;"> Код вашего виджета 1 </div>
<div style="float: left;"> Код вашего виджета 2 </div>
<div style="float: left;"> Код вашего виджета 3 </div>
<div style="clear: left;"></div>


#3 Андрей М

Андрей М

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

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

Отправлено 18 Октябрь 2014 - 15:01

Добрый день!
1) Вставил кнопку соц сетей. Как задать ей тот же стиль (текст, выравнивание и полосочка под надписью"Мы в социальных сетях") как во всем столбце?
2) Как иконку "вконтакте" сделать меньше?
  • Номер аккаунта:SL-312006

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

  • Снимок экрана (32).jpg


#4 Андрей М

Андрей М

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

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

Отправлено 19 Октябрь 2014 - 12:42

Очень жду ответа!

#5 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 19 Октябрь 2014 - 15:39

Просмотр сообщенияАндрей М (18 Октябрь 2014 - 15:01) писал:

Добрый день!
1) Вставил кнопку соц сетей. Как задать ей тот же стиль (текст, выравнивание и полосочка под надписью"Мы в социальных сетях") как во всем столбце?
2) Как иконку "вконтакте" сделать меньше?
  • Номер аккаунта:SL-312006
Здравствуйте.
Найдите в шаблоне html следующий код:
<!-- Соц сети -->
		<div class="block">
		  <div class="blocktitle bluesmall">Мы в социальных сетях</div>
		  <div class="blockmain navigation fnt12n">
				<a href="https://vk.com/art_souvenirs" target="_blank"><img src="http://artsou.storeland.net/vkontakte2.png?2431" alt="" /></a>
		  </div>
		  <div class="blockbottom"></div>
		</div>
		<!-- END Соц сети -->

И замените на этот:
<!-- Соц сети -->
	 <div class="block">
		 <h4 class="contentTbodyCatalogHeader">Мы в социальных сетях</h4>
			 <a href="https://vk.com/art_souvenirs" target="_blank"><img src="http://artsou.storeland.net/vkontakte2.png?2431" alt="" style="width:40px"/></a>
		 </div>
		 <div class="blockbottom"></div>
	 </div>
	 <!-- END Соц сети -->


#6 Андрей М

Андрей М

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

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

Отправлено 20 Октябрь 2014 - 22:29

Спасибо большое!
Можно еще подвинуть иконку "вконтакте"  чуть правее, чтобы по вертикали с текстом было выравнено по левому краю?

#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 20 Октябрь 2014 - 22:42

Просмотр сообщенияАндрей М (20 Октябрь 2014 - 22:29) писал:

Спасибо большое!
Можно еще подвинуть иконку "вконтакте"  чуть правее, чтобы по вертикали с текстом было выравнено по левому краю?
Найдите в шаблоне html код:
<!-- Соц сети -->
		 <div class="block">
				 <h4 class="contentTbodyCatalogHeader">Мы в социальных сетях</h4>
						 <a href="https://vk.com/art_souvenirs" target="_blank"><img src="http://artsou.storeland.net/vkontakte2.png?2431" alt="" style="width:40px"/></a>
				 </div>
				 <div class="blockbottom"></div>
		 </div>
		 <!-- END Соц сети -->
И измените на следующий код:
<!-- Соц сети -->
		 <div class="block">
				 <h4 class="contentTbodyCatalogHeader">Мы в социальных сетях</h4>
						 <a href="https://vk.com/art_souvenirs" target="_blank"><img src="http://artsou.storeland.net/vkontakte2.png?2431" alt="" style="width:40px; margin-left:20px"/></a>
				 </div>
				 <div class="blockbottom"></div>
		 </div>
		 <!-- END Соц сети -->


#8 Андрей М

Андрей М

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

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

Отправлено 20 Октябрь 2014 - 22:50

Спасибо! Все супер!





Темы с аналогичным тегами вконтакте, одноклассники, +1, соц сети

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

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