*RESOLU* Problèmes background tables viewtopic_body uniquement

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

Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Bonsoir bonsoir  hinhin

Je reviens vers vous toujours avec mon soucis de codages des topics sauf que cette fois-ci cela concerne les background des tables alors j'ai bien testé de chipoter au niveau des couleurs dans Affichage -> Images et Couleurs -> Couleurs sauf que bardaf c'est l'embardée cela affecte la généralité des couleurs des tables du fofo donc je souhaitais savoir si il était possible de n'affecter que les background des tables du viewtopic_body ?

Lien du forum sur lequel sera placé le code => [PHBB2]

Merci beaucoup encore une fois pour votre aide c'est très gentil  clin oeil

Belle soirée, au plaisir, Ombeline  fr4


Dernière édition par Ombi le Jeu 17 Aoû 2017 - 12:00, édité 2 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Ombeline,
quelle couleur veux tu attribuer à ces tables stp?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Bonsoir Milouze

Et merci beaucoup de te pencher sur ma demande, ce que je souhaiterais ce serait de supprimer ces backgrounds s'il te plaît merci ;-)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux tester ton template modifié :
Code:
    <style>
    .bodyline
    {
    padding-left: 10px;
    padding-right: 12px;
    }
    .M14_Post_separat {margin-left: -3px;}
    </style>

    <script type="text/javascript">
        $(document).ready(function(){if (_userdata["user_posts"]== 1)
        $(function(){
        $('.profil_mess').remove();
        })});
    </script>

    <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}", more: "{L_MORE}" };
    $(function(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    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>

    <link href='https://fonts.googleapis.com/css?family=Amaranth|Titillium+Web|Yanone+Kaffeesatz|Roboto' rel='stylesheet' type='text/css' />

    <table class="affichagesujet" style="border-radius:10px;" width="100%" border="0" cellspacing="0" cellpadding="0" >
        <tr>
            <td colspan="3">
                <h1 class="sujettitre">
                  <div style="font-family: 'Berkshire Swash', cursive;">{TOPIC_TITLE}</div>
              <div style="position:relative; top:10px;">
                    <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                      <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                      <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                        {NAV_CAT_DESC_SECOND}
                    </span>
                  </div>
                </h1>
        </td>
      </tr>
       
      <tr>
          <td align="left" valign="middle">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td> 
      </tr>
    </table>

    <table class="M14_Post_separat" align="center" width="100%" cellspacing="0">
       
        <!-- BEGIN topicpagination -->
        <tr>
<td class="row1 pagination" colspan="3" align="right" valign="top"style="background:transparent !important;"><span class="gensmall paginer_topic">{PAGINATION}</span></td>
        </tr>
        <!-- END topicpagination -->
        {POLL_DISPLAY}
        <!-- BEGIN postrow -->
        <!-- BEGIN displayed -->
        <tr class="post">
          <td colspan="2">
              <!-- 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 -->
          </td>
         
          <!--  Modification_Taktiik_NeverUtopia -->
          <td colspan="2">
            <div class="topics">
              <table width="100%" align="center">
                <tr>
                    <td colspan="2">
                        <div class="autour_message">
                            <div class="message_image"><img src="https://i11.servimg.com/u/f11/18/95/70/55/a-1-210.png" /></div>
                            <div class="message_infos">
                <table>
                                      <tr>
                                        <td width="50%"><span class="postdetails">
                                          <img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />
                                          {L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} 
                                          <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
                                          </span>
                                        </td>
                                       
                          <td valign="top" nowrap="nowrap" class="post-options" width="50%"  align="right">
                        {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}
                                        </td>
                                      </tr>
                                  </table>
                            </div>
                        </div>
                    </td>
                </tr>
               
                <tr>
                  <td align="center" width="30%">
                    <div class="boitegauche"><br/>
                    <table class="tableau_profil" cellpadding="0" cellspacing="0">
                            <tr>
                              <td class="haut_tab"> </td>
                        </tr>
                            <tr>
                              <td class="profil_contour">
                                <br />
                                <div class="pseudo_profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}">
                                  </a><strong>{postrow.displayed.POSTER_NAME}</strong></span></div>
                                  <br /><div class="M14_blocAll"><div class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</div>
                                  <div class="M14_ProFil">
                                  <!-- 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}   
                                    </div>
                                </div>
                  <br />
                                <center><div class="profil_contour">
                                  <span class="rang_posteur">{postrow.displayed.POSTER_RANK} {postrow.displayed.RANK_IMAGE}</span></div>
                                  </center>
    <div class="onPOST">{postrow.displayed.ONLINE_IMG}<img src="https://i11.servimg.com/u/f11/18/27/94/56/a-2-2110.png"/></div>
                                <div class="profilmasque"><div class="titreprofil">Profil et Contact</div>
                                  <span class="postdetails">
                                    <br/><div class="ssoptions">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</div>
                                  </span></div>
                                </td>
                              </tr>
                          <tr>
                            <td class="bas_tab"> </td>
                          </tr>
                    </table>           
              <br />
                    </div></td>
                 
                <td align="left" width="70%"><div class="message"><span class="post">
                  {postrow.displayed.MESSAGE}</span></div>
            </td>
          </tr>
        <tr>
          <td colspan="2" align="center" width="80%" >
          <div class="signature">
            <div>{postrow.displayed.SIGNATURE}</div>

            <!-- BEGIN switch_attachments -->
            <dl class="attachbox">
            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
            <dd>
            <!-- BEGIN switch_post_attachments -->
            <dl class="file">
            <dt>
            <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
       
            <!-- BEGIN switch_dl_att -->
            <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}
            <!-- END switch_dl_att -->
       
            <!-- BEGIN switch_no_dl_att -->
            {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}
            <!-- END switch_no_dl_att -->
            </dt>
       
            <!-- BEGIN switch_no_comment -->
            <dd>
            <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
            </dd>
            <!-- END switch_no_comment -->
       
            <!-- BEGIN switch_no_dl_att -->
            <dd>
            <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
            </dd>
            <!-- END switch_no_dl_att -->
       
            <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
            </dl>
            <!-- END switch_post_attachments -->
            </dd>
            </dl>
            <!-- END switch_attachments -->
        </div>
        </td>
      </tr>
    </table>
        <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
       
             
        <!-- Modification_Taktiik_NeverUtopia -->
       
        <!-- BEGIN first_post_br -->
       

        <table align="center" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- BEGIN hidden -->
        <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
        </tr>
        <!-- END hidden -->
        <!-- END postrow -->
        <!-- BEGIN no_post -->
        <tr align="center">
        <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        </table>

        <table align="center" class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
        <!-- BEGIN topicpagination -->
        <tr>
        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"style="background:transparent !important;"><span class="gensmall">{PAGE_NUMBER}</span></td>
        <td class="row1" align="right" valign="top"style="background:transparent !important;" ><span class="gensmall paginer_topic">{PAGINATION}</span></td>
        <!-- END topicpagination -->
          </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
      <td class="row2" colspan="2" align="right" valign="top"style="background:transparent !important;"><span class="gensmall"><span id="Surveiller">{S_WATCH_TOPIC}<script type="text/javascript">document.getElementById('Surveiller').innerHTML=document.getElementById('Surveiller').innerHTML.replace(/Surveiller les réponses de ce sujet/,"M'avertir des activités de ce salon").replace(/Arrêter de surveiller ce sujet/,"Cesser de suivre les activités de ce salon");</script></span></span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28"style="background:transparent !important;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><div class="cattitle"style="background:transparent !important;"> {PROMOT_TRAFIC_TITLE}</div></td>
    <td align="right" valign="middle" width="10"style="background:transparent !important;"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <table width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
    <tr>
   
   
    <tr>
    <td valign="top"><div class="cattitle">Salons aux activités similaires</div></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      </tr>
   
    </tr>
    <tr>
    <td class="row2 postbody" valign="top">
    <!-- BEGIN link -->
    » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
    <!-- END link -->
    </td>
    </tr>
    </table>
    <!-- END promot_trafic -->
    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
    <tbody>
    <tr>
    <td class="catBottom">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td valign="top">
    <div class="cattitle"> {L_FORUM_RULES}</div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td class="row1 clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo">
    <img src="{RULE_IMG_URL}" alt="" />
    </td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">
    {RULE_MSG}
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
     
      <tr><td colspan="2" align="center" valign="middle" nowrap="nowrap"style="background:transparent !important;">
           
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
           
        </td></tr>
    <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}<br />
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
    <tbody>
    <!-- BEGIN show_permissions -->
    <tr>
    <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
    <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
    <!-- END show_permissions -->
    <tr>
    <td class="catBottom" colspan="2" height="28">
        <table class="affichagesujet" style="border-radius:10px;" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td colspan="3">
                            <h1 class="sujettitre"><span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                              <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                              <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                              {NAV_CAT_DESC_SECOND}
                            </span>
                              </h1>
              </td>        </tr>
        </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td style="margin:0; padding: 0;" colspan="2">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
    <tbody>
    <tr>
    <td class="catBottom" colspan="2" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>

    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

    <!-- BEGIN moderation_panel -->
    <td align="center">
    <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
    <td align="center" width="250">
    <span class="gensmall"> </span>
    </td>
    <!-- END moderation_panel -->
    </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
    <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}" />

    <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td>
    </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', '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>


