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

Кнопка скачать с хинтом

Кнопка скачать с хинтом
Красивая с коричневым оттенком для светлых и для темных дизайн сайтов. Скрипт Кнопки скачать с хинтом размера файла для системы ucoz.
Установка:
ПУ---> Управ. дизайном---> Каталог файлов---> Страница мат. и коммент. к нему---> Находим:
Код
<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 width="85%" style="padding:2px">  
<a href="$FILE_URL$" title="Размер $FILE_SIZE$" class="north"><img src="http://zornet.ru/Statistics/file.png" border="0" alt="Размер $FILE_SIZE$" / width="222" height="49"></a>  
<script src="http://zornet.ru/Statistics/jquery.tipsy_kracivii_vid_title_dl-1J9OL.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(function() {  
  $('.north').tipsy({gravity: 'n'});  
  $('.south').tipsy({gravity: 's'});  
  $('.east').tipsy({gravity: 'e'});  
  $('.west').tipsy({gravity: 'w'});  
  });  
  </script>  
· <a href="$RFILE_URL$" target="_blank"><img src="http://zornet.ru/Statistics/file.png" border="0" alt="$RFILE_SIZE$" / width="222" height="49"></a>  
· <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a>  
</td>  
<style>.tooltip span:before {  
  border-top-color: #CCCCCC;  
  bottom: -9px;  
  }  
  .tipsy {  
  background-image: url("http://zornet.ru/Statistics/tipsy_kracivii_vid_title_dli_ccilok.gif");  
  background-repeat: no-repeat;  
  font-size: 11px;  
  opacity: 0.9;  
  padding: 5px;  
  }  
  .tipsy-inner {  
  background-color: black;  
  color: white;  
  max-width: 200px;  
  padding: 5px 8px 4px;  
  text-align: center;  
  }  
  .tipsy-inner {  
  border-radius: 3px 3px 3px 3px;  
  }  
  .tipsy-north {  
  background-position: center top;  
  }  
  .tipsy-south {  
  background-position: center bottom;  
  }  
  .tipsy-east {  
  background-position: right center;  
  }  
  .tipsy-west {  
  background-position: left center;  
  }</style>
25 Марта 2012 Просмотров: 2108 Комментариев: (0)

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

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

Оставь свой отзыв

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