Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » ВАШ САЙТ В СОЦ СЕТЯХ

ВАШ САЙТ В СОЦ СЕТЯХ

Опубликовал: развязка
Категория: Переключатели и кнопки
Дата: 19 Июня 2025 в 02:31

1 голос

Отличный скрипт ваш сайт в социальных сетях.

Данный скрипт в CSS:

Код

/*---------начало социальных сетей------*/
#footer {
     margin: 50px 0 0 0;
     border-top: 1px solid #cfcfcf;
     background: #2f72b0;
}
.powered-by {
     margin: 30px 0 0 0;
     text-align: center;
     line-height: 40px;
}
a.footer-createbtn {
     display: inline-block;
     margin: 8px 0 0 0;
     padding: 2px;
     border: 1px solid rgba(241, 241, 241, 0.4);
     font: bold 13px/32px 'Arial';
     color: #fff;
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
     border-radius: 5px;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
     background: #317ae0 url(http://webmaster-ucoz.ru/images/footer-create-btn.gif) repeat-x;
}

a.footer-createbtn:hover {
     background: #3d93e5 url(http://webmaster-ucoz.ru/images/footer-create-btn-hover.gif) repeat-x;
}

a.footer-createbtn span {
     padding: 0 5px;
     display: inline-block;
}
.footer-top {
     height: 1px;
     overflow: hidden;
     background: #f3f7fc;
}
.footer-content {
     width: 1003px;
     margin: 35px auto;
     color: #fff;
}
.footer-content a {
     color: #fff;
}

.fc2 {
     width:250px !important;
     text-align:center;
}

.footer-col {
     float: left;
     width: 370px;
     background: url(http://webmaster-ucoz.ru/images/footer-col.gif) repeat-y right top;
}
.footer-col:last-child {
     background: none;
}
.footer-col h3 {
     margin: 0;
     padding: 0 15px 8px 30px;
     font: bold 14px/24px 'Arial';
     color: #fff;
}
.footer-col ul {
     list-style: none;
     padding: 0 0 0 20px;
}
.footer-col li {
     padding: 0 3px 0 10px;
     background: url(http://webmaster-ucoz.ru/images/footer-bullet.png) no-repeat 0 12px;
}
.social-facebook {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') no-repeat;}
.social-twitter {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') 0 -60px no-repeat;}
.social-vk {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') 0 -120px no-repeat;}
.social-ya {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') 0 -180px no-repeat;}
.social-youtube {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') 0 -240px no-repeat;}
.social-ok {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') 0 -300px no-repeat;}
.social-gl {display:inline-block;width:60px;height:60px;background:url('http://webmaster-ucoz.ru/images/social-buttons.png') 0 -360px no-repeat;}

.social-facebook:hover {background-position:-60px 0;}
.social-twitter:hover {background-position:-60px -60px;}
.social-vk:hover {background-position:-60px -120px;}
.social-ya:hover {background-position:-60px -180px;}
.social-youtube:hover {background-position:-60px -240px;}
.social-ok:hover {background-position:-58px -300px;}
.social-gl:hover {background-position:-60px -360px;}
/*-----конец социальных сетей------*/

А HTML в любой глобальный блок:

Код

Где "/"- ссылка на Ваш сайт в социальных сетях

social-vk - в контакте
social-ok - в одноклассниках
social-facebook - facebook (фейсбук)
social-twitter - twitter (твиттер)
social-ya - яндекс
social-gl - google (гугл)
social-youtube - youtube (ютуб)

Спонсор материала: Студия Веб-Дизайна RealARTs

Ссылка на источник материала

Ссылка на ДЕМО

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 742 « Назад

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Переключатели и кнопки » ВАШ САЙТ В СОЦ СЕТЯХ

ВАШ САЙТ В СОЦ СЕТЯХ

Комментарии пользователей