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

[Sacryp]

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 :

<div class="pollContent">

Collez ce code en dessous :

<div class="custom_pollImage"></div>

Rendez-vous dans la template : Extra.css

Ajoutez ceci :

.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 :

.pollBlock .questionMark {
display: none;
}

Pour éviter que votre image déborde du sondage ajoutez :

<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

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

crédits: Blackbeard