Дизайн кнопок "мне нравится"

vvmupp

Постоялец
Регистрация
12 Июл 2011
Сообщения
242
Реакции
154
Как сделать свой дизайн социальных кнопок "мне нравится"?
 
Уточни что именно не понятно? А то ответы могут быть от "выучится художественной школе" до "освоить фотошоп"
 
Как сделать свой дизайн социальных кнопок "мне нравится"?

Недавно пришлось делать тему для WordPress в которой нужно в постах после контента поставить несколько кнопок из социальных сетей, к примеру для Вконтакте кнопка «Мне нравится», есть кнопка и счетчик с количеством лайков. Задача простенькая конечно, но дизайнер нарисовал эти кнопки нет так как они отображаются в самих соцсетях. Возьмем Вконтакте туже кнопку «Мне нравится», вот как она выглядит:
Untitled-2.jpg
а нужно сделать вот такое:
Untitled-21.jpg
Дядя Гугл помог и выдал вот такой интересный сайт Для просмотра ссылки Войди или Зарегистрируйся. Social like это jQuery плагин который меняет стиль социальных кнопок. Он работает с такими сетями как: Facebook, Twitter, Google+, Pinterest, Мой мир, Вконтакте, Pinterest, Одноклассники. Это то что было нужно. Установить очень просто, качаем архив, подключаем js библиотеки, css файл и в нужное место вставляем html код кнопок:
HTML:
<div class="social-likes">
<div class="twitter">Twitter</div>
<div class="vkontakte">Вконтакте</div>
<div class="odnoklassniki">Одноклассники</div>
<div class="plusone">Google+</div>
</div>


Для моего случая я только добавил нужные стили в css. Даный плагин очень помог.
 
Назад
Сверху