Скрыть объявление
Вышла новая версия XenForo 1.5.14 Nulled By XenForo.Info. Поспешите обновить свои форумы на новую версию прямо сейчас!

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

Префиксы изображениями.

  1. Hope
    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;
    }

    Изображения

    1. prefixicons.png
    xsacha и Nayn нравится это.
www.megastock.ru

Email: XenForo.Info@yandex.ru. Skype: XenForo.Info