En fait j'ai placé un style sur les balises td correspondantes :
Le style placé est le suivant:

Code:
style="background:transparent !important;"




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Bonjour Milouze14,

C'est éreintée que je reviens vers toi car hier j'ai bossé jusqu'à pas d'heure pour essayer de régler le souci car ta solution n'a été efficace que pour la pagination du haut donc en partant de là j'ai essayé de comprendre ce que je pouvais mettre en place pour affecter les autres car comme c'était déjà le soir je n'osais pas te déranger davantage tu en as tellement déjà fait pour m'aider que cela me gêne ^^ mais nous y sommes presque du coup je te redonne les nouveaux codes (en espérant que je n'ai pas fait de bêtises ^^) :


Et si je puis me permettre d'abuser tant que nous sommes occupés, c'est qu'en plaçant les codes j'ai de nouveau des petits couacs avec les infos du profil derrière l'avatar qui sont tentée à sortir du cadre et à ce sujet j'avais donc plusieurs questions serait-il possible d'augmenter la police sans que cela ne déborde et serait-il possible d'attribuer une couleur de police différente pour le champ : (exemple => Age:) et l'info ?

Encore une fois un très très grand merci et très belle journée  hinhin


Dernière édition par Ombi le Jeu 17 Aoû 2017 - 11:54, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Ombeline,

