ZorNet.Ru — сайт для вебмастера » HTML и CSS » Поставить социальные кнопки в одну строку

Поставить социальные кнопки в одну строку

Поставить социальные кнопки в одну строку
Как всем известно и кто не знал, что каждая социальная сеть, которая развитая имеет свою кнопку и ее можно поставить на сайт. Но очень сложно сделать, чтоб они стояли ровно и здесь скрипт Поставить социальные кнопки в одну строку который все сделает как нужно. 

А это вам просто его нужно установить и там будут пробелы, куда вы сможете устанавливать все коды, которые взяли с ресурсов. Это очень удобно и не нужно специальный блок для них делать, а к примеру выстроить перед материалом, чтоб могли оценить пользователи, для этого основном и ставят а также при оценивавшие у кого есть профиль на этих сайтах, появиться тот материал, который оценили.

Это основной код,где написано все и поймете.

Код
<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>

Получить кнопку ВКонтакте


Кнопку или виджет вы можете получить Здесь и она будет разная, что можете выбрать, как счетчиком и без него.

Кнопка Твитнуть


Но это популярная сеть, которая выведет и ваш материал и находиться Здесь и там также у вас будет выбор по дизайну

Facebook Like


Но эту вы можете увидеть на самых продвинутых сайтах кнопку и ее возьмете на этой странице официального ресурса.

Google +1


Но здесь трудно представить кнопку без своего ресурса и можете Здесь ее взять, специально еще будет выводит на свою сеть и индексироваться.

Нравится и класс


Это синее кнопка от mail, где написано нравиться и она на этой странице находиться. И также есть функционал, чтоб сделать ее больше или меньше по ширине, вообщем сами подберете.
01 Ноября 2015 Просмотров: 2155 Комментариев: (7)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 7
Сопрано
Сопрано 01 Ноября 2015 01:221
0
Но и висят они наверно будут хорошо, если поставить все.
Kosten
Kosten 01 Ноября 2015 01:272
+1
Trantel, а что вы хотели, все что на сайт устанавливаете все весит. А что кнопки, не так уж они будут весить к примеру как изображение на материал. Больше всего, что если один из сайтов социальных будет недоступный, то загрузка будет дольше.
Сопрано
Сопрано 01 Ноября 2015 01:303
0
Вот к примеру куда можно поставить под каждую статью, но видел несколько сайтов, стоят они.
Kosten
Kosten 01 Ноября 2015 01:325
0
Можно просто под категорию, по верх всех материалов, если есть описание, то под него или над ним, там нужно смотреть, где они будут смотреться.
Canon
Canon 01 Ноября 2015 01:304
0
Нормально и кнопки все прописаны где взять, остается еще пару раз зарегистрироваться, чтоб их взять. Просто как понимаю если ты там как не пользователь тебе нет доступа.
ZruBkul
ZruBkul 01 Ноября 2015 01:356
0
Kosten, так лучше поменяй нормальные кнопки от официальных сайтов, чем просто на главную в контейнер убрать и поставить на все категорий, которые есть, тами вижу описание также, думаю и по дизайну подойдет.
Kosten
Kosten 01 Ноября 2015 01:377
0
ZruBkul, спрашивается зачем, можно было поставить и убрать все, но вы забыли, что под каждым материалом и файлом они стоят, просто не вижу в этом смысла, когда все установлено.
avatar