AccueilRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-38%
Le deal à ne pas rater :
KINDERKRAFT – Draisienne Runner Galaxy Vintage
27.99 € 44.99 €
Voir le deal

    Problème avec une balise spoiler sur forum forumactif.

    Kilou1984
    Kilou1984
    FémininAge : 37Messages : 36

    Lun 14 Mar 2022 - 14:58

    Bonjour

    J'ai mis une balise spoiler en HTML parce que les infos de profil qui sont à gauche des messages prenaient trop de place en hauteur.

    Dans la charte par exemple, vous verrez un bouton "Ouvrir" sous mon avatar : https://www.terre-tsa.com/t2-charte-a-lire-et-a-signer

    1) Ce qui est bizarre, c'est que le bouton "Ouvrir" ne s'affiche pas complètement, le bas et le haut (c'est un bouton avec un cadre) du bouton sont rognés.
    2) Aussi, le bouton spoiler s'affiche à gauche des messages des invités et, j'aimerai que ça ne s'affiche pas à gauche des messages des invités . Voilà un exemple : https://www.terre-tsa.com/t61-cafe-rencontre-autisme .
    4) J'aimerai que ce code s'affiche pour les invités (pas les membres) à l'intérieur de la balise spoiler :
    Code:
      <!-- BEGIN switch_user_logged_out -->
      <center>
    <div style="width: 98%; padding-top: 0px; padding-bottom: 15px; border: 3px solid #8F99B5; text-align: left; background: #DADFED ;border-radius: 10px;">
      <br/>   
      <font size="2">Vous devez être inscrit et connecté pour voir les informations de profil du membre</font>
      <br/>
        </div></center>
      <!-- END switch_user_logged_out --> 


    Voici une partie de mes codes du template view-topic body :
    Code:
    <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                <!-- div class="online2"></div-->
                <dl>
                   <dt>
                                              <strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                                              <br /><dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
                                              <br/>
                      {postrow.displayed.POSTER_AVATAR}

                                      </dt>
                   <!-- DéBUT  SPOILER NOUS LIER --><br/><br/>
    <font color = "#000000"><div style="margin: 0px 0px 0px;">
    <input value="" style="border: 1px; padding: 0px; width: 110px; font-size: 20px;
    background-image: url(https://i.servimg.com/u/f20/17/81/42/50/ouvrir11.png); background-position: center center; background-repeat: no-repeat;"
     onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = '';
    this.style.backgroundImage = 'url(https://i.servimg.com/u/f20/17/81/42/50/fermer11.png)'; } else {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.style.backgroundImage = 'url(https://i.servimg.com/u/f20/17/81/42/50/ouvrir11.png)'; }" type="button"></div><div class="quotecontent"><div style="display: none;">
     
                   <dd {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}"><br/>
                                             
                            {postrow.displayed.AWARDS}
                   </dd>
                   <dd class="award_more"></dd>
                   <dd><br /></dd>
      <!-- BEGIN switch_user_logged_out -->
      <center>
    <div style="width: 98%; padding-top: 0px; padding-bottom: 15px; border: 3px solid #8F99B5; text-align: left; background: #DADFED ;border-radius: 10px;">
      <br/>   
      <font size="2">Vous devez être inscrit et connecté pour voir les informations de profil du membre</font>
      <br/>
        </div></center>
      <!-- END switch_user_logged_out --> 

                               <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>

      </div></div></font>
                      <!-- FIN  SPOILER NOUS LIER -->   
                   <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>

             <!-- BEGIN switch_likes_active -->
             <div class="fa_like_div">
                <!-- BEGIN switch_like_list -->
                {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                <!-- END switch_like_list -->
                <!-- BEGIN switch_dislike_list -->
                {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                <!-- END switch_dislike_list -->
                <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
                   <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
                   <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                </button>
                <!-- BEGIN switch_dislike_button -->
                <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                   <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
                   <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                </button>
                <!-- END switch_dislike_button -->
             </div>
             <!-- END switch_likes_active -->

             <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 -->

    Merci d'avance

      La date/heure actuelle est Ven 27 Mai 2022 - 4:08