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

Здравствуйте, друзья, приветствую вас на блоге 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/

Поделиться с друзьями
Оцените автора
Добавить комментарий

  1. Ирина Гиляревская

    Татьяна, молодец. *THUMBS UP*
    Интересная новинка.

    Ответить
    1. admin автор

      спасибо, Ира:) Вот только жаль маловато кнопок, не хватает Вконтакте и YouTybe

      Ответить
  2. Татьяна

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

    Ответить
    1. admin автор

      Пожалуйста, устанавливай и себе такие:)

      Ответить
  3. Сергей

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

    Ответить
    1. admin автор

      Если не открывается, то можно просто обновить страницу:)

      Ответить
  4. Сергей

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

    Ответить
  5. Сергей

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

    Ответить
  6. Валентина

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

    Ответить
    1. admin автор

      Я в ближайшие дни планирую статью написать про RSS, заходите, почитаете:) Это очень полезная вещь на самом деле

      Ответить
  7. Олег

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

    Ответить
    1. admin автор

      Пожалуйста:)

      Ответить
  8. Вероника

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

    Ответить
  9. СергейТ

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

    Ответить