XenForo 1.X Remplacer préfixes avec des images

[Sacryp]

1 Téléchargez les fichiers de votre dossier racine.

2. administration CP -> Applications -> Les préfixes de discussion -> Créer un nouveau préfixe de discussion

Disons que créaient un préfixe de la PS3, et nous voulons montrer une PS3 icône.

3 Maintenant, laisse la tête sur EXTRA.css. Et ajouter ceci.
.icon-ps3 {
background: url transparent (tags / ps3.png) no-repeat haut à gauche;}
Vous pourriez avoir à ajuster une partie de la css, si vous n'utilisez pas les images que j'ai fournis.

4. Tada !!! maintenant terminée!
Voici le css pour toutes les icônes fournies.

Spoiler: Listes des images

/* 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;
}

crédits: Alice69

Source :
http://i.imgur.com/43GSA1W.png
http://i.imgur.com/uRQMyVH.png
http://i.imgur.com/selY3Lm.png


Source :
lien ou image supprimée
lien ou image supprimée
lien ou image supprimée

 

[tchikouf]

Bonjour,
Merci pour ce tutos.
Est il possible de l'adapter à la version 2 de XF?
Si oui, pouvez vous m'aidez?

Merci