Привет всем. Не могу не поделиться данным скриптом. Для девушек, любящих розовый цвет есть кнопки социальной подписки. Почему-то подумалось что они могут пригодится моим читательницам. Как они смотрятся вы можете посмотреть тут.
Этот код нужно вставить в HTML/JavaSkript
<center>
<ul class="bubblewrap">
<li><a href="https://plus.google.com/u/0/109460384692601503320"><img src="http://icons.iconarchive.com/icons/designbolts/pink-girly-social/96/Active-Google-Plus-icon.png" title="Google" /></a></li>
<li><a href="https://www.facebook.com/адрес вашей странички"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIFDycNygkoJHtvRVTwq_gpiK6e2Wf2XPvWslU7w6YbyOhLEdtTAaUA-haDuwoFjVR1wL18c354DonUsIro6ydvbTuDCTmpQy_UGnC5YXtNEDrUexJukDwn2zyPrMWcJ3rSoqmnwXOhVE/s1600/bloggertrix.com-Facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.twitter/адрес вашего твитта"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaywvC8GEZre3FUdvrG14hQZJQsJdxxGnJpP-yxd8F1MNbflcnhaJYUvgGdicO19aQXdfJYdRBSkHk8dytfZG66hX7Oafy1_i5fe5zqmK367o2d6t3dP67MKqwJDboFNUFiQSzZ3AAUKU/s1600/bloggertrix.com-Twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/адрес вашего фида"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTM5oUAINaY5nH_gWs7cBsU7kyM3qAOUqUMz9AojrF2Y1i-DjU3NbIalfjCys0HWmcFdogTkAvuQaXgDlvlAmS_RSDKOXPHhFLH5bc4MEnME8JPhyeRiS7aWYMC0h6OZ1IcpJXpbTHbAw/s1600/bloggertrix.com-RSS.png" title="Add RSS Feed" /></a></li>
</ul>
</center>
Что бы данный скрипт работал как на демо, нужно зайти в шаблон и перед тегом </b:skin>
Вставить этот код.
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 55px;
height:50px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
Все любуемся)
Пожалуйста не забывайте нажать
0 коммент.:
Отправить комментарий
Есть вопросы? Или просто хочется поговорить? Оставляйте комментарии