Pour le background de la réponse rapide, ajoutes ceci dans ta feuille de style:
Code:

/*Fond réponse rapide*/
#quick_reply td{background:transparent !important;}


Pour ce qui est des dépassements dans le profil des message ,as tu bien un retour à la ligne pour chaque champs dans ton P.A:

Utilisateurs et Groupes/Utilisateurs/Profils/Champs du profil:


Utilisateurs et Groupes/Utilisateurs/Profils/Champs du profil:



Pour la couleur différente cela va être compliqué car ici on impose une couleur blanche pour tous les champs:
Code:
  .M14_ProFil ,.M14_ProFil  .label,.M14_ProFil  .label span
    {
    font-size:11px !important;
    color: white !important;
    }

Mais je vais regarder si avec un script si on peu contourner cela clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re, non on ne peut rien faire concernant le changement de couleur

Il faudrait supprimer la couleur de police blanche ici:
Code:

.M14_ProFil ,.M14_ProFil  .label,.M14_ProFil  .label span
    {
    font-size:11px !important;
    color: white !important;
    }

Et ensuite renseigner tous les champs un par un et leur donner une couleur :




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Re kikou Milouze14

Et un immenseeeeeeeeeeee merci, pour les couleurs pas de soucis soit je ferai comme tu me conseilles où je laisserai comme tu me l'as mise car c'est vrai maintenant que j'y pense le fond des infos est celui du profil avec j'avais un cadre beaucoup plus foncé donc si ça tombe les couleurs d'avant ne seront pas lisible ça je verrai bien mais merci de t'être penché sur le sujet pour moi sinon donc concernant ces débordements pour les infos j'ai bien vérifié et tous les retours à la ligne sont activés j'ai bien songé à placer un display:inline-block mais alors là le résultat n'a rien avoir avec l'effet recherché lolllll
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien, mon prénom est Philippe Ombeline clin oeil ,

alors pour contourner les dépassements on peut cacher les informations de droite et au survol de chacun l'information viendra comme une infobulle, mais pour cela il faut impérativement de pas avoir d'image Ombeline , as tu ce genre d'apparence avec des images?:




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Rhoooooo et le pire c'est que sur le fofo dans mes remerciements j'ai bien dit Philippe ^^

