10:20
0

Привет всем. Не могу не поделиться данным скриптом. Для  девушек, любящих розовый цвет есть кнопки  социальной подписки. Почему-то подумалось что они могут пригодится моим читательницам. Как они смотрятся вы можете посмотреть тут.

 Этот код нужно вставить в 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="http://4.bp.blogspot.com/-0Uwy05mIAzI/UEzCmfRzJEI/AAAAAAAADqs/koDSorFnMRw/s1600/bloggertrix.com-Facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.twitter/адрес вашего твитта"><img src="http://3.bp.blogspot.com/-YIOf2_O3Qx4/UEzCp9GQxmI/AAAAAAAADrI/wpXeRojknK0/s1600/bloggertrix.com-Twitter.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/адрес вашего фида"><img src="http://4.bp.blogspot.com/-9UrxVfpDxfA/UEzCnnW1eSI/AAAAAAAADq0/nij0NLv6gbc/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);
}

Все любуемся)
Система Orphus
Пожалуйста не забывайте нажать

0 коммент.:

Отправить комментарий

Есть вопросы? Или просто хочется поговорить? Оставляйте комментарии