Як встановити кнопки соціальних мереж в один ряд

Здрастуйте дорогі мої читачі - Sozdaiblog.ru!

Сьогодні, у Вашого покірного слуги день варення!

І мені, трохи-нітрохи стукнуло 29 років!

Трохи - трохи до трьох десятків не дотягнув, ну це нічого я нікуди поки не поспішаю.

Після установки цих корисних кнопок не тільки я, але і думаю багато, зіткнулися з проблемою розміщення їх в один ряд.

Так дійсно в цьому є заковика, вони то один на одного ліпляться, то кудись чарівним чином пропадають, а іноді навіть наїжджають один на одного.

Звичайно, довелося з ними повозитися, але я людина упертий йду до кінця.

Ось і в цьому випадку, після певного геморою все-таки знайшлося оптимальне рішення (вибачте за вульгарність).

У мене цей фокус вийшов таким чином.

Потім всередині тега. прописав стиль - style = float: і вказав місце, де кнопка повинна знаходитися - right

(В моєму випадку справа).
.
І до всього, додав можливість змінювати відстань один від одного, за допомогою - width. 16%.

Після довгих мук у мене вийшов ось такий код:

Можете опуститися в кінець поста і подивитися на мої праці.

Пограйте зі значеннями - «width. 16% »і слід регулювати їх по вашій темі оформлення.

В кінці всього коду, обов'язково поставте рядок:

інакше все розпливеться.

Для тих, кому не хочеться морочитися з кодами, є спеціальний сервіс готових кнопок.

Також, Ви знайдете там докладний опис по їх установці.

Тут кожен сам має право вибирати, що йому зручніше.

Під час установки кнопки від Facebook, поміняйте всередині її коду значення ширини на «0» (data-width = "0"). Інакше будуть проблеми.

Ось ніби і все.

Ну, а Ваш покірний слуга піде справляти іменини, а то без мене, все смачне з'їдять!

З повагою, Денис Черніков!

Цікаве по темі:

Як встановити кнопки соціальних мереж в один ряд

Як вирішити проблему з відправкою пошти з WordPress?

Як встановити кнопки соціальних мереж в один ряд

Посторінкова навігація в WordPress без плагіна!

Як встановити кнопки соціальних мереж в один ряд

Як встановити шаблон (тему) на WordPress?

Як встановити кнопки соціальних мереж в один ряд

Як закачати файли на Яндекс?

Як встановити кнопки соціальних мереж в один ряд

Як зробити Ульотна горизонтально меню, що випадає?

Денис, не переживайте про відвідуваність. Люди до Вас прийдуть, так як сайт Ваш цікавий і простий у викладі. Не обов'язково мати «бізнес мислення», потрібно опанувати чисто технічними фішками, які «знавці» намагаються нам продати, але мій девіз - в Інтернеті все можна знайти і скачати БЕЗКОШТОВНО. Мій блог теж дуже молодий і впритул займатися ним у мене мало часу, але потихеньку я рухаюся вперед. Бажаю Вам удачі завжди і у всьому.

Дуже радий, що Вам сподобався мій блог!

Дякую за вашу підтримку.

Я намагаюся робити все для людей і нехай, як Ви помітили у мене не бізнес мислення, але я на своєму прикладі

хочу показати, що будь-яка людина може домогтися багато чого.

А мислення прийде!

Не можуть адже все відразу стати Володимирами Дручінамі!

Заходьте іноді до мене! Я буду радий!

Спасибі, теж довелося возитися з цими кнопками колись. Злегка по-іншому робив. Прописував з css умови для відступу кнопок.

Я радий, що зміг Вам допомогти!

Якщо, що буде не виходити, заходите разом розберемося!

Спробував по Вашому способу, Денис. В цілому все працює, але чомусь кнопка фейсбук відображається не повністю в опері і мазілле, а тільки половина кнопки. В хромі кнопка повністю видна. але лічильника не видно, хоча в коді лічильник прописаний. Що тут може бути?

Володимир, Ви спробуйте самі на кнопочку натиснути і проанонсувати Ваш пост, потім оновіть сторінку! Повинна з'явитися цифра один на лічильнику. У мене та-ж біда була!

Денис, спасибі за корисну інформацію!

Привіт, Юлія! Завжди будь ласка! Взагалі, я потихеньку відходжу від плагінів і намагаюся замінити все кодом! Кнопка Фейсбук, завжди була проблемною, навіть під час установки коду доводиться возитися!

Юлія, не бійтеся експериментувати з кодом, просто робіть резервні копії тих файлів, які керуєте і запам'ятовуйте свої дії! Ну а якщо що, ми завжди прийдемо на допомогу! Всіма блогерами будемо рятувати!

Денис, спасибі Вам величезне за підтримку. Це просто неймовірне відчуття, коли знаєш, що є люди, які готові допомогти! Правда, я дуже постараюся не доводити свій блог до стану, коли без допомоги не обійтися Резервні копії перед експериментами з кодом роблю завжди

Так, Юлія у мене плагін варто! Є рішення без плагіна, але воно мене поки теж не влаштувало! Підтримка, повинна бути завжди інакше дуже складно просуватися, не тільки тут, але і в житті!

Ще можна все кнопки розмістити в табличці, так як це зроблено у мене на сайті, і тоді не потрібно взагалі возитися з дивами.

Насправді, Артем варіантів море! Багато плагінів і кодів, та й сервісів, які дають можливість реалізувати дану можливість установки кнопок і як в приказці - кожна жаба будить хвалити своє болото! А насправді, кожен має право вибирати те, що йому більше подобається.

А возитися можна з будь-яким способом реалізації, хтось навіть плагін ще не навчився ставити і провозитися більше, ніж Ви з дивами!

Чудове рішення кнопок в одну лінію! Давно хочу зробити, але все не наважуюсь.

Привіт, Лідія! Давненько Вас не бачив! Радий, що Ви з нами!

Спасибі, що оцінили!

Схожі статті