Couleur du lien caché dan les messages

[ombrageux]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

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

Description du problème

Bonjour,

J'ai tenté dans la recherche de trouver la solution mais je n'ai pas trouvé.

Je souhaiterai changer la couleur du lien caché dans les messages de mon forum.



Lorsque nous mettons des liens cachés dans un messages il est en noir et j'aimerais qu'ils soit d'une autre couleur afin de mieux le différencier du reste du texte.

D'avance merci pour vos conseils ou vos astuces.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[ombrageux]

Bonjour,

Personne pour réponde à ma demande ?

[Invité]

Hello ombrageux,


testes ceci:

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

Ajoutes ceci:

Code:


dl.codebox.hidecode dd a[href]
{
color:red;
}


Penses à cliquer sur le bouton

Changes bien sûr la couleur red par celle que tu souhaites

a++

[ombrageux]

Bonjour et merci pour votre réponse.

J'ai essayé mais ça ne fonctionne pas, j'ai fais un copier-coller au bas de la feuille de style en laissant la couleur pour le test mais j'ai toujours le lien en noir et non pas en rouge.

[Invité]

Hello ombrageux,

tu peux me donner le contenu de ta feuille de style stp?

a++

[ombrageux]

Bonjour Milouze14,

Désolé pour le retard j'ai été un peu bousculé ces temps-ci.

Sur celle-ci ton code n’apparaît pas car j'ai fais l'essai sur un forum bis dont je me sers justement pour faire des essais mais qui est le reflet de celui-ci

Code:


 
 
/***********************************************APPARENCE NOUVEL EDITEUR*/
 
 
/*général*/
.sceditor-container {
    width: 100% !important;  /********************************largeur de l'édieur*/
    text-align: center;
    border: none !important;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
    background-color : #FFFFFF !important;  /****couleur de fond global de l'éditeur*/
}
/*fin général*/
 
 
/*toolbar*/
div.sceditor-toolbar {
    background-color : #66BBFF   !important;  /************couleur de fond de la toolbar*/
    border: none !important;
}
div.sceditor-group {
    background-color: #ABD9DB!important;
    background-image: url(https://i.servimg.com/u/f46/16/46/33/35/bleu-e10.jpg) !important;  /**image de fond d'un groupe de boutons*/
}
a.sceditor-button.hover, .sceditor-button.active, a.sceditor-button:hover{
    background-color: #ABD9DB !important;  /***couleur de fond des bouton surlignés*/
}
/*fin toolbar*/
 
/*zone de texte*/
.sceditor-container iframe, .sceditor-container textarea {
    background-color: #FFFFFF !important;   /****couleur de fond de la zone de texte*/
    border: 1px solid white !important; /*couleur de la bordure de la zone de texte*/
    width: 95% !important; /***************************largeur de la zone de texte*/
    font-size: 12px !important;   /***********taille de la police (encmode source)*/
    padding: 5px !important;
}
/*fin zone de texte*/
 
/*encadré de saisie quand on clique sur un bouton*/
.sceditor-dropdown {
    background-color: #EAF7F6 !important;  /**************couleur de fond de l'encadré*/
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
    color: black !important;  /*****************couleur de la police dans l'encadré*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
    background-color: #ffffff !important;  /******couleur de fond des zones de saisie*/
}
/*fin encadré de saisie*/
 
/*smileys*/
 .sceditor-emoticons .smiley {
    width: auto !important;
    height: auto !important;
    max-width: 40px !important;  /************************largeur max d'un smiley*/
    max-height: 40px !important;  /***********************hauteur mex d'un smiley*/
}
.sceditor-dropdown.sceditor-emoticons {
    max-height: 200px;  /********************hauteur max de la fenêtre des smileys*/
    max-width: 300px; /**********************largeur max de le fenêtre des smileys*/
    overflow: auto;
}
/*fin smileys*/
 
/*********************************************FIN APPARENCE NOUVEL EDITEUR*/
 .post {
border-bottom: 10px solid #ABD9DB;
}
.topic-footer {
background-color: #66C4FF;
}
#gfooter {
background-color: #6CF;
}
table.ipbtable tfoot td {
background-color: #66BBFF ;
}

[Invité]

Hello ombrageux,

hum ceci fonctionnera:

Code:

dl.codebox.hidecode dd a[href]
{
color:red!important;
}

a++

[ombrageux]

Hi Milouze,

Euh non ça ne fonctionne pas, faut-il l'inséré quelque part comme dans

Code:

/*zone de texte*/

par exemple ?

Pour le moment, je l'ai inséré en bas de la feuille de style.

[Invité]

Hello ombrageux,

je l'ai inséré en bas de la feuille de style.

Ben vi , mais tu n'as inséré que ceci:

Code:

dl.codebox.hidecode dd a[href]

Il faut mettre la couleur sinon!!!!!!!!!!!!!!!!!!!!!!

Code:


dl.codebox.hidecode dd a[href]{color:red!important;}


