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

1163
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    466
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: