ZorNet.Ru — сайт для вебмастера » Графика для сайта » Кнопка скачать в каталоге файлов для uCoz

Кнопка скачать в каталоге файлов для uCoz

К вашему обозрению представляю кнопку для скачать модулей сайта. Кнопка во первых по дизайну красивая и может подойти как на светлый шаблон сайта так и на темный дизайн сайта. С левой стороны информация сколько весит файл или архив это кнопке плюс. По дизайну при наведение кнопка меняется. Это происходит так красиво.
Теперь как ее установить на сайт.
Заходим в ПУ - - Управл. дизайнов - - Каталог файлов, можно и другой модуль но основном она идет на каталог файлов - Страница материалов и комментариев к нему.

Code

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td width="85%">
[ <a href="$FILE_URL$">Скачать с сервера</a> ($FILE_SIZE$)
· <a href="$RFILE_URL$" target="_blank">Скачать удаленно</a> ($RFILE_SIZE$)
· <a href="$SCREEN_URL$" target="_blank">Скриншот</a> ]
</td><td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
<tr><td class="eText" colspan="2">$MESSAGE$</td></tr>
<tr><td class="eDetails1" colspan="2"><div style="float:right"></div>
Категория: <a href="$CAT_URL$">$CAT_NAME$</a> | Добавил: <a href="$PROFILE_URL$">$USER$</a>
| Теги: $TAGS$
</td></tr>
<tr><td class="eDetails2" colspan="2">Просмотров: <b>$READS$</b> | Загрузок: <b>$LOADS$</b>
| Комментарии: <b>$COMMENTS_NUM$</b>
| Рейтинг: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b></td></tr>
</table>

Как нашли этот код осторожно что б не что лишнего убираем его. И вместо его ставим этот код. Который и евляеться нашей кнопкой скачать.

Code

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><style>a.download:link,
  a.download:visited, a.download:active, .download:link, .download:visited,
  .download:active {text-decoration:none; font-family:arial; color:#fff;
  background:url('http://zornet.ru/Zornet/cd50c9265e04.png') no-repeat top right;
  height:74px; width:325px; display:block;}
  a.download:hover,
  .download:hover {text-decoration:none; font-family:arial; color:#fff;
background-position:0 -73px; width:325px; display:block;}</style> <td align="left" valign="top">
<div align="left">
  <a class="download" href="$FILE_URL$"><br><br><div style="font-size: 11px;
  font-family: tahoma; padding-top:5px; padding-left:250px;">$FILE_SIZE$</div></a>
  </div>
  <div align="left">
  <a class="download" href="$RFILE_URL$" target="_blank"><br><br><div style="font-size: 11px;
  font-family: tahoma; padding-top:5px; padding-left:250px;">$RFILE_SIZE$</div></a>
  </div> · <a href="$SCREEN_URL$" target="_blank">Скриншот</a>
  </td> <td align="right" valign="top" height="138px"><div style="background:url(http://zornet.ru/Zornet/posterbg.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;">
  <img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" />

<script type="text/javascript">
  $(function(){
  $('#img$ID$').click(function(){var s="'sc'";


  new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');});
  });
</script>
</div></td> </tr>
<tr><td class="eText" colspan="2"><table style="width: 100%; border-collapse: collapse"><tbody><tr><td>$MESSAGE$</td>
  </tr></tbody></table></td></tr>
<tr><td class="eDetails1" colspan="2"><div style="float:right"></div>
Категория: <a href="$CAT_URL$">$CAT_NAME$</a> | Добавил: <a href="$PROFILE_URL$">$USER$</a>
| Теги: $TAGS$
</td></tr>
<tr><td class="eDetails2" colspan="2">Просмотров: <b>$READS$</b> | Загрузок: <b>$LOADS$</b>
| Комментарии: <b>$COMMENTS_NUM$</b>
| Рейтинг: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b></td></tr>
</table>

14 Апреля 2012 Просмотров: 3067 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Kosten

Комментарии: 0