Здравствуйте, друзья, приветствую вас на блоге 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/
Татьяна, молодец.
Интересная новинка.
спасибо, Ира:) Вот только жаль маловато кнопок, не хватает Вконтакте и YouTybe
Красивые кнопочки! Спасибо, Танюша, за находку!
Пожалуйста, устанавливай и себе такие:)
Здравствуйте, Татьяна.
Понажимал все кнопки, а видео так и не открылось.
Интересно было бы посмотреть, тема для меня новая.
Может еще как нибудб можно увидеть?
Если не открывается, то можно просто обновить страницу:)
Все, как только комментарий отправил, включилось. Спасибо.
Спасибо Татьяна! Очень оригинально, обязательно применю у себя.
Татьяна спасибо за 3 D соц.иконки. Все хорошо у меня получились 3 кнопки, вот 1 RSS нет. Я эту кнопку вообще ни где не устанавливала и как это делается я не знаю, если подскажите, я буду не прочь.
Я в ближайшие дни планирую статью написать про RSS, заходите, почитаете:) Это очень полезная вещь на самом деле
Спасибо! Получились очень красивые кнопочки
Пожалуйста:)
Уважаемая Татьяна! Благодарю Вас за красивый интстумент. Кнопочки установились. Я их проверила. работают ве кроме Rss. хотя адрес верный
А сайт бар украшают .
Здравствуйте Татьяна.
Хотел еще раз просмотреть статью по кнопочкам, но там все еще стоит замок с нажатием кнопочек соц. сетей, который не срабатывает даже после перезагрузке странички. ]:->
Может стоит его снять, ведь и другие посетители сайта тоже могут столкнуться с такой же проблемой.
С Уважением, СергейТ