Bouton Citer, editer, ...

[adrien_69]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumtestplc.forumactif.com/forum

Description du problème

Bonjour,

Sur la version ModernBB, je n'arrive pas à changer les icones éditer, supprimer, ip, citer, etc... Il s'agit surement d'un bug, car en passant par la gestion d'image cela ne fonctionne pas.

Est ce qu'il y aurait une solution via le Template ou le CSS ?

Merci.

Amitiés, Adrien.

[Invité]

Hello adrien_69,
hum, c'est bien le soucis de cette version,
en faite il faut gérer cela par la feuille de style:

Il faut aller sur cette page :
http://ionicons.com/cheatsheet.html

repères le bouton qui t’intéresse et prends juste le code qui figure après :

CSS Content:

Exemple avec le bouton Éditer que j'ai déposé en exemple ci-dessous:
CSS Content: /f12c

Il faudra juste modifier les valeurs déposées dans le style ci-dessous pour arriver
à l'affichage que tu souhaites.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


/*BOUTON EDITER*/
.ion-edit:before{content:"\f12c" !important;}
/*BOUTON SUPPRIMER*/
.ion-trash-a:before{content:"\f2d7" !important;}
/*BOUTON IP*/
.ion-ios-information:before{content:"\f3a3" !important;}
/*BOUTON CITER*/
.ion-quote:before{content:"\f3a8" !important;}


Penses à cliquer sur le bouton



a++

[adrien_69]

Merci pour ta réponse. Et est ce qu'on peut trouver les boutons qu'ils y avaient sur les autres versions, dans ce style là :

[adrien_69]

Milouze14, est ce que tu sais si en utilisant ta technique, il y a moyen d'augmenter de ces boutons ?

[Invité]

Re,

hum tu veux augmenter la taille de ces boutons ?

[adrien_69]

Oui, est ce qu'on pourrait rajouter une ligne dans ton code pour utiliser la taille du dessus par exemple ?

[Invité]

Re,
tu peux ajouter un font-size avec le hack !important :
Augmentes la valeur 16 si besoin.

Code:

/*BOUTON EDITER*/
.ion-edit:before{content:"\f12c" !important;font-size: 16px !important;}
/*BOUTON SUPPRIMER*/
.ion-trash-a:before{content:"\f2d7" !important;font-size: 16px !important;}
/*BOUTON IP*/
.ion-ios-information:before{content:"\f3a3" !important;font-size: 16px !important;}
/*BOUTON CITER*/
.ion-quote:before{content:"\f3a8" !important;font-size: 16px !important;}



a++

[adrien_69]

Parfait, merci beaucoup, c'est nickel !

Je passe le sujet en résolu !