XenForo 1.X Ajouter Une Image A Coter De Vos Sondage

Sacryp

Master 🏆
Level 2

Torrents Stats

Messages
259
J'aime
35
Trophées
615
Inscrit
27 Novembre 2015
Bonjour à tous

Aujourd'hui je vais vous apprendre a mettre une image a coté de vos sondages

C'est très simple

Tous d'abord, héberger votre image, si vous ne connaissez pas d'hébergeur gratuit, je vous conseil Zupimage ( Prenez le lien direct de l'image )

Alors, vous allez vous rendre sur la Panel AdminCP

Allez dans la template : poll_block

Cherchez :
Code:
<div class="pollContent">

Collez ce code en dessous :
Code:
<div class="custom_pollImage"></div>


Rendez-vous dans la template : Extra.css

Ajoutez ceci :
Code:
.custom_pollImage {
background: url("LIEN DE VOTRE IMAGE") no-repeat;
width: 150px;
height: 150px;
position: absolute;
left: -200px;
}
A la place de " LIEN DE VOTRE IMAGE " Remplacez le par le lien de votre image

Pour supprimer le point d'interrogation ajoutez :
Code:
.pollBlock .questionMark {
display: none;
}
Pour éviter que votre image déborde du sondage ajoutez :
Code:
<xen: si est = "@ enableResponsive">
@media (max-width: @maxResponsiveWideWidth) {
.custom_pollImage {
display: none;
}
}


@media (max-width: @maxResponsiveMediumWidth) {
.custom_pollImage {
display: none;
}
}

@media (max-width: @maxResponsiveNarrowWidth) {
.custom_pollImage {
display: none;
}
}
</ xen: if>
( toujours dans la template : Extra.css )

Voici le résultat

aae3b7a965f1d36b76208a4c72ad5f48.png


Voilà le tutoriel est fini, n'hésitez pas de me contacter si vous avez le moindre problème.

crédits:
Blackbeard

 
Haut Bas