Современный облачный хостинг провайдер | Aéza
Контакты ООО "АЕЗА ГРУПП" ИНН 2312304914 ОГРН 1212300056430
Делаем префиксы изображениями

Делаем префиксы изображениями 1.0

Нет прав для скачивания
Обзор История Обсуждение
prefixiconpreview.png

Если Вы хотите заменить свои префиксы на изображения, то загружаем папку из скачанного файла в корневую директорию своего форума, создаём новый префикс в своей панели управления, выбираем опцию "Другой, используя своё имя CSS-класса:" и в этом поле прописываем класс:
Код: 
icon-ps3

Для тех, кто не совсем понял, вот скриншот:
ps3prefix.png


Сохраняем и в шаблон EXTRA.css добавляем:
Код: 
.icon-ps3 {
background: transparent url(tags/ps3.png) no-repeat top left;
}

Ну вот собственно, теперь префикс имеет свою иконку. По аналогии Вы легко можете добавить любое количество своих иконок для префиксов.

Если же Вам понравились иконки из архива, то вот весь код для их работы:
Код: 
/* ICONS */
 
.icon {
display: block;
text-indent: -3000px;
width: 60px;
height: 15px;
}
 
.icon-games {
background: transparent url(tags/games.png) no-repeat top left;
}
 
.icon-pcgames {
background: transparent url(tags/pcgames.gif) no-repeat top left;
}
 
.icon-photoshop {
background: transparent url(tags/photoshop.gif) no-repeat top left;
}
 
.icon-****post {
background: transparent url(tags/****post.jpg) no-repeat top left;
}
 
.icon-art {
background: transparent url(tags/art.jpg) no-repeat top left;
}
 
.icon-photo {
background: transparent url(tags/photos.png) no-repeat top left;
}
 
.icon-rant {
background: transparent url(tags/rant.gif) no-repeat top left;
}
 
.icon-en {
background: transparent url(tags/en.gif) no-repeat top left;
}
 
.icon-computers {
background: transparent url(tags/computers.gif) no-repeat top left;
}
 
.icon-news {
background: transparent url(tags/news.png) no-repeat top left;
}
 
.icon-stupid {
background: transparent url(tags/stupid.gif) no-repeat top left;
}
 
.icon-repeat {
background: transparent url(tags/repeat.gif) no-repeat top left;
}
 
.icon-science {
background: transparent url(tags/science-posticon.png) no-repeat top left;
}
 
.icon-politics {
background: transparent url(tags/politics.gif) no-repeat top left;
}
 
.icon-request {
background: transparent url(tags/request.png) no-repeat top left;
}
 
.icon-movies {
background: transparent url(tags/movies.gif) no-repeat top left;
}
 
.icon-help {
background: transparent url(tags/help.gif) no-repeat top left;
}
 
.icon-humour {
background: transparent url(tags/humour.png) no-repeat top left;
}
 
.ticon-gross {
background: transparent url(tags/gross.gif) no-repeat top left;
}
 
.icon-wip {
background: transparent url(tags/wip.png) no-repeat top left;
}
 
.icon-beta {
background: transparent url(tags/beta.gif) no-repeat top left;
}
 
.icon-postyour {
background: transparent url(tags/postyour.png) no-repeat top left;
}
 
.icon-question {
background: transparent url(tags/question.png) no-repeat top left;
}
 
.icon-steam {
background: transparent url(tags/steam.png) no-repeat top left;
}
 
.icon-wii {
background: transparent url(tags/wii.jpg) no-repeat top left;
}
 
.icon-360 {
background: transparent url(tags/360.jpg) no-repeat top left;
}
 
.icon-youtube {
background: transparent url(tags/youtube.jpg) no-repeat top left;
}
 
.icon-music {
background: transparent url(tags/music.gif) no-repeat top left;
}
 
.icon-ps3 {
background: transparent url(tags/ps3.png) no-repeat top left;
}
 
.icon-love {
background: transparent url(tags/love.jpg) no-repeat top left;
}
 
.icon-release {
background: transparent url(tags/release.png) no-repeat top left;
}
 
.icon-tv {
background: transparent url(tags/tv.gif) no-repeat top left;
}
 
.icon-map {
background: transparent url(tags/map.jpg) no-repeat top left;
}
 
.icon-nsfw {
background: transparent url(tags/nsfwpng) no-repeat top left;
}
 
.icon-school {
background: transparent url(tags/school.gif) no-repeat top left;
}
 
.ticon-link {
background: transparent url(tags/link.gif) no-repeat top left;
}
 
.icon-tutorial {
background: transparent url(tags/tutorial.png) no-repeat top left;
}
 
.icon-cpp {
background: transparent url(tags/cpp.png) no-repeat top left;
}
 
.icon-php {
background: transparent url(tags/php.png) no-repeat top left;
}
 
.icon-html {
background: transparent url(tags/html.png) no-repeat top left;
}
 
.icon-csharp {
background: transparent url(tags/csharp.png) no-repeat top left;
}
  • prefixicons.png
    prefixicons.png
    69.4 KB · Просмотры: 297
  • Мне нравится
Реакции: xsacha и Nayn
Автор
Hope
Скачивания
38
Просмотры
873
Первый выпуск
Обновление
Оценка
5.00 звёзд 1 оценок
Обсудить ресурс

Другие ресурсы пользователя Hope

Поделиться ресурсом

Назад
Сверху Снизу