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 2012 - 18: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 2012 - 12:54, édité 1 fois

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 2012 - 19:03

Bonjour,

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

Cordialement.

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 2012 - 19: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="https://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="https://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 -->

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 2012 - 20:11

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

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

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 2012 - 20:19

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

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 2012 - 20:25

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

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 2012 - 20:36

Désolé aucun des 2 ne fonctionne Confused

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 2012 - 23:59

Avez-vous du CSS associé à ces boutons ?

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

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 Mar 24 Jan 2012 - 8: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.

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 2012 - 12:53

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

Merci ok

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