Décaler une image dans un template perso

[xjr13sp]

Bonjour,

Bon, j'ai réussi péniblement à modifier les + et - de réputation par des images perso, mais je n'arrive pas à trouver l'endroit pour modifier leur emplacement. Il faudrait juste que je puisse les décaler de 2 mm vers la gauche :



Merci pour votre aide

[Gorgorbey]

Bonjour,

Quelles parties avez-vous modifiées et comment que je puisse recréer votre problème sur un forum de test ?

Cordialement.

[xjr13sp]

Le template modifié est le "viewtopic_body" dans "Général", à partir de la ligne 117 (la ligne 116 étant : <td colspan="2">)

<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="https://i.servimg.com/u/f44/11/74/35/28/icone-10.png" title="Voter pour ce message" alt="Voter pour ce message" /></a></div>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->

<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="https://i.servimg.com/u/f44/11/74/35/28/icone-11.png" title="Voter pour ce message" alt="Voter pour ce message" /></a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->

[Gorgorbey]

Essayez de mettre dans votre CSS personnalisé :

Code:

.vote-button
{
padding-left: -10px
}

ou

Code:

.vote-button
{
margin-left: -10px
}

[xjr13sp]

Pardonnez mon ignorance, mais je dois placer ce code à quel endroit dans le code s'il vous plait ?

[Gorgorbey]

Dans PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS

[xjr13sp]

Désolé aucun des 2 ne fonctionne

[Gorgorbey]

Avez-vous du CSS associé à ces boutons ?

[xjr13sp]

Non, ce que j'ai mis plus haut c'est uniquement le code lié à ces boutons.
Pour info c'est sur un forum de test, dont voici l'adresse : cliquez ici

[Gorgorbey]

Essayez d'appliquer les ceci :

Code:

.vote
{
margin-left: -10px
}

ou

Code:

.vote
{
padding-left: -10px
}

ou

Code:

.vote img
{
margin-left: -10px
}

ou

Code:

.vote img
{
padding-left: -10px
}

Je donne plusieurs codes car je n'arrive pas à reproduire votre soucis.

[xjr13sp]

Code:

.vote img
{
margin-left: -10px
}

Cette partie du code fonctionne !!

Merci