Rappel tout de même concernant cette balise,
seuls les admins et modos (sous réserves) peuvent voir la balise.
Les membres peuvent voir cette dernière,seulement si ils ont répondu au sujet.


a++

[ombrageux]

Les membres peuvent voir cette dernière,seulement si ils ont répondu au sujet.

Bonsoir Milouze,

En fait le but serait que ce soit les membres qui voient la balise, il n'y a pas de modérateur, il n'y a que moi à l'administration.

J'ai essayé à nouveau mais ça ne fonctionne pas, ni en bas de la feuille de style, ni à la fin de

Code:

 /*zone de texte*/

[Invité]

Re,
les membres ne verront rien de cette balise tant qu'ils n'ont pas répondu.
a++

[ombrageux]

Ok, donc ce n'est pas le but recherché, le but étant d'attire l'attention sur le lien.

[Invité]

Hello ombrageux,

Ok, donc ce n'est pas le but recherché, le but étant d’attirer l'attention sur le lien.

tu ne pourras rien faire dans ce cas .

a++

[Invité]

Re,

il y a bien une solution, mais il est impératif d'avoir que la balise hide dans le contenu du message.
On va ajouter une class afin de toucher la partie concernée:

Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherches ceci ligne 213:

Code:

   <div>{postrow.displayed.MESSAGE}</div>

Supprimes et remplaces par:

Code:

<div class="M14_message">{postrow.displayed.MESSAGE}</div>

Penses a enregistrer puis à valider en cliquant respectivement sur puis

Ensuite le script qui va rechercher si le contenu est vide et à partir de là,
on pourra afficher un tag de ce genre:




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

Mettre un titre explicite.

Cocher Sur les sujets

Déposes ceci:

Code:


$(function(){
  //LE CONTENU DU TAG
var message="Le contenu est caché, merci de répondre pour voir le contenu";
$('.M14_message').each(function(){var a=$(this).text().length;
if(a<1){$(this).after('<div class="M14_balise_hide">'+message+'</div>');}
else{}});});



Penses à cliquer sur le bouton VALIDER

Puis un peu de style:

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

Ajoutes ceci:

Code:


.M14_balise_hide
{
position: relative;
    margin-top: 60px;
    text-align: center;
    color: darkred;
    font-weight: bold;
}
 


Penses à cliquer sur le bouton

Tu pourras modifier le texte du tag dans le script ici entre les guillemets " ":

Code:


var message="Le contenu est caché, merci de répondre pour voir le contenu";


Il faut bien comprendre que si le message contient un caractère, le script n'agira pas.
Il est donc impératif de déposer juste la balise hi et le lien ou le texte a masquer.

a++

[ombrageux]

Bonjour Milouze et merci pour ta réponse,

Je pense avoir bien suivi la procédure mais ça me donne ceci lorsque j'envoie le message.

[Invité]

Hello ombrageux,

Je pense avoir bien suivi la procédure mais ça me donne ceci lorsque j'envoie le message.

le script n'agit pas lors de l'envoi mais un fois posté.

Il faudrait que tu donnes un lien vers un sujet présent sur ton forum concerné par la balise hide.

Actuellement( 07.08.2020 04:05:50 ) , le script n'est pas activé sur ton forum!!!.

a++

[ombrageux]

Hello Milouze

https://defoulloir.forumactif.com/t27413-un-glacier-du-mont-blanc-sur-le-point-de-s-effondrer-en-italie

Un exemple ce que je mets sur le Défouloir, comme tu le constateras, ce ne sont pas des jeunes qui fréquentent le forum et j'aimerai que le lien vers le site soit plus visible, et si possible dans les bleus un peu foncés.

En tout cas, merci pour la peine que tu te donnes.

[ombrageux]

Oupssss, désolé, je viens de me rappeler que j'ai mis un mauvais lien.

https://routiersympa.forumactif.com/t1901-solidarite#3434

Celui-ci n'est plus actif et e sert de forum test

[Invité]

Hello ombrageux,
merci pour les liens, mais je ne vois rien en tant qu'invité.

Pour changer la couleur, tu peux remplacer le style donné ici:
https://forum.forumactif.com/t403687-couleur-du-lien-cache-dan-les-messages#3367962

Par celui-ci:

Code:

.M14_message dl.codebox.hidecode dd a[href]
{
color:darkblue;
font-weight:bold;
  font-size:16px!important
}

a++

[ombrageux]

Pour le moment, ça ne change rien, le lien reste noir et non pas de la couleur souhaitée.

Bonne soirée.

[Invité]

Re,

Pour le moment, ça ne change rien, le lien reste noir et non pas de la couleur souhaitée.

Bonne soirée.

Comme mentionné dans mon message:

merci pour les liens, mais je ne vois rien en tant qu'invité.

Je ne peux rien faire de plus .

a++

[ombrageux]

Je comprends, merci pour le temps que vous avez passé sur mon problème.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[ombrageux]

Une dernière tentative ?

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.