Alors concernant ton explication je ne parviens pas à comprendre Philippe donc l'idée serait que tout ce qui est après les pointillés soit vide et au passage du curseur que cela apparaisse en infobulles mais pour l'image tu parles de quelle image s'il te plaît ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Rhoooooo et le pire c'est que sur le fofo dans mes remerciements j'ai bien dit Philippe ^^


Oups désolé, je n'avais pas vu mdr .


Voilà c'est un peu çà Ombeline,
les pointillés seront masqués clin oeil .

Pour les images je parle comme sur la capture suivante :



On voit bien qu'il n'y a pas de texte mais des images aux champs suivants:
Sexe
Zodiaque
Signe chinois.

L'effet donnera ceci Ombeline:




Par contre il est impératif qu'il n'y ai pas d'image pour cette astuce clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Ahhhhh oki je saisis mieux l'idée ah oui dans ce cas ce n'était pas trop l'effet recherché hélas oups et il n'y aurait vraiment aucun autre moyen d'agrandir un peu la police tout en la calant dans le cadre en créant un bloc dans le bloc avec un max-width par exemple mais qui serait invisible ?  timidesortdutrou
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Alors on peut au survol agrandir la zone du profil avec transitions Ombeline,



Trouves ces class et supprimes les :
Code:
/*on masque le profil*/

.M14_ProFil
{
position:absolute;
top:0px;
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
  width:227px !important;
}

Code:
/*au survol du bloc on affiche le profil*/

.M14_blocAll:hover .M14_ProFil
{
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}


Remplaces par ceci:

Code:
   /*on masque le profil*/

    .M14_ProFil
    {
    position:absolute;
    top:0px;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    width:227px !important;
  background-color: #5C381F;
    }
    /*au survol du bloc on affiche le profil*/

    .M14_blocAll:hover .M14_ProFil ,.M14_blocAll:hover .M14_ProFil span
    {
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
  width: 250px !important;
font-size:13px !important;
    margin-left: -10px;


}

/*On donne un effet d agrandissement au survol du bloc*/
.M14_blocAll:hover .M14_ProFil
{
margin-top:-60px;
box-shadow: 3px 3px 10px 5px #000;
transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-moz-transform: scale(1.05);
}



Dans la dernière partie, tu peux ajuster la valeur négative du margin top :
Code:
margin-top:-60px;


Si tu as besoin d'autres explications, n'hésites pas clin oeil


Correction sur le style ici:
https://www.milouze14.com/t30876-problemes-background-tables-viewtopic_body-uniquement#587327


Dernière édition par Milouze14 le Jeu 17 Aoû 2017 - 10:44, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum modifies la css donnée par celle-ci:

Code:
    /*on masque le profil*/

    .M14_ProFil
    {
      margin-top:0px;
    position:absolute;
    top:0px;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    width:227px !important;
  background-color: #5C381F;
    }
    /*au survol du bloc on affiche le profil*/

    .M14_blocAll:hover .M14_ProFil ,.M14_blocAll:hover .M14_ProFil span
    {
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
 
font-size:13px !important;



}
/*On donne un effet d agrandissement au survol du bloc*/
 
.M14_blocAll:hover .M14_ProFil
{
  width: 300px !important;
    margin-top:-60px;
      margin-left: -10px;
  box-shadow: 3px 3px 10px 5px #000;   
  transform: scale(1.05);
   -ms-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -o-transform: scale(1.05);
   -moz-transform: scale(1.05);
}




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Re kikou Philippe

Seigneur que tu es doué et où vas-tu chercher toutes ces idées géniales vraiment heureusement que nous t'avons toi et ton formidable fofo, alors regarde ici si c'est bien l'effet que cela doit avoir => http://forumtestombeline.forumactif.com/t8-et-je-teste-et-je-teste-et-je-teste

En tout cas j'adore l'idée un immenseeeeeee merci Philippe c'est très gentil d'avoir autant à cœur que nous nos soucis de codages, nos projets de codages, ... et d'autant t'y impliquer à nous aider  clin oeil
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Ombeline,

ah de rien chère amie, ben tu sais quand on aime le codage on compte pas mdr .
Tu peux modifier de nouveau tout le style car au fil j'ai zappé des trucs comme le padding:
Code:
   /*on masque le profil*/

    .M14_ProFil
    {
      margin-top:0px;
    position:absolute;
    top:0px;
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    width:227px !important;
  padding:0px;
 
    }
    /*au survol du bloc on affiche le profil*/

.M14_blocAll:hover .M14_ProFil ,.M14_blocAll:hover .M14_ProFil span
    {
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
 
font-size:13px !important;



}

  
.M14_blocAll:hover .M14_ProFil
{
  padding:5px;
background-color: #5C381F;
   width: 300px !important;
    margin-top:-60px;
      margin-left: -10px;
  box-shadow: 3px 3px 10px 5px #000;
  transform: scale(1.05);
 -ms-transform: scale(1.05);
 -webkit-transform: scale(1.05);
 -o-transform: scale(1.05);
 -moz-transform: scale(1.05);
}


Tu peux aussi ajouter un border-radius à 0px (pour la transition) à la class .M14_profil:
Code:

-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

et ajouter au survol ici:
Code:
.M14_blocAll:hover .M14_ProFil

Ceci en modifiant les trois valeurs 10px par ce que tu souhaites

Code:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Ouhhhhhhh ça je te comprend bien et puis on ne voit pas le temps passer quand on code hein  clin oeil

Voilà j'ai rectifié tu peux vérifier si tout est bon s'il te plaît =>


Dernière édition par Ombi le Jeu 17 Aoû 2017 - 11:56, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ouhhhhhhh ça je te comprend bien et puis on ne voit pas le temps passer quand on code hein

C'est pas faux çà mdr .

Oki, j'aurais ajouté un padding plus important ici:
Code:
.M14_blocAll:hover .M14_ProFil
{
  padding:5px;
background-color: #5C381F;
  width: 300px !important;
    margin-top:-60px;
      margin-left: -10px;
  box-shadow: 3px 3px 10px 5px #000;
  transform: scale(1.05);
 -ms-transform: scale(1.05);
 -webkit-transform: scale(1.05);
 -o-transform: scale(1.05);
 -moz-transform: scale(1.05);
}

Code:
 padding:5px;

J'ai aussi modifié mon message précédent:
https://www.milouze14.com/t30876-problemes-background-tables-viewtopic_body-uniquement#587329
Pour ajouter des bordures arrondies si tu le souhaites clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Ahhhhhhh super c'est trop chouette merci d'y avoir pensée car j'adoreeeeeeee les arrondis super alors voici, dis-moi ce que tu en penses j'ai augmenté le padding à 7px =>


Dernière édition par Ombi le Jeu 17 Aoû 2017 - 11:58, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Parfait pour le padding Ombeline  clin oeil

Pour le centrer il faudrait modifier la valeur du margin-left à 40 ici:
Code:
.M14_blocAll:hover .M14_ProFil
{
  padding:5px;
background-color: #5C381F;
  width: 300px !important;
    margin-top:-60px;
      margin-left: -10px;
  box-shadow: 3px 3px 10px 5px #000;
  transform: scale(1.05);
 -ms-transform: scale(1.05);
 -webkit-transform: scale(1.05);
 -o-transform: scale(1.05);
 -moz-transform: scale(1.05);
}


Code:
  margin-left: -40px;



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Merci beaucoup Philippe alors j'ai modifié et voici le résultat c'est parfait => 

fr4


Dernière édition par Ombi le Jeu 17 Aoû 2017 - 11:59, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je n'ai qu'un mot à dire , c'est parfait Ombeline clin oeil fr4



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Rhoooooo ben c'est très gentil et tout cela c'est grâce à toi clin oeil  je ne saurais jamais assez te remercier Philippe pour toute cette implication à mon égard et celui de mon fofo cela me touche beaucoup et sache que je n'ai pas manqué de faire savoir à mes membres à quel point tu m'as été d'une grande aide et je te rajouterai dans nos crédits un grand grand merci pour tout, je te souhaite une merveilleuse journée et au plaisir  fr4


Dernière édition par Ombi le Jeu 17 Aoû 2017 - 12:00, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oh de rien Ombeline, cela me fait plaisir tu sais clin oeil ,
merci pour les remerciements hinhin



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Ombi
avatar
Nouveau membre

MessageOmbi

  • 16px
  • 24px
  • Zoom
Sache que c'est avec plaisir également  clin oeil fr4
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Merci Ombeline ,

-Staff du Forum Milouze14-



Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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