Кодировка HTML | Демо-сайт CMS uCoz | Почта

Иконки типов файлов у приклеплений

Архив полностью рабочих скриптов и так далее...

Re: Иконки типов файлов у приклеплений

Сообщение потрошитель » 17 авг 2008, 20:58

не пашет
Изображение
Аватара пользователя
потрошитель
Лейтенант
Лейтенант
 
Сообщения: 80
Зарегистрирован: 21 апр 2008, 00:10
Карма: + -1 -
Откуда: Москов-Сити

Re: Иконки типов файлов у приклеплений

Сообщение Vanofuture » 17 авг 2008, 21:06

потрошитель писал(а):не пашет

Пашет.
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 48 -

Re: Иконки типов файлов у приклеплений

Сообщение потрошитель » 17 авг 2008, 21:14

не пашет!!!
у меня лиса...все сделал как надо..просто пустое место рядом с прикрепленным файлом.
Изображение
Аватара пользователя
потрошитель
Лейтенант
Лейтенант
 
Сообщения: 80
Зарегистрирован: 21 апр 2008, 00:10
Карма: + -1 -
Откуда: Москов-Сити

Re: Иконки типов файлов у приклеплений

Сообщение Vanofuture » 17 авг 2008, 22:01

потрошитель писал(а):не пашет!!!
у меня лиса...все сделал как надо..просто пустое место рядом с прикрепленным файлом.

Скрипт проверялся из под 3-х бразуеров, на разных форумах — если сделать ВСЁ как сказано, то всё работает.
Давай ссылку.
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 48 -

Re: Иконки типов файлов у приклеплений

Сообщение AllCity » 02 сен 2008, 21:47

Вот кстати если надо чтоб работало на всем сайте (CSS)

Это поставить в CSS
Код: Выделить всё
/* Для ссылок с доменом google в любой зоне ru, com..... */
a[href^="http://google."], a[href^="http://www.google."] {
display:inline-block;
line-height:18px;
min-height:18px;
overflow:visible;
background:transparent url(/путь к иконке/google.png) center left no-repeat;
padding:2px 0 2px 20px;
}

/* Для ссылок с доменом web-codes.net с www. так и без него */
a[href^="http://web-codes.net"], a[href^="http://www.web-codes.net"] {
display:inline-block;
line-height:18px;
min-height:18px;
overflow:visible;
background:transparent url(/путь к иконке/allcity_web.png) center left no-repeat;
padding:2px 0 2px 20px;
}

/* Для простых ссылок. */
a[href^="http:"] {
display:inline-block;
padding-right:14px;
background:transparent url(/путь к иконке/ExternalLink.gif) center right no-repeat;
}

/* Для ссылок с почтовым адресом. */
a[href^="mailto:"] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/MailTo.gif) center left no-repeat;
}

/* Для *.pdf формата. */
a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/PDFIcon.gif) center left no-repeat;
}

/* Для *.swf, *.fla, *.swd форматов. */
a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/FlashIcon.gif) center left no-repeat;
}

/* Для *.xls, *.csv, *.xlt, *.xlw форматов. */
a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/ExcelIcon.gif) center left no-repeat;
}

/* Для *.ppt, *.pps форматов. */
a[href$='.ppt'], a[href$='.pps'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/PowerPointIcon.gif) center left no-repeat;
}

/* Для *.doc, *.rtf, *.txt, *.wps форматов. */
a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/WordDocIcon.gif) center left no-repeat;
}

/* Для *.zip, *.gzip, *.rar форматов. */
a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/ZIPIcon.gif) center left no-repeat;
}

/* Для ссылок с атрибутом target="_blank" */
a[target='_blank'] {
display:inline-block;
line-height:18px;
min-height:18px;
overflow:visible;
background:transparent url(/путь к иконке/new_window.png) center right no-repeat;
padding:2px 20px 2px 0;
}

/* Для RSS каналов. */
a[href$="rss.xml"], a[href$="rss2.xml"], a[href$="/feed"], a[rel*="rss"], a[rel*="atom"] {
display:inline-block;
line-height:18px;
min-height:18px;
overflow:visible;
background:transparent url(/путь к иконке/rss.png) center left no-repeat;
padding:2px 0 2px 20px;
}

