Décaler une image dans un template perso

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Décaler une image dans un template perso

Message par xjr13sp le Lun 23 Jan - 6:56

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 Wink


Dernière édition par xjr13sp le Mar 24 Jan - 0:54, édité 1 fois
avatar

xjr13sp
***

Masculin
Messages : 139
Inscrit(e) le : 28/10/2009

http://xjrteam-forum.com
xjr13sp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par Gorgorbey le Lun 23 Jan - 7:03

Bonjour,

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

Cordialement.
avatar

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par xjr13sp le Lun 23 Jan - 7:55

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="http://i44.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="http://i44.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 -->
avatar

xjr13sp
***

Masculin
Messages : 139
Inscrit(e) le : 28/10/2009

http://xjrteam-forum.com
xjr13sp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par Gorgorbey le Lun 23 Jan - 8:11

Essayez de mettre dans votre CSS personnalisé :
Code:
.vote-button
{
padding-left: -10px
}

ou
Code:
.vote-button
{
margin-left: -10px
}
avatar

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par xjr13sp le Lun 23 Jan - 8:19

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

xjr13sp
***

Masculin
Messages : 139
Inscrit(e) le : 28/10/2009

http://xjrteam-forum.com
xjr13sp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par Gorgorbey le Lun 23 Jan - 8:25

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

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par xjr13sp le Lun 23 Jan - 8:36

Désolé aucun des 2 ne fonctionne Confused
avatar

xjr13sp
***

Masculin
Messages : 139
Inscrit(e) le : 28/10/2009

http://xjrteam-forum.com
xjr13sp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par Gorgorbey le Lun 23 Jan - 11:59

Avez-vous du CSS associé à ces boutons ?
avatar

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par xjr13sp le Lun 23 Jan - 19:41

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
avatar

xjr13sp
***

Masculin
Messages : 139
Inscrit(e) le : 28/10/2009

http://xjrteam-forum.com
xjr13sp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par Gorgorbey le Lun 23 Jan - 20:05

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

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Décaler une image dans un template perso

Message par xjr13sp le Mar 24 Jan - 0:53

@Gorgorbey a écrit:
Code:
.vote img
{
margin-left: -10px
}
Cette partie du code fonctionne !!

Merci ok
avatar

xjr13sp
***

Masculin
Messages : 139
Inscrit(e) le : 28/10/2009

http://xjrteam-forum.com
xjr13sp a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum