Сообщений в теме: 3

[User]

Есть в main.css классы для иконок к различным типам файлов, подскажите, пожалуйста, пример использования.

/* Иконки форматов файлов */
.file_extension_icon	 {width:16px;height:16px;display:block;background:#ffffff url("{ASSETS_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;}
.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls {background-position:-32px 0px}
.file_extension_icon.ie7 {background-position:-48px 0px}

и т.д.

Как сделать ссылку на файл с иконкой, соответствующей его типу, такого вида:

[Ирина345]

User (11 Октябрь 2014 - 21:03) писал:

Есть в main.css классы для иконок к различным типам файлов, подскажите, пожалуйста, пример использования.

/* Иконки форматов файлов */
.file_extension_icon	 {width:16px;height:16px;display:block;background:#ffffff url("{ASSETS_IMAGES_PATH}icons-files-extensions.gif") no-repeat left top;}
.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls {background-position:-32px 0px}
.file_extension_icon.ie7 {background-position:-48px 0px}

и т.д.

Как сделать ссылку на файл с иконкой, соответствующей его типу, такого вида:

Здравствуйте, Вы хотите добавить к файлу для скачивания, иконку?
если так то Вам нужно сначала добавить ссылку на страницу.
Закачать иконку на сайт, потом отписаться нам где находится данная ссылка.

[User]

Как сделать ссылку и закачать файл, известно. Вопрос в том, как использовать существующие иконки из {ASSETS_IMAGES_PATH}icons-files-extensions.gif

[Сake]

Для этого необходимо использовать стили (классы). В вашем файле стилей main.css необходимые стили уже прописаны и имеют соответствующие классы равные типу файла.

.file_extension_icon.torrent{background-position:-16px 0px}
.file_extension_icon.xls	{background-position:-32px 0px}
.file_extension_icon.ie7	{background-position:-48px 0px}
.file_extension_icon.ppt	{background-position:-64px 0px}
.file_extension_icon.htm,
.file_extension_icon.html   {background-position:0px -16px}
.file_extension_icon.avi	{background-position:-16px -16px}
.file_extension_icon.bmp,
.file_extension_icon.gif	{background-position:-32px -16px}
.file_extension_icon.js,
.file_extension_icon.css,
.file_extension_icon.txt	{background-position:-48px -16px}
.file_extension_icon.pptm	{background-position:-64px -16px}
.file_extension_icon.rtf,
.file_extension_icon.doc	{background-position:0px -32px}
.file_extension_icon.jpg	{background-position:-16px -32px}
.file_extension_icon.png	{background-position:-32px -32px}
.file_extension_icon.ini	{background-position:-48px -32px}
.file_extension_icon.pptx   {background-position:-64px -32px}
.file_extension_icon.php	{background-position:0px -48px}
.file_extension_icon.mht,
.file_extension_icon.mhtml  {background-position:-16px -48px}
.file_extension_icon.psd	{background-position:-32px -48px}
.file_extension_icon.zip	{background-position:-48px -48px}
.file_extension_icon.xps	{background-position:-64px -48px}
.file_extension_icon.exe	{background-position:0px -64px}
.file_extension_icon.xml	{background-position:-16px -64px}
.file_extension_icon.wma,
.file_extension_icon.mp3	{background-position:-32px -64px}
.file_extension_icon.xlsx   {background-position:-48px -64px}
.file_extension_icon.xlsb   {background-position:-64px -64px}
.file_extension_icon.pdf	{background-position:0px -80px}
.file_extension_icon.csv	{background-position:-16px -80px}
.file_extension_icon.docx   {background-position:-32px -80px}
.file_extension_icon.accdb  {background-position:-48px -80px}
.file_extension_icon.xlsm   {background-position:-64px -80px}
.file_extension_icon.dll	{background-position:0px -96px}

Пример использования

<span class="file_extension_icon png"></span>
<span class="file_extension_icon doc"></span>
<span class="file_extension_icon txt"></span>