» »

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


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

К вашему обозрению представляю кнопку для скачать модулей сайта. Кнопка во первых по дизайну красивая и может подойти как на светлый шаблон сайта так и на темный дизайн сайта. С левой стороны информация сколько весит файл или архив это кнопке плюс. По дизайну при наведение кнопка меняется. Это происходит так красиво.
Теперь как ее установить на сайт.
Заходим в ПУ - - Управл. дизайнов - - Каталог файлов, можно и другой модуль но основном она идет на каталог файлов - Страница материалов и комментариев к нему.
Code
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">  
<tr><td width="85%">  
[ <a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)  
· <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)  
· <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></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>  
<!--<s3179>-->Категория<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a> | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a>  
| <!--<s5308>-->Теги<!--</s>-->: $TAGS$  
</td></tr>  
<tr><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> | <!--<s3181>-->Загрузок<!--</s>-->: <b>$LOADS$</b>  
| <!--<s3039>-->Комментарии<!--</s>-->: <b>$COMMENTS_NUM$</b>  
| <!--<s3119>-->Рейтинг<!--</s>-->: <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"><!--<s5187>-->Скриншот<!--</s>--></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>  
<!--<s3179>-->Категория<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a> | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a>  
| <!--<s5308>-->Теги<!--</s>-->: $TAGS$  
</td></tr>  
<tr><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> | <!--<s3181>-->Загрузок<!--</s>-->: <b>$LOADS$</b>  
| <!--<s3039>-->Комментарии<!--</s>-->: <b>$COMMENTS_NUM$</b>  
| <!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b></td></tr>  
</table>
14.04.2012 Просмотров: 1511 Комментарий: (0)

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

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

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