Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 15:08
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 18
Гостей: 17
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Кнопки в стиле ВК для описания материала uCoz

Кнопки в стиле ВК для описания материала uCoz Кнопки, стиле, описания, материала, uCoz
Красивые и бесподобные Кнопки в стиле ВК для описания материала uCoz. по своему виду стиль уже всем известный но с более точным повтором объема стилизации бутонов или кнопок меню, представлять можно как горизонтальное меню так и просто информационную панель. Если вы хотите использовать более или менее трех окошек то код самого блока необходимо переделывать , по этому используется только 3.

Установка. В таблицу стилей вставляем сам стиль блоков кнопок.
Code
<style>
.wrap-but {
  display: inline-block; *display: inline;
  background: #e0e0e0 url("http://ucozon.ru/_dr/57/70832824.png"); padding: 4px;
  -webkit-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px -1px rgba(0, 0, 0, 0.17);  
}
.rad2 {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

a.button:link, a.button:visited {
  text-decoration: none; font-size: 11px; color: #fff;
  display: inline-block; *display: inline;
  border: 1px solid #51708c; background: #648aad url("http://ucozon.ru/_dr/57/70832824.png"); text-shadow: 0 -1px 0 #597a98;
}

a.button span.sb {
  display: inline-block; *display: inline;
  background: url("http://ucozon.ru/_dr/57/43110129.png") repeat-x 0 -2px;
  padding: 5px 10px;
}
a.button:hover, a.button:active {
  text-decoration: none; color: #fff; border: 1px solid #51708c; background: #6e96b5 url("http://ucozon.ru/_dr/57/70832824.png");
}
</style>
Устанавливать можно в любое место, только отредактируйте под свой ссылки сам код, стиль не трогать.
Code

<div style="padding-top: 5px; padding-left: 5px; padding-right: 1px; border-top: 1px dotted rgb(221, 221, 221); display: inline-block;">
<div class="wrap-but rad2">
<a href="http://ucozon.ru/dir" class="button rad2">
<span class="sb" style="font-weight: normal; border-right: 1px solid rgb(81, 112, 140);">сделано для UcozOn.Ru</span>
</a>
<a href="http://ucozon.ru/dir" class="button rad2">
<span class="sb" style="border-right: 1px solid rgb(81, 112, 140); border-left: 1px solid rgb(120, 161, 189); padding: 5px 15px; font-weight: normal;">3.22Mb</span>
</a>
<a href="http://ucozon.ru/dir" class="button rad2">
<span class="sb" style="border-left: 1px solid rgb(120, 161, 189); font-weight: normal;">Скачиваний: <b>21</b></span>
</a>
</div></div>
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2025 | Комментарии: 1 | Рейтинг: 1.5/4 | |Категория: Скрипты Разное | Добавил: ucozon | Дата: 07.04.2012 | Скачали: 0 | Теги: описания, стиле, ucoz, материала, кнопки
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
+2   Спам
1 martinis   Дата: 07.04.2012  Время: 18:28   [№ 12771]
с usite рипнули дак укажите источник.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru