Appliquer couleur groupe dans un bloc

2 participants

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

Résolu Appliquer couleur groupe dans un bloc

Message par Melodiam Lun 4 Mar 2019 - 11:19

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumtestfunkytown.forumactif.com/

Description du problème

Bonjour !! :-)

Voilà, j'ai un souci concernant mon code java...
J'aimerais appliquer au bloc "entetePFL" actuellement rouge la couleur de groupe du membre mais rien à faire, ça ne marche pas et je ne sais pas où est le souci...

Sauriez-vous ce qui cloche avec le code ?
Voici mon code :

Code:
<div class="entetePFL"><script type="text/javascript">//<![CDATA[
                      $( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color");$(this).closest(".entetePFL").css("background-color",color);;});});//]]></script>ouhiygiygi</div>

Voici le CSS
Code:
.entetePFL {
padding: 20px; background: red;
  color: black; margin-top: 10px; border-bottom: 5px solid green;
}

Merci! Smile
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par *Splash* Lun 4 Mar 2019 - 11:48

Hi,
Donc tu voudrais que les membres des groupes entetePFL et Membres soient de la même couleur ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par Melodiam Lun 4 Mar 2019 - 13:12

Hey !

"entete" n'est pas un groupe haha
il s'agit du bloc au dessus du poste -> http://forumtestfunkytown.forumactif.com/t1-votre-1er-sujet#2
et en gros j'aimerais que la couleur de fond de ce bloc soit la couleur du membre qui a posté ; par exemple Admin est du groupe Admin couleur bleu donc ce bloc sera couleur bleu et si un autre posteur du groupe "x" couleur jaune poste, le bloc sera couleur jaune ! Smile
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par *Splash* Lun 4 Mar 2019 - 15:09

OK

Mets ce code javascript Sur les sujets :
Code:
$(function() {
  $('.Groupe1').closest('.post').addClass('bgGroupe1');
});
$(function() {
  $('.Groupe2').closest('.post').addClass('bgGroupe2');
});
$(function() {
  $('.Groupe3').closest('.post').addClass('bgGroupe3');
});
$(function() {
  $('.Groupe4').closest('.post').addClass('bgGroupe4');
});
$(function() {
  $('.Groupe5').closest('.post').addClass('bgGroupe5');
});

Cette ligne, et les autres :
Code:
$('.Groupe1').closest('.post').addClass('bgGroupe1');

Ou il est inscrit Groupe1 c'est la que tu vas inscrire la class du groupe, il faut la mentionner 2 fois
Par ex : Pour le groupe Admin cela donne ceci :
Code:
$('.Admin').closest('.post').addClass('bgAdmin');

Ensuite tu colle ce code à la CSS :
Code:
/* Coloriser les messages */
.post.bgGroupe1 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe2 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe3 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe4 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe5 {
    border-top: 10px solid #XXXXXX;
}    
/* fin coloriser les messages */

On décortique :
Code:
.post.bgGroupe1 {
    border-top: 10px solid #XXXXXX

.post.bgGroupe1 C'est là ou tu vas inscrire le nom du groupe, en fonction de ce que tu as mentionné dans le script
border-top: 10px solid La bordure aura une hauteur de 10px et elle sera pleine (solid)
#XXXXXX La couleur de la bordure (#0000FF pour une couleur bleu) il faut que tu prennes les couleurs mentionnées pour chaque groupe
Par ex : Pour le groupe Administrateur cela donne ceci :
Code:
.post.bgAdmin {
    border-top: 10px solid #0000FF

Ensuite, il faut nommer tes rangs ainsi :
Code:
<span class="Groupe1">Nom du rang</span>
Par ex : Pour le groupe Administrateur cela donne ceci :
Code:
<span class="Admin">Administrateur</span>

Etc...


Dernière édition par *Splash* le Lun 4 Mar 2019 - 18:42, édité 8 fois
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par Melodiam Lun 4 Mar 2019 - 15:32

Hey !

Merci de ton aide Smile

Du coup j'ai essayé mais cela ne fonctionne pas...
J'ai laissé la balise "post" ->
Code:
.post.bgGroupe5 {
    border-top: 10px solid #XXXXXX;
}
donc de ce format mais ça ne marche pas
j'ai changé pour ma balise "entetePFL" ->
Code:
.entetePFL.bgGroupe5 {
    border-top: 10px solid #XXXXXX;
}
ça ne marche pas non plus :-/

Voici mon template au complet (au cas où)
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }

   return false;
};

//]]>
</script>


<div class="topic-actions">
   <div class="buttons">

      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" class="nveBT" rel="nofollow">NOUVEAU</a>&nbsp;&nbsp;&nbsp;
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}" class="rpBT">RÉPONDRE</a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p>
            <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
   </div>

   <div class="pagination">
      {PAGE_NUMBER}
      &nbsp;•&nbsp;
        <a class="addthis_button" href="#">{L_SHARE}</a>
      <!-- BEGIN switch_plus_menu -->
      &nbsp;•&nbsp;
      <script type="text/javascript">//<![CDATA[
         var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
         var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
         var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
         var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
         var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
         insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
   <div class="clear"></div>
