Вот в чем мой вопрос. Добавил кнопки на сайт, и теперь прошу помощи. Как сделать что бы кнопки были не одна под одной, а так что бы находились на одной строчке в ряд. Спасибо!
1
Сообщений в теме: 7
#1
Отправлено 06 Май 2013 - 23:15
#2
Отправлено 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>
#4
Отправлено 19 Октябрь 2014 - 12:42
Очень жду ответа!
#5
Отправлено 19 Октябрь 2014 - 15:39
Андрей М (18 Октябрь 2014 - 15:01) писал:
Добрый день!
1) Вставил кнопку соц сетей. Как задать ей тот же стиль (текст, выравнивание и полосочка под надписью"Мы в социальных сетях") как во всем столбце?
2) Как иконку "вконтакте" сделать меньше?
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
Отправлено 20 Октябрь 2014 - 22:29
Спасибо большое!
Можно еще подвинуть иконку "вконтакте" чуть правее, чтобы по вертикали с текстом было выравнено по левому краю?
Можно еще подвинуть иконку "вконтакте" чуть правее, чтобы по вертикали с текстом было выравнено по левому краю?
#7
Отправлено 20 Октябрь 2014 - 22:42
Андрей М (20 Октябрь 2014 - 22:29) писал:
Спасибо большое!
Можно еще подвинуть иконку "вконтакте" чуть правее, чтобы по вертикали с текстом было выравнено по левому краю?
Можно еще подвинуть иконку "вконтакте" чуть правее, чтобы по вертикали с текстом было выравнено по левому краю?
<!-- Соц сети --> <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
Отправлено 20 Октябрь 2014 - 22:50
Спасибо! Все супер!
Темы с аналогичным тегами вконтакте, одноклассники, +1, соц сети
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных