Question

Здравствуйте! Хочу вместо ссылки на скачивание файла вставить кнопку, но почему-то кнопка не отображается на сайте. Помогите разобраться.
Для кнопки прописала следующий код:
.download-button {background-color:#428DB4;
border:2px solid #ffffff;
color:#ffffff;
padding:12px 26px;
border-radius:10px;
font-size:17px;}

В шаблоне "страница материала и комментариев к нему" в строчке прописала такой код:

<tr><td width="85%"><?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?><?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?><?if($RFILE_URL$)?> &middot; <a href="$RFILE_URL$" target="download-button">Скачать с Яндекс.Диск</a> ($RFILE_SIZE$)<?endif?><?if($SCREEN_URL$)?> &middot; <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> <?endif?></td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
Но на сайте все равно отображается ссылка для скачивания, а не кнопка. В чем может быть ошибка?

Answer 1

вместо target="download-button"

надо прописать так

class="download-button"

Comments

Спасибо, вроде заработало. А как мне сделать ещё, чтоб страница загрузки файла открывалась в другом окне, как было при скачивании через ссылку?

---

Анна С.,

попробуйте так

<tr><td width="85%"><?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?><?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?><?if($RFILE_URL$)?> &middot; <a href="$RFILE_URL$" target="_blank" class="download-button">Скачать с Яндекс.Диск</a> ($RFILE_SIZE$)<?endif?><?if($SCREEN_URL$)?> &middot; <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> <?endif?></td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>

---

webanet,

Спасибо! Все заработало как надо!

Answer 2

Поправьте стили:

/* Fonts style */
@font-face {
font-family:'Choco cooky'; 
src:url(/fonts/Choco_cooky.ttf) format("truetype"); 
font-style:normal; 
font-weight:normal;
 }
.header p1 {font-family:'Choco cooky', cursive;}

@font-face {
font-family:Veles; 
src:url(/fonts/Veles.eot);
src:local (Veles), url(/fonts/Veles.ttf) format("truetype"); 
font-style:normal; 
font-weight:normal;
 }
<style>
p2 {font-family:Veles, fantasy;
}
</style>

@font-face {
font-family:Liana; 
src:local(Liana), url(/fonts/Liana.ttf); 
font-style: normal; 
font-weight: normal;
 }
<style>
p1 {font-family:Liana, cursive;
}
</style>

@font-face {
font-family:'Comic Sans MS'; 
src:url(./fonts/Comic_Sans_MS.ttf); 
font-style:normal; 
font-weight:normal;
 }

@font-face {
font-family:'Suplexmentary Comic NC'; 
src:url(/fonts/Suplexmentary_Comic_NC.ttf) format("truetype"); 
font-style:normal; 
font-weight:normal;
 }

то что выделил, в стилях этого быть не должно.

Поправьте ссылку:

<a href="$RFILE_URL$" target="download-button">

замените на:

<a href="$RFILE_URL$" class="download-button">

Comments

Чтобы кнопка не смотрелась огромной, советовал бы стили кнопки заменить на:

.download-button {background-color:#428DB4;color:#ffffff;padding: 5px;border-radius:10px;}
a.download-button {color:#fff!important;text-decoration: none!important;}

И ответ на ваш вопрос:

• > А как мне сделать ещё, чтоб страница загрузки файла открывалась в другом окне, как было при скачивании через ссылку?
• >> Для этого используются скрипты. Нужна дополнительная разработка, готовых решений нет.