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

Делаем префиксы изображениями 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 · Просмотры: 296
  • Мне нравится
Реакции: xsacha и Nayn
Автор
Hope
Скачивания
38
Просмотры
641
Первый выпуск
Обновление
Оценка
5.00 звёзд 1 оценок

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

  • Lazy Load [img]
    Lazy Load [img]
    Изначально будут загружаться только те изображения, которые пользователь способен увидеть.
  • Redis View Counters
    Redis View Counters
    Перемещает некоторые счетчики просмотров на Redis
  • Editor & BB Code Manager
    Настройте свои коды WYSIWYG-редактор и ББ коды.

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

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