</div>

<div class="entetePFL">BLOC À REMPLIR ET COULEUR DE FOND = COULEUR DU GROUPE DU POSTEUR</div>

<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
  <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
                          <table><tr><td><div class="profile-iccons">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG_NEW}</div></td><td><div class="autdate">{postrow.displayed.POST_SUBJECT} UNE OEUVRE DE {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
                            </td></tr></table>

            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         
                          <div class="postbody">
            <div class="clearfix"></div>

            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
               <!-- END switch_vote -->

               <!-- BEGIN switch_bar -->
               <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                  <!-- END switch_vote_plus -->

                  <!-- BEGIN switch_vote_minus -->
                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                  <!-- END switch_vote_minus -->
               </div>
               <!-- END switch_bar -->

               <!-- BEGIN switch_no_bar -->
               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div style="display:none"></div>
            <div class="content clearfix">
               <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
            {postrow.displayed.EDITED_MESSAGE}
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
               <dd><br /></dd>
               <dd>
                  <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>
               <dd><br /></dd>
               <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </dd>
            </dl>
         </div>

         <div class="clear"></div>

         <p class="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->


<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <div class="clear"></div>
   <div>
      <!-- BEGIN link -->
      »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <span class="corners-top"><span></span></span>
   <div class="h3">&nbsp;{L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<div class="fondblancPF">
<!-- BEGIN switch_user_logged_in -->
<div style="color: transparent;">
  {QUICK_REPLY_FORM}</div>
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
   <div class="buttons">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" class="nveBT" rel="nofollow">NOUVEAU</a>&nbsp;&nbsp;&nbsp;
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}" class="rpBT">RÉPONDRE</a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
   </div>

   <div class="pagination">
      {PAGE_NUMBER}
   </div>
</div>
<div class="clear"></div>

<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   <label>{L_JUMP_TO}:&nbsp;</label>
   {S_JUMPBOX_SELECT}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <input type="hidden" name="t" value="{TOPIC_ID}" />

   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>{L_MOD_TOOLS}:&nbsp;</label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
  <div style="text-transform: uppercase;">{S_AUTH_LIST}</div>
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
</div>
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par *Splash* Lun 4 Mar 2019 - 16:21

Melodiam a écrit:Hey !

Merci de ton aide Smile

Du coup j'ai essayé mais cela ne fonctionne pas...

C'est normal que cela ne fonctionne pas, j'ai zappé le principal

J'ai édité mon message du coup Clique
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par Melodiam Lun 4 Mar 2019 - 17:28

Hey !

Alors je suis désolée mais je n'ai pas vraiment tout compris ! ^^'
Pour que mon bloc là, le "entete" https://nsa40.casimages.com/img/2019/03/04/190304053049266120.png
il adopte la couleur du posteur, il faut que je renomme les rangs ?
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par *Splash* Lun 4 Mar 2019 - 17:30

Tu as un lien d'un sujet accessible aux invités ?

EDIT

Ou est donc passé le copyright sur ton fora ?

Appliquer couleur groupe dans un bloc Test12
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par Melodiam Lun 4 Mar 2019 - 18:30

Hey

Tu ne peux pas voir le sujet ici ? http://forumtestfunkytown.forumactif.com/t1-votre-1er-sujet
et pour le forum actuel, sous la version modern que j'utilise là, j'ai perdu pleins de liens en faisant des retouches et des manips
comme suivre les sujets ou encore les posteurs actifs etc.
et j'ai pleins de liens aussi qui s'affichent mal dans les profils (les notifications décalés ou les boutons "poster un nouveau message" dans les MPS qui flotte hyper excentré
bref j'ai bidouillé un peu à l'aveuglette et c pour ça que pour la v2 je veux revenir à la version phbb, que je comprends mieux, pour que tout s'affiche bien, les liens, les boutons etc. :/
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer couleur groupe dans un bloc

Message par Invité Lun 4 Mar 2019 - 19:47

Hello Melodiam,

pour ta demande,ce script devrait fonctionner:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur les sujets


Déposes ceci:
Code:

$(function(){
$('#main-content').each(function(){
var a=$('div[class*="post--"]:first').find('.autdate a[href^="/u"] span').css('color');
 
if(a)
{
$(this).find('.entetePFL').css('backgroundColor',a);
}
  //Si pas de couleur on donne la couleur grey
 else
{
$(this).find('.entetePFL').css('backgroundColor','grey');
}
});});



Penses a cliquer sur le bouton VALIDER



Cette ligne correspond aux membres n'ayant pas de couleur:
Code:
 else
{
$(this).find('.entetePFL').css('backgroundColor','grey');
}


Remplaces le grey par la couleur de ton choix.


Wink


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Appliquer couleur groupe dans un bloc

Message par Melodiam Lun 4 Mar 2019 - 19:58

Bonsoir Milouze !

Effectivement, le code fonctionne c'est super !!!

Merci à toi et aussi encore merci à toi Splash pour ton temps ! Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven

Smile
Melodiam

Melodiam
****

Messages : 343
Inscrit(e) le : 16/04/2012

http://funkytown-bakemono.forumactif.com
Melodiam a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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