Вот и все ;) если кому то нужно чтоб это работало на определённом участке страницы тогда поместите тот участок в div с id например iconlink не забыв в CSS в начале a[href$........ добавить #iconlink (Замена скрипта постами выше)

Пример 8-)
Код: Выделить всё
/* Для простых ссылок. */
#iconlink a[href^="http:"] {
display:inline-block;
padding-right:14px;
background:transparent url(/путь к иконке/ExternalLink.gif) center right no-repeat;
}

/* Для ссылок с почтовым адресом. */
#iconlink a[href^="mailto:"] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(/путь к иконке/MailTo.gif) center left no-repeat;
}

/* Для RSS каналов. */
#iconlink a[href$="rss.xml"], #iconlink a[href$="rss2.xml"], #iconlink a[href$="/feed"], #iconlink a[rel*="rss"], #iconlink a[rel*="atom"] {
display:inline-block;
line-height:18px;
min-height:18px;
overflow:visible;
background:transparent url(/путь к иконке/rss.png) center left no-repeat;
padding:2px 0 2px 20px;
}


Тоже самое только на Javascript/jQuery тут
Вложения
iconize-05.zip
Для ленивых вот готовый код с иконками!
(30.59 Кб) Скачиваний: 67
Аватара пользователя
AllCity
Администратор
Администратор
 
Сообщения: 2505
Возраст: 32
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 147 -
Откуда: Израиль, Тель-Авив

Re: Иконки типов файлов у приклеплений

Сообщение AllCity » 14 сен 2008, 23:35

Вижу вопросов нет тему закрываю ;)
Аватара пользователя
AllCity
Администратор
Администратор
 
Сообщения: 2505
Возраст: 32
Зарегистрирован: 18 апр 2008, 17:52
Карма: + 147 -
Откуда: Израиль, Тель-Авив

Иконки типов у файлов подкреплений

Сообщение Андрей » 15 сен 2008, 18:01

Как ссылку где находятся все иконки, можно использовать это:
Код: Выделить всё
http://src.ucoz.net/img/ma/f/

Это ссылка на директорию, где находится картинки типов файлов для известного Файлового Менеджера.
Вот полный скрипт:

Так вот новинки если делать всё таким путём, который я описал выше тогда:
-Не приходится загружать иконки для каждого типа
-Нет нужды по сто раз загружать новые иконки для новых форматов
И ещё не большой FAQ для новичков:

Спасибо, за внимание!
Извините, если занял ваше время!
Андрей
Сержант
Сержант
 
Сообщения: 45
Зарегистрирован: 23 апр 2008, 16:02
Карма: + 0 -
Откуда: Москва

Re: Иконки типов у файлов подкреплений

Сообщение Zeppter » 15 сен 2008, 19:12

Cпасибо... но Ф.А.К. лишен...
Аватара пользователя
Zeppter
Генерал-лейтенант
Генерал-лейтенант
 
Сообщения: 1025
Возраст: 30
Зарегистрирован: 08 авг 2008, 22:38
Карма: + 4 -
Откуда: MELITOPOL

Re: Иконки типов у файлов подкреплений

Сообщение web-ass » 16 сен 2008, 13:44

В скрипте есть строка: "getElementsByTagName"-форум
"getDirectUrl"-для каталога файлов
Блин всяко пробывал не чего не получается, может кто-нибудь поможет???
Аватара пользователя
web-ass
Подполковник
Подполковник
 
Сообщения: 159
Возраст: 32
Зарегистрирован: 04 июн 2008, 12:38
Карма: + 0 -
Откуда: Курган

Re: Иконки типов у файлов подкреплений

Сообщение Vanofuture » 16 сен 2008, 14:34

web-ass писал(а):"getDirectUrl"-для каталога файлов

:lol:
Это JavaScript, если не понимаешь что это лучше не лезь. :P

<script type="text/javascript">
link='http://mysite.com/files/archive.rar';
link=link.split('.');
document.write('<img src="/icons/'+link[link.length-1]+'.gif" border="0" />');
</script>


Синее прямая ссылка к файлу. Её туда ставьте в зависимости от того какой модуль юзаете.
Затем создаёте в корне папку icons и ставите туда картинки с названиями расширейний файлов — zip.gif, rar.gif, exe.gif и т.д.

http://helper.ucoz.ru/forum/22-3229-33861-16-1218041738
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Автор темы
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 48 -

Пред.

Вернуться в Архив скриптов и интересных решений

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 4

cron