Connexion

Récupérer mon mot de passe

Derniers sujets*
» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Hier à 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

Les statistiques du forum
Nous avons 484 membres enregistrés

L'utilisateur enregistré le plus récent est saya

Nos membres ont posté un total de 27725 messages dans 1414 sujets

[AWESOMEBB]Modifier les icônes de la réponse rapide

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

Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Sam 17 Juil 2021 - 19:37

Hello les ami(e)s,

voici une astuce qui va changer les icônes de la réponse rapide:

Actuellement vous avez ce visuel:

[AWESOMEBB]Modifier les icônes de la réponse rapide 110

Vous pouvez selon votre choix avoir cette apparence:

Couleurs unies pour tous les boutons
Voir le style

[AWESOMEBB]Modifier les icônes de la réponse rapide 1oneco10

Couleurs définies pour tous les boutons:
Voir le style

[AWESOMEBB]Modifier les icônes de la réponse rapide 1color10


Pour cela, on va introduire la librairie awesome dans le template overall_header:
Affichage/Templates/Général/ overall_header


Juste avant ceci:
Code:
  
{T_HEAD_STYLESHEET}

Déposez ceci:

Code:
  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


Pensez a enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout

Ensuite il va falloir utiliser ce site:
https://fontawesome.com/v4.7/icons/

Cliquez sur un des boutons :
Recherchez le code unicode:

[AWESOMEBB]Modifier les icônes de la réponse rapide 210


Code:
fxxx

C'est ce code qu'il faudra reporter dans la feuille de style fournie et en vous repérant avec les commentaires.

Revenir à l'astuce
Couleurs unies pour tous les boutons:


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

Ajouter ceci:

Code:

#quick_reply .sceditor-button{text-indent:0px!important;}
#quick_reply .sceditor-button div{background:none!important;  line-height: 16px!important;}
#quick_reply .sceditor-button div:before
{
font-family: FontAwesome;
font-size: 16px!important;
/*la couleur pour tous les boutons*/
color:#1E88E5!important;
font-weight: normal;
}

/*LE BOUTON GRAS*/
#quick_reply .sceditor-button.sceditor-button-bold div:before{content: "\f032";}
/*LE BOUTON ITALIC*/
#quick_reply .sceditor-button.sceditor-button-italic div:before{content: "\f033";}
/*LE BOUTON SOULIGNER*/
#quick_reply .sceditor-button.sceditor-button-underline div:before{content: "\f0cd";}
/*LE BOUTON BARRER*/
#quick_reply .sceditor-button.sceditor-button-strike div:before{content: "\f0cc";}
/*LE BOUTON MENTIONNER*/
#quick_reply  .sceditor-button.sceditor-button-mention div:before{content: "\f21d";}
/*LE BOUTON SPOILER*/
#quick_reply  .sceditor-button.sceditor-button-faspoiler div:before{content: "\f160";}
/*LE BOUTON SMILEYS*/
#quick_reply  .sceditor-button.sceditor-button-emoticon div:before{content: "\f118";}
/*LE BOUTON BASCULER DE MODE EDITION EN MODE HTML*/
#quick_reply .sceditor-button.sceditor-button-source:not(.hover) div:before{content: "\f070";}
#quick_reply .sceditor-button.sceditor-button-source.hover{box-shadow:none!important;}
/*LE BOUTON BASCULER DE MODE EDITION EN MODE WYSIWYG*/
#quick_reply .sceditor-button.sceditor-button-source.hover div:before{content: "\f06e";}
/*ON DESACTIVE L OPACITE*/
#quick_reply .sceditor-button.disabled div{opacity:1!important;}



Penser a cliquer sur le bouton [AWESOMEBB]Modifier les icônes de la réponse rapide Sans_t10


Revenir à l'astuce
Couleurs définies pour tous les boutons:



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

Ajouter ceci:

Code:


#quick_reply .sceditor-button{text-indent:0px!important;}
#quick_reply .sceditor-button div{background:none!important;  line-height: 16px!important;}
#quick_reply .sceditor-button div:before
{
font-family: FontAwesome;
font-size: 16px!important;
font-weight: normal;
}
/*LE BOUTON GRAS*/
#quick_reply .sceditor-button.sceditor-button-bold div:before
{
color:#1E88E5!important;
content: "\f032";  
}
/*LE BOUTON ITALIC*/
#quick_reply .sceditor-button.sceditor-button-italic div:before
{
color:#660000!important;
content: "\f033";    
}
/*LE BOUTON SOULIGNER*/
#quick_reply .sceditor-button.sceditor-button-underline div:before
{
color:#40A497!important;
content: "\f0cd";    
}
/*LE BOUTON BARRER*/
#quick_reply .sceditor-button.sceditor-button-strike div:before
{
color:#707344!important;
content: "\f0cc";    
}
/*LE BOUTON MENTIONNER*/
#quick_reply  .sceditor-button.sceditor-button-mention div:before
{
color:#F1B906!important;
content: "\f21d";    
}
/*LE BOUTON SPOILER*/
#quick_reply  .sceditor-button.sceditor-button-faspoiler div:before
{
color:#F006F1!important;
content: "\f160";    
}
/*LE BOUTON SMILEYS*/
#quick_reply  .sceditor-button.sceditor-button-emoticon div:before
{
color:#F15B06!important;
content: "\f118";  
}
/*LE BOUTON BASCULER DE MODE EDITION EN MODE HTML*/
#quick_reply .sceditor-button.sceditor-button-source:not(.hover) div:before
{
color:#27F106!important;
content: "\f070";  
}
#quick_reply .sceditor-button.sceditor-button-source.hover{box-shadow:none!important;}
/*LE BOUTON BASCULER DE MODE EDITION EN MODE WYSIWYG*/
#quick_reply .sceditor-button.sceditor-button-source.hover div:before
{
color:#06C4F1!important;
content: "\f06e";  
}
/*ON DESACTIVE L OPACITE*/
#quick_reply .sceditor-button.disabled div{opacity:1!important;}


Penser a cliquer sur le bouton [AWESOMEBB]Modifier les icônes de la réponse rapide Sans_t10



Voila, c'est tout pour le moment  clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif



Morane aime ce message

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

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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