Скрипт соц. сетей
Скрипт соц. сетей-данный скрипт позволит вашим посетителям и гостям вполне ознакомиться с вашим сайтом на страницах соц.сетей и познакомиться с вами и другими пользователями сайта,которые имеют регулярный заход на сайт
Код
<div class="top_links"><div class="social">
<ul>
<li>
<p>Мы в Соц. Сетях: </p></li>
<li><a href="http://vk.com/vcsomske"><img src="http://csomsk.ru/csomsk/social/top-si1.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si2.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si3.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si4.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si5.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si6.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si7.png" alt="" /></a></li>
</ul>
</div> </div>
<style>/* top section */
.top_links {
width: 100%;
min-height: 40px;
background-color: #565656;
font-size: 12px;
color: #fff;
line-height:0px;}
.top_links .social {
padding: 0px;
margin: 7px 0px 0px 0px;
float: left;
padding-left: 15px;}
.top_links .social ul {
padding: 0px;
margin: 0px;
float: left;
}
.top_links .social li {
padding: 0px;
margin: 0px;
float: left;
}
.top_links .social li a {
padding: 0px;
margin: 3px 0px 0px 4px;
width: 18px;
height: 18px;
float: left;
text-align: center;
line-height: 18px;
vertical-align: middle;
background: url(http://csomsk.ru/csomsk/social/top-si-bg.png) no-repeat center top;
}
.top_links .social li a:hover {
background: url(http://csomsk.ru/csomsk/social/top-si-bg-hover.png) no-repeat center top;
}
/* end top section */</style>
<ul>
<li>
<p>Мы в Соц. Сетях: </p></li>
<li><a href="http://vk.com/vcsomske"><img src="http://csomsk.ru/csomsk/social/top-si1.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si2.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si3.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si4.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si5.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si6.png" alt="" /></a></li>
<li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si7.png" alt="" /></a></li>
</ul>
</div> </div>
<style>/* top section */
.top_links {
width: 100%;
min-height: 40px;
background-color: #565656;
font-size: 12px;
color: #fff;
line-height:0px;}
.top_links .social {
padding: 0px;
margin: 7px 0px 0px 0px;
float: left;
padding-left: 15px;}
.top_links .social ul {
padding: 0px;
margin: 0px;
float: left;
}
.top_links .social li {
padding: 0px;
margin: 0px;
float: left;
}
.top_links .social li a {
padding: 0px;
margin: 3px 0px 0px 4px;
width: 18px;
height: 18px;
float: left;
text-align: center;
line-height: 18px;
vertical-align: middle;
background: url(http://csomsk.ru/csomsk/social/top-si-bg.png) no-repeat center top;
}
.top_links .social li a:hover {
background: url(http://csomsk.ru/csomsk/social/top-si-bg-hover.png) no-repeat center top;
}
/* end top section */</style>
Файлы для скачивания отсутствуют.
Поблагодарить автора
Автор: Turbo
Комментарии (0)