Connexion

Récupérer mon mot de passe

Derniers sujets*
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par Romain Hier à 10:18

» [TOUTES VERSIONS]Afficher les derniers membres enregistrés dans un widget (ADMIN)
par Milouze14 Dim 29 Nov 2020 - 11:50

» [EDGE]Module de connexion type Forumactif
par clost Mar 24 Nov 2020 - 21:11

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par petitefeuille Mar 24 Nov 2020 - 8:32

» [PHPBB2]Afficher le profil à droite
par Milouze14 Lun 23 Nov 2020 - 18:42

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Dim 22 Nov 2020 - 18:57

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par clost Dim 22 Nov 2020 - 13:59

» [EDGE] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par clost Sam 21 Nov 2020 - 19:11

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Milouze14 Jeu 19 Nov 2020 - 20:03

» [TOUTES VERSIONS] Masquer une icône de message sur un ou plusieurs forums
par Jane Mer 18 Nov 2020 - 7:33

» [PHPBB3] Ajouter une deuxième barre de navigation
par photoclic Dim 15 Nov 2020 - 13:04

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Prongs Dim 15 Nov 2020 - 10:15

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par tritri Ven 13 Nov 2020 - 21:12

» [PHPBB2] Supprimer les colonnes sujets messages et derniers messages des sous forums
par soleda Mar 10 Nov 2020 - 7:04

» [PHPBB2]Supprimer les champs de contacts dans le profil
par Psychotic Bitch Mar 10 Nov 2020 - 0:34

» [PHPBB2]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Psychotic Bitch Mar 10 Nov 2020 - 0:31

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par no_way Jeu 5 Nov 2020 - 20:59

» [PUNBB] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Milouze14 Dim 1 Nov 2020 - 7:43

» [INVISION] Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Milouze14 Dim 1 Nov 2020 - 6:27

» [PHPBB2]Afficher le Pseudo dans l'outil de modération "Modérer ce forum"
par Morane Sam 31 Oct 2020 - 11:25

Les statistiques du forum
Nous avons 452 membres enregistrés

L'utilisateur enregistré le plus récent est Tik Tok

Nos membres ont posté un total de 22165 messages dans 1145 sujets

[INVISION]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte

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

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Sep 2019 - 5:32

Hello les ami(e)s,
voici une astuce qui va vous permettre de remplacer les images par du texte:

Les images sont bien plus parlantes:
  Avant:

[INVISION]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte 0113

Après:

[INVISION]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte 0213

Théoriquement ,tous les boutons sont présents, si toutefois vous constatiez qu'il en manque, merci de me remonter l'information sur ce fil.
Pour la plupart des boutons, les textes seront désignés dans la feuille de style.
Donc repérez vous aux commentaires pour modifier selon vos souhaits.
Attention toutefois, ne donnez pas de texte trop long car l'espace est assez restreint  clin oeil  .

Dans la feuille de style, vous trouverez respectivement ceci:
Exemple avec le bouton "Citer"

Code:
content:'Citer';

Le texte Citer sera affiché pour le bouton du même nom.
Il faudra bien laisser les ' ' .


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

Code:

/*on masque les images*/
.posting-icons a img{display:none;}
/*on donne un style au curseur au survol des boutons multicitation*/
.M14_multi{cursor:pointer;}
/*on donne une taille de police /couleur et suppression du soulignement à tous les boutons*/
.posting-icons a.M14_nav {font-size:11px;color:#391931;text-decoration:none!important;margin: 0px 3px 0px 3px;}
/*on donne une couleur au survol*/
.posting-icons a.M14_nav:hover{color:#3A5384;}
/*LE BOUTON CITER*/
.posting-icons a[href$="mode=quote"]:before{content:'Citer';}
/*LE BOUTON EDITER*/
.posting-icons a[href$="editpost"]:before{content:'Editer';}
/*LE BOUTON SUPPRIMER*/
.posting-icons a[href$="mode=delete"]:before{content:'Supprimer';}
/*LE BOUTON IP*/
.posting-icons a[href^="/modcp?mode=ip"]:before{content:'IP';}
/*LE BOUTON RAPPORT*/
.posting-icons a[href*="mode=report"]:before{content:'Rapport';}
/*LE BOUTON RAPPORT VERROUILLER*/
.posting-icons a[href*="report?mode=lock"]:before{content:'Verrou';}

Penser a cliquer sur le bouton [INVISION]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte Sans_t10



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

Mettre un titre explicite.

Cocher  Sur les sujets
Déposer ceci:

Code:

$(function(){
$('.posting-icons').find('a').addClass('M14_nav');
//TITRE DU BOUTON SELECTIONNE
  var titreCit='Citation';
//TITRE DU BOUTON SELECTIONNE
var titreCitOK='Ok';
//COULEUR DU TITRE DU BOUTON SELECTIONNE
var color='#F19104';
//TITRE DU BOUTON MERCI
var titrethank='Merci';
//COULEUR DU TITRE DU BOUTON MERCI  
var colorTH='#0A8B16';
//TITRE DU BOUTON MERCI EFFECTUE
var titreOk='Effectué';
//COULEUR DU TITRE DU BOUTON MERCI EFFECTUE  
var colorTHOK='#DD0951';
$('img[id^="post_mq"]').each(function(){
var id=$(this).attr('id');
$(this).replaceWith('<a class="M14_nav M14_multi"id="'+id+'"onclick="togglePostMultiQuote(this);">'+titreCit+'</a>');
$('.M14_multi').each(function(){
$(this).click(function(){
$(this).removeAttr('onclick').unbind().hide().text(titreCitOK).fadeIn().css('color',''+color+'');});});});
$('.posting-icons a[href*="thank"]').each(function(){var link=$(this).attr('href');
$(this).replaceWith('<a href="'+link+'"class="M14_nav"style="color:'+colorTH+';">'+titrethank+'</a>');  });
$('.posting-icons img[alt="Sujet déjà remercié"]').each(function(){
$(this).replaceWith('<a class="M14_nav"style="cursor:pointer;color:'+colorTHOK+';">'+titreOk+'</a>');  
});});

Penser a cliquer sur le bouton Valid

Repérez vous aux commentaires dans le script afin d'attribuer le texte et la couleur désirée  hinhin .



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


Dernière édition par Milouze14 le Sam 28 Déc 2019 - 9:05, édité 1 fois
Anonymous
Invité
Invité

MessageInvité le Jeu 17 Oct 2019 - 10:12

Bonjour milouze,  coucou
Ca fonctionne, merci, c'est bien, j'aime bien, j'ai juste un probléme, il n' y a pas d'espace entre les mots, "citer" etc...
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 17 Oct 2019 - 11:46

Hello @Temps-pour-elle ,

il suffit de repérer cette ligne dans la feuille de style:
Code:
/*on donne une taille de police /couleur et suppression du soulignement à tous les boutons*/
.posting-icons a.M14_nav {font-size:11px;color:#391931;text-decoration:none!important;margin: 0px 3px 0px 3px;}

Et augmenter les valeurs 3 ici:

Code:
margin: 0px 3px 0px 3px;



Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
Anonymous
Invité
Invité

MessageInvité le Jeu 17 Oct 2019 - 16:34

@Milouze14 a écrit:Hello @Temps-pour-elle ,

il suffit de repérer cette ligne dans la feuille de style:
Code:
/*on donne une taille de police /couleur et suppression du soulignement à tous les boutons*/
.posting-icons a.M14_nav {font-size:11px;color:#391931;text-decoration:none!important;margin: 0px 3px 0px 3px;}

Et augmenter les valeurs 3 ici:

Code:
margin: 0px 3px 0px 3px;



Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.
Merci milouze d'avoir repondu aussi vite, j'ai essayé, ça ne fonctionne pas oups1
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 17 Oct 2019 - 19:26

On va passer par l'entraide Laurence désormais.
N'hésites pas a donner un compte test afin de voir
en tant que membre l'éventuel soucis clin oeil


Nouvelle barre de navigation

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

MessageInvité le Ven 18 Oct 2019 - 12:28

ok clin oeil

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


Connexion

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