Кнопка "Скачать"


Кнопка "Скачать"

1095
6 из 10
Проголосовало: 7






Красивая кнопка "Скачать" на css в зеленых тонах. Вот сидел вечером думал как лучше всего и быстрее не прилагая тяжелых усилий раскрутить сайт и тут мне пришла в голову не плохая мысль писать свои скрипты (или рипать) и выкладывать их на высоко-посещаемые сайты.

Установка:
1) Панель управления => Управление дизайном => Таблица стилей (CSS) и вставляем следующий код:

Code
.knopka_skacat {-moz-border-radius: 3px; -weabkit-border-radius: 3px; background:#2a3946; border:1px solid #202c36; color:#fff; display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px;}  
  .knopka_skacat:hover {-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#364959; color:#fff; cursor:pointer;}  
  .knopka_skacat.alt {-moz-border-radius: 3px; -webkit-border-radius: 3px; background:#3aa134; border:1px solid #338c36; color:#fff; text-shadow:rgba(0,0,0,0.30) 0px 1px 0px}  
  .knopka_skacat.alt:hover {-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#37b83c; color:#fff;}


2) Панель управления => Управление дизайном => Каталог фалов - Страница материала и комментариев к нему (к примеру) где хотим видеть вставляем следующий код:

Code
<?if($FILE_URL$)?><div class="knopka_skacat alt lbottom_rtop" style="padding:5px 12px;" onclick="window.location.href='#';"><b>Скачать</b></div><?endif?>
Автор публикации: Загрузка
Загрузка
BLAzER, это его n материал
Источник: http://uwebo4ka.3dn.ru
  • Всего комментариев: 13

A1v
+1
A1v написал: Написано 10 Апреля 2012 в 20:05
Комментарий №9
смотри гугл украдет biggrin

Supermenыч
+1
Supermenыч написал: Написано 10 Апреля 2012 в 19:12
Комментарий №8
зачем было столько писать?

вот так можно было:
.knopka_skacat{border-radius:3px;background:#3aa134;border:1px solid #338c36;color:#fff;padding:5px 12px;display:inline-block;text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px;}
.knopka_skacat:hover{ background:#37b83c;cursor:pointer;}

а хтмл вот:
<?if($FILE_URL$)?><div class="knopka_skacat" onclick="window.location.href='#';"><b>Скачать</b></div><?endif?>

BLAzER
+1
BLAzER написал: Написано 10 Апреля 2012 в 20:58
Комментарий №10
<?if($FILE_URL$)?><div class="knopka_skacat" onclick="window.location.href='$FILE_URL$';"><b>Скачать</b></div><?endif?> правильнее так

Supermenыч
+1
Supermenыч написал: Написано 10 Апреля 2012 в 21:39
Комментарий №11
ну у тебя так было, я и оставил smile

BLAzER
+1
BLAzER написал: Написано 10 Апреля 2012 в 22:01
Комментарий №12
там вместо ссылки на скачивание #

sania9960
-1
sania9960 написал: Написано 10 Апреля 2012 в 22:01
Комментарий №13
а префиксы для браузеров за тебя кто будет писать?

BLAzER
+1
BLAzER написал: Написано 10 Апреля 2012 в 18:33
Комментарий №5
Вовчик, огорчу тебя, это не рип хоть что могу поставить biggrin

Вовчик
+1
Вовчик написал: Написано 10 Апреля 2012 в 18:34
Комментарий №6
я так то понял. ты свое описание читал?

BLAzER
-2
BLAzER написал: Написано 10 Апреля 2012 в 18:41
Комментарий №7
цвета взяты были только

sania9960
+3
sania9960 написал: Написано 10 Апреля 2012 в 18:02
Комментарий №4
зачем на ховер закругления опять ставить? омг
эта кнопка в одну строчку пишется.

sania9960
+2
sania9960 написал: Написано 10 Апреля 2012 в 18:00
Комментарий №3
-weabkit-

Вовчик
+1
Вовчик написал: Написано 10 Апреля 2012 в 17:00
Комментарий №1
данный скрипт чисто реклама, к тому же на скрине видно что кнопка закруглена, но она будет не во всех браузерах закругленная! И на таких плохих рипах сайт не поднимешь!

Kelin
+2
Kelin написал: Написано 10 Апреля 2012 в 17:46
Комментарий №2
Целиком и полностью с тобой согласен smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2105
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    415
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: