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


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

1092
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 6
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: