делаем Социальные кнопки в одну строку
У всех социальных сетей есть свои собственные кнопки, которые позволяют быстро поделиться новостью на друзьями или просто для того, чтобы показать свой интерес к прочитанному. Не все кнопки похожи, но благо то, что на многих популярных соц. сетях есть настройки для таких кнопок. Выбрав для всех одинаковую высоту, Вы сможете поместить кнопки в одну строку. Конечно, Вы можете использовать оригинальные иконки социальных сетей, по нажатию на которые будут открываться окна для отправки ссылки в профиль. Но предпочтительней использовать «родные» кнопки. Они, в основном, не открывают дополнительные окна, что ускоряет отправку ссылки. В социальных сетях ВКонтакте, Facebook, Twitter, Google Plus, Мой мир и Одноклассники есть возможность выбрать высоту 20 пикселей. Это компромисс. Ниже будет показана пошаговая инструкция, как создать свои кнопки, а пока посмотрите на специальный код, который позволит осуществить вывод кнопок соц. сетей в одну строчку.
Также посмотрите акриловые ванны Kolpa San, это интересно, и выгодно. Если и выбирать ванны, то только эти.
Код HTML
Code
<div style="height:20px">
<div style="width:150px;overflow:hidden;float:left">
ВКонтакте
</div>
<div style="width:105px;overflow:hidden;float:left">
Twitter
</div>
<div style="width:135px;overflow:hidden;float:left">
Facebook
</div>
<div style="width:70px;overflow:hidden;float:left">
Google Plus
</div>
<div style="width:230px;overflow:hidden;float:left">
Мой Мир и Одноклассники
</div>
</div>
<div style="width:150px;overflow:hidden;float:left">
ВКонтакте
</div>
<div style="width:105px;overflow:hidden;float:left">
</div>
<div style="width:135px;overflow:hidden;float:left">
</div>
<div style="width:70px;overflow:hidden;float:left">
Google Plus
</div>
<div style="width:230px;overflow:hidden;float:left">
Мой Мир и Одноклассники
</div>
</div>
Категория:
Кнопки для uCoz
Просмотров:
1291