Крутящиеся 3D кнопки социальных сетей!

  Автор:
  464

Здравствуйте, друзья, приветствую вас на блоге TatyanaChernova.Ru Вы уже заметили новые кнопки соц.сетей на моем блоге, в сайдбаре, вверху? Подвиньте к ним курсор:))) Как Вам этот эффект? Не знаю как вам, но мне очень нравятся! Если и вам хочется такие же, смотрите видео по установке кнопок на блог. Под видео я дам код кнопок, который нужно будет вставить в виджет и потом в сайдбар. Смотрите видеоурок:

 

Код кнопок:

3D социальные иконки
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id=»social»> <!—Start Rss Icon—> <a title=»Grab Our Rss Feed» href=»chernova-nsk/UGyx»rel=»nofollow» target=»_blank»><img border=»0″ src=»http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48×48.png» style=»margin-right:1px;» alt=»Icon»/></a> <!—End Rss Icon—> <!—Start Facebook Icon—> <a rel=»nofollow» title=»Like Our Facebook Page» href=»https://www.facebook.com/TatyanaChernova.ru» target=»_blank»><img border=»0″ src=»http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48×48.png» style=»margin-right:1px;» alt=»Icon»/></a> <!—End Facebook Icon—> <!—Start Twitter Icon—> <a rel=»nofollow» title=»Follow Our Updates On Twitter» href=»https://twitter.com/TatianaChernova» target=»_blank»><img border=»0″ src=»http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48×48.png» style=»margin-right:1px;» alt=»Icon»/></a> <!—End Twitter Icon—> <!—Start Google+ Icon—> <a title=»Follow Us On Google+» rel=»nofollow» href=»https://plus.google.com/u/0/101051862618116914726″ target=»_blank»><img style=»margin-right:1px;» src=»http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48×48.png»/></a> <!—End Google+ Icon—> </div><br/> </center>

 

ссылка первоисточник : http://wpnice.ru/3d-socialnye-krutyashhiesya-knopki/

Интересная статья? Поделитесь ею пожалуйста с друзьями :
Оставьте свой комментарий:
15 комментариев
  1. Татьяна, молодец. *THUMBS UP*
    Интересная новинка.

  2. Красивые кнопочки! Спасибо, Танюша, за находку!

  3. Сергей

    Здравствуйте, Татьяна.
    Понажимал все кнопки, а видео так и не открылось.
    Интересно было бы посмотреть, тема для меня новая.
    Может еще как нибудб можно увидеть?

  4. Сергей

    Все, как только комментарий отправил, включилось. Спасибо.

  5. Сергей

    Спасибо Татьяна! Очень оригинально, обязательно применю у себя.

  6. Татьяна спасибо за 3 D соц.иконки. Все хорошо у меня получились 3 кнопки, вот 1 RSS нет. Я эту кнопку вообще ни где не устанавливала и как это делается я не знаю, если подскажите, я буду не прочь.

  7. Спасибо! Получились очень красивые кнопочки =) =) =)

  8. Уважаемая Татьяна! Благодарю Вас за красивый интстумент. Кнопочки установились. Я их проверила. работают ве кроме Rss. хотя адрес верный *TIRED*
    А сайт бар украшают . *OK*

  9. Здравствуйте Татьяна. *ROSE*
    Хотел еще раз просмотреть статью по кнопочкам, но там все еще стоит замок с нажатием кнопочек соц. сетей, который не срабатывает даже после перезагрузке странички. ]:->
    Может стоит его снять, ведь и другие посетители сайта тоже могут столкнуться с такой же проблемой.
    С Уважением, СергейТ *ROSE*

на Блоге
в Вконтакте
в Фейсбук