Est ce possible de changer mes boutons de cette manière?

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

Résolu Est ce possible de changer mes boutons de cette manière?

Message par Lilynufare le Ven 1 Mai 2015 - 9:36

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
Je me tourne vers vous encore car j'aurai une question pour l'apparence de mon forum. Je voulais savoir si il était possible de changer les boutons en image (Citer, Editer Pofil, mp, IP, en ligne) pour mettre à la place une écriture, grosseur, couleur, de mon choix, avec la feuille css? Je ne veux pas mettre des images.

Merci de votre attention.

Bonne journée


Dernière édition par Lilynufare le Ven 1 Mai 2015 - 21:37, édité 1 fois

Lilynufare
***

Messages : 187
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est ce possible de changer mes boutons de cette manière?

Message par MlleAlys le Ven 1 Mai 2015 - 16:26


MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est ce possible de changer mes boutons de cette manière?

Message par Lilynufare le Ven 1 Mai 2015 - 20:42

Bonsoir,
Merci pour le lien, ça m'a beaucoup aidé, j'ai réussi à le faire mais il y a deux boutons qui ne fonctionnent pas :

Java:
Code:
$(function(){
          $('.i_icon_edit').replaceWith("<span class='bouton'>editer</span>");
          $('.i_icon_ip').replaceWith("<span class='bouton'>IP</span>");
          $('.i_icon_quote').replaceWith("<span class='bouton'>citer</span>");
          $('.i_icon_delete').replaceWith("<span class='bouton'>X</span>");
          $('.i_icon_profile').replaceWith("<span class='bouton'>profil</span>");
          $('.i_icon_pm').replaceWith("<span class='bouton'>MP</span>");
          $('.i_icon_aim').replaceWith("<span class='bouton'>aim</span>");
          $('.i_icon_icq_add').replaceWith("<span class='bouton'>icq</span>");
          $('.i_icon_yim').replaceWith("<span class='bouton'>yahou</span>");
          $('.i_icon_skype').replaceWith("<span class='bouton'>skype</span>");
          $('.i_icon_online').replaceWith("<span class='bouton'>En ligne</span>");
        });

Et c'est deux là ne fonctionnent pas, pourtant j'ai mi les bons liens :

Code:
$('.i_icon_email').replaceWith("<span class='bouton'>email</span>");
          $('.i_icon_www').replaceWith("<span class='bouton'>web</span>");

CSS:
Code:
.bouton {
 font-family: 'georgia';
  font-size: 10px;
color: #52514C;
text-transform: uppercase;
}

Merci.

Lilynufare
***

Messages : 187
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est ce possible de changer mes boutons de cette manière?

Message par MlleAlys le Ven 1 Mai 2015 - 20:56

Ces boutons n'ont pas de class, c'est pour ça que le changement ne s'effectue pas...
Pour le bouton email, on peut ajouter la class dans le template :

Dans viewtopic_body, localisez la variable :
Code:
{postrow.displayed.EMAIL_IMG}
Encadrez-la ainsi :
Code:
<span class="i_icon_email">{postrow.displayed.EMAIL_IMG}</span>

Mais du coup comme on ne veut pas remplacer tout ce span mais juste l'image qui est à l'intérieur, il faut modifier le script ainsi :
Code:
$('.i_icon_email img').replaceWith("<span class='bouton'>email</span>");





EDIT : pour le site web, utilisez la ligne de script suivante :
Code:
$('a[title="Visiter le site web du posteur"] img').replaceWith("<span class='bouton'>web</span>");
Elle identifie l'image au titre du lien qui lui est appliqué ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Est ce possible de changer mes boutons de cette manière?

Message par Lilynufare le Ven 1 Mai 2015 - 21:24

Merci de votre aide, ça marche Smile
Bonne soirée.

Lilynufare
***

Messages : 187
Inscrit(e) le : 22/08/2012

Lilynufare 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