LS For Everyone
LS for everyone

Forum de Libre Service - Codage et Graphisme


    Invision - Simples

    Partagez
    avatar
    Adèlys
    Admin

    Messages : 34
    Date d'inscription : 08/03/2018

    Invision - Simples

    Message par Adèlys le Ven 13 Avr - 19:08


    Le CSS :

    Code:
    /* ---------- LISTE DES SUJETS ---------- */

    .corLISTSU {
      width: 800px;
      margin-left:auto;
      margin-right:auto;
    }

    /* Titre du forum */

    .titfLISUJ {
      float:left;
      width:70%;
      text-align:left;
    }

    .titfLISUJ {
      font-family:'Oleo Script',cursive;
      color:lightpink;
    }

    /* Options */

    #forummenu-options {
      float:left;
    }

    /* Titre sujet */

    .borSUJ {
      border:2px solid lightpink;
      width:97.1%;
      padding:10px;
      height:auto;
      border-radius:30px;
      border-top:none!important;
    }

    .titSUJ {
      float:left;
      width:40%;
    }

    .titSUJ a {
      font-family:Arial;
      font-size:15px;
      color:lightgrey;
      transition:all 0.65s ease;
      font-weight:bold;
    }

    .titSUJ a:hover {
      color:lightpink;
    }

    .titSUJ p {
      font-family:Arial;
      font-size:12px;
      color:black;
      font-style:italic;
      margin-top:2px;
    }

    /* Réponses et vues */

    .repvuLISUJ {
      float:left;
      width:30%;
      margin-left:1%;
    }

    .repLISUJ {
      float:left;
      width:40%;
      margin:2%;
      padding:2%;
      text-align:center;
      background-color:lightgrey;
      color:white;
      font-family:Arial;
      font-weight:bold;
      font-size:12px;
    }

    /* Auteur */

    .autLISUJ {
      text-align:center;
      width:28%;
      float:left;
      margin-left:1%;
      padding-top:10px;
    }

    .autLISUJ span {
      font-size:18px;
      font-family:'Oleo Script',cursive;
    }

    /* ---------- FIN ---------- */

    Template topics_list_box :

    Code:
    <!-- BEGIN topics_list_box -->
       <!-- BEGIN row -->
          <!-- BEGIN header_table -->
             <!-- BEGIN multi_selection -->
                <script type="text/javascript">
                   //<![CDATA[
                   function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
                   {
                      var all_checked = true;
                      for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
                      {
                         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                         {
                            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
                         }
                      }
                      document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
                   }
                   function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
                   {
                      for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
                      {
                         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
                         {
                            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
                         }
                      }
                   }
                   //]]>
                </script>
             <!-- END multi_selection -->

             <div class="corLISTSU">
     
      <div class="titfLISUJ">
        <h1>{FORUM_NAME}</h1>
      </div>
     
      <!-- BEGIN switch_forum_options -->
                   <div id="forummenu-options" class="popmenubutton">
                      <a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
                   </div>
                   <ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
                      <li class="popupmenu-category">
                         {L_FORUM_OPTIONS}
                      </li>
                      <li class="popupmenu-item">
                         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
                      </li>
                      <li class="popupmenu-item last">
                         {S_WATCH_FORUM}
                      </li>
                   </ul>
                <!-- END switch_forum_options -->
    </div>
                              <!-- END header_table -->
     
      <div class="clear">
        </div>
      <!-- BEGIN topic -->
      <div class="borSUJ">
       
      <div class="titSUJ">
        <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
        <!-- BEGIN switch_description -->
                         <p class="topic-desc">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</p>
                         <!-- END switch_description -->
       
        </div>
        <div class="repvuLISUJ">
          <div class="repLISUJ">{topics_list_box.row.REPLIES} réponses
          </div><br/>
          <div class="repLISUJ">{topics_list_box.row.VIEWS} vues
          </div>
        </div>
       
        <div class="autLISUJ"><span>{topics_list_box.row.TOPIC_AUTHOR}</span></div>
         
      <div class="clear">
        </div>
        </div>
      <!-- END topic -->
     
      <!-- BEGIN no_topics -->
                   
                      <div class="row1 centered borSUJ" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></div>
                   
          <!-- END no_topics -->
     
      </div>


          <!-- BEGIN bottom -->
                

             <div class="tfooter box-content darkrow clearfix">
                <!-- BEGIN search -->
                   <div class="search-footer-box">
                      <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
                         <fieldset>
                            <input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
                            &nbsp;<input class="button" type="submit" value="{L_SEARCH}" />
                            <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
                         </fieldset>
                      </form>
                   </div>
                <!-- END search -->
             </div>
          <!-- END bottom -->

          <!-- BEGIN spacer -->
             <br />
          <!-- END spacer -->
       <!-- END row -->
    <!-- END topics_list_box -->

      La date/heure actuelle est Mer 14 Nov - 4:02


      Partenaires