Connexion

Récupérer mon mot de passe

Derniers sujets
» [EDGE]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Ptite_Perle Aujourd'hui à 18:24

» *RESOLU*[MODERNBB] Fusionner la toolbar et la barre de navigation sur un thème modernBB
par Milouze14 Hier à 15:56

» *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;
par Milouze14 Sam 22 Fév 2020, 15:17

» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par BarTender Sam 22 Fév 2020, 15:00

» histoire du Jour sans fin
par Quad Daniel Sam 22 Fév 2020, 12:06

» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
par Milouze14 Sam 22 Fév 2020, 10:43

» [TOUTES VERSIONS] Bouton générateur de tableaux
par BarTender Ven 21 Fév 2020, 15:31

» [PHPBB3] Intégrer des boutons en relation avec le profil du membre style barre de contact
par BarTender Ven 21 Fév 2020, 14:57

» [TOUTES VERSIONS]Remplacer les icônes de l'éditeur par des icônes FontAwesome
par BarTender Ven 21 Fév 2020, 13:08

» *RESOLU*[PHPBB2] Fenetres en haut du forum
par Milouze14 Ven 21 Fév 2020, 03:46

» [BESTOF] Images favorites
par Milouze14 Jeu 20 Fév 2020, 19:33

» [BESTOF] Ajouter lien message dans titre citation
par Milouze14 Mar 18 Fév 2020, 18:44

» *RESOLU*[PHPBB2] WYSIWYG pour citation sur message rapide
par Milouze14 Mar 18 Fév 2020, 18:32

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Mar 18 Fév 2020, 02:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020, 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020, 03:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020, 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020, 08:29

» [TOUTES VERSIONS] Recherche de texte dans les templates
par photoclic Mer 12 Fév 2020, 19:42

» *RESOLU*[PHPBB3] Mettre un cadre aux forums des catégories
par Milouze14 Jeu 06 Fév 2020, 15:06

*RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet"

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

Splash
Splash
Milouzien

MessageSplash le Lun 16 Sep 2019, 20:40

  • Version du forum :
    Edge
  • Templates modifiés :
    oui
  • Navigateur :
    Opera
Hi Phil,
J'ai un code CSS afin de customiser ces 2 boutons, voici le rendu :
Voir les boutons :
*RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet" Bouton12

Voici maintenant le code CSS :
Code:
/*BOUTONS RÉPONDRE ET NOUVEAU SUJET*/
.buttons a img { display: none; }  /*On masque les boutons d'origine*/
  
.buttons a[href] {
    border: none;
    padding: 5px 6px;
    margin: 0 0 3px;
    background-color: #769C5F;
    color: #FFF;
    font-family: 'Gabriela';
    font-size: 14px;
    text-transform: normal;  
}
.buttons a[href]:hover {background-color: #69c;} /*Affichage au survol*/
      
.buttons a[href]:before { font: 16px FontAwesome !important; } /*Taille de la police*/

.buttons a[href*="mode=newtopic"]:before { content: '\f0a9'; }
.buttons a[href*="&mode=newtopic"]:after { content: ' Nouveau sujet'; }
.buttons a[href*="&mode=reply"]:before { content: '\f055'; }
.buttons a[href*="&mode=reply"]:after { content: ' Répondre'; }
/*FIN BOUTONS RÉPONDRE ET NOUVEAU SUJET*/

Le problème se pose lorsqu'un sujet est verrouillé, avec ce code le bouton "Répondre" est toujours affiché en vert ou en bleu au survol de souris.

Comment faire pour inclure au code CSS le bouton noir de sujet Verrouillé ?


Dernière édition par Splash le Mar 17 Sep 2019, 15:56, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 17 Sep 2019, 04:24

Hello Fred,
tu peux tester ceci stp:
Code:
 
.buttons a[href*="&mode=reply"] img[alt^="Ce sujet est verrouillé"]:before{ content: '\f023'; }
 .buttons a[href*="&mode=reply"] img[alt^="Ce sujet est verrouillé"]:after { content: ' Verrouillé'; }


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Splash
Splash
Milouzien

MessageSplash le Mar 17 Sep 2019, 07:51

Hi Phil,
Je viens d'ajouter ces 2 lignes au code CSS mais cela ne fait rien du tout
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 17 Sep 2019, 15:26

Hum, effectivement, j'avais donné la c.s.s a l'aveuglette.
On va se servir du alt des images .


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur les sous-forums
Cocher sur les sujets


Déposer ceci:
Code:

$(function(){
$('img[alt^="Ce sujet est verrouillé"]').closest('a').addClass('M14_btn-verrouPost');
$('img[class="i_reply_locked"]').closest('a').addClass('M14_btn-verrouForum');
});
Penser a cliquer sur le bouton Valid





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

Code:

.buttons a.M14_btn-verrouPost[href*="&mode=reply"]:before,.buttons a.M14_btn-verrouForum:before{ content: '\f023'; }
.buttons a.M14_btn-verrouPost[href*="&mode=reply"]:after ,.buttons a.M14_btn-verrouForum:after{ content: ' Verrouillé'; }

Penser a cliquer sur le bouton *RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet" Sans_t10

La c.s.s donnera aussi la même apparence aux boutons "nouveau" sur les forums verrouillés.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Splash
Splash
Milouzien

MessageSplash le Mar 17 Sep 2019, 15:52

Ça c'est OK

*RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet" Bouton13

Par contre je ne parvient pas à lui donner une couleur de background noir
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 17 Sep 2019, 15:59

Tu viens de mettre ton sujet en résolu avant d'avoir eut la réponse,
je considère que tu as trouvé la solution, mais je donne tout de même la solution:


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

Code:

  .buttons a.M14_btn-verrouPost,.buttons a.M14_btn-verrouForum{background-color: black !important;}

Penser a cliquer sur le bouton *RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet" Sans_t10



Hello


Sujet résolu et déplacé dans le forum adéquate  

A bientôt pour une prochaine demande  clin oeil

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

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à membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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