Question

Здравствуйте! У меня на сайте стоит кнопка "скачать" Как сделать, чтобы отображалась другая кнопка при добавлении ссылки (скачать удаленно)?

Каталог файлов. Страница материалов и комменариев к нему:

 <?if($FILE_URL$)?><a href="$FILE_URL$" class="sprite" title="Скачать: $ENTRY_TITLE$"></a><?endif?>   <?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank" class="sprite" title="Скачать: $ENTRY_TITLE$"></a><?endif?>

CSS:

 /* -------Кнопка скачать------- */   a.sprite {   display:block;   width:183px;   height:54px;   background:url("http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL.png");   text-decoration:none;   }   a.sprite:hover {   background-position:0 -54px;   }   /* ------------------------- */

 

Answer 1

Как вариант подберите кнопку с списка доступных на сайте - здесь.

Comments

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

---

Илья Левченко,

Рисуйте свою кнопку если не нравится такая которая есть.

---

Вы не поняли! У меня уже есть кнопки. Одна такая: http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL.png  Другая такая: http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL-2.png  Что мне нужно в коде прописать (см. выше) чтобы при добавлении файла на сервер, отображалась кнопка:  http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL.png  А при добавлении файла с пом. ссылки для скачивания с другого сервера, отображаласть такая кнопка:  http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL-2.png

---

Илья Левченко,

Смотрите, у вас есть код двух кнопок:

<?if($FILE_URL$)?><a href="$FILE_URL$" class="sprite" title="Скачать: $ENTRY_TITLE$"></a><?endif?>   

<?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank" class="sprite" title="Скачать: $ENTRY_TITLE$"></a><?endif?>

у обоих одинаковый класс и соответственно кнопка одинаковая, сделайте чуть иначе, для второй кнопки к класу допишите цифру 2 и в итоге получится класс sprite2, далее ваши стили выше:

/* -------Кнопка скачать------- */   
a.sprite {   display:block;   width:183px;   height:54px;   background:url("http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL.png");   text-decoration:none;   }   a.sprite:hover {   background-position:0 -54px;   }   
/* ------------------------- */

замените на:

/* -------Кнопка скачать------- */   
a.sprite {display:block;width:183px;height:54px;background:url("http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL.png");text-decoration:none;}   
a.sprite:hover {background-position:0 -54px;}
a.sprite2 {display:block;width:183px;height:54px;background:url("http://vsthouse.ru/FOTO/KNOPKA_SKACHAT-VKL-VYKL-2.png");text-decoration:none;}   
a.sprite2:hover {background-position:0 -54px;}    
/* ------------------------- */

---

СПАСИБООООО!!!!!! буду пробовать

 

PS На сайте http://webmaster-ucoz.ru/scripts/knopoki-s-parallax-effektom нашел красивую кнопку с parallax эффектом.

CSS:

 <link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/css/button.css" />

Кнопка №1

 <a href="/" style="text-decoration:none;color:#ffffff;" class="button gray"><div class="shine"></div>КНОПКА</a>

 

Подскажите пожалуйста, как правильно ее прописать, чтобы она стала "кнопкой скачать" и чтобы у нее тоже была разная надбись ("скачать с сервера", "скачать удаленно")?

---

Илья Левченко,

Ничего там лучшего текущих ваших кнопок, лучше оставьте как есть и не меняйте на http://webmaster-ucoz.ru/scripts/knopoki-s-parallax-effektom так как там хуже.

---

ОК! Спасибо! Последний вопрос по моей кнопке. Можно сделать, так, чтобы картинка менялась плавно при наведении курсора? Или это не реально?

---

Илья Левченко,

Изучайте http://htmlbook.ru/blog/ispolzovanie-animatecss

---

Вы мне уже не первый раз помогли. Спасибо!

PS http://htmlbook.ru/blog/ispolzovanie-animatecss

Для меня это темный лес ((