LS For Everyone
LS for everyone

Forum de Libre Service - Codage et Graphisme


    PhpBB2

    Partagez
    avatar
    Adèlys
    Admin

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

    PhpBB2

    Message par Adèlys le Ven 25 Mai - 15:12


    CSS :

    Code:
    /* ---------- CATEGORIES ---------- */

    .clear {clear:both;}

    /* Titre de la Catégorie */
    .titCA {width:94%;background-color:rgb(146,178,166);padding:3%;text-align:center;border-bottom:10px solid white;}
    .titCA h2 {color:white;font-family:'Lora', serif;font-weight:bold;font-size:20px;text-transform:uppercase;border:1px solid white;padding:12px;}

    /* Corps de la Catégorie */

    .corCA {width:800px;margin:auto;padding:2%;}

    /* Corps du Forum */

    .corFO {width:350px!important;margin:0 15px 10px!important;padding:0;height:165px;overflow:hidden;border-bottom:15px solid white;margin-bottom:2%!important;}

    /* Image New - No new - Lock */

    .imgFO {float:left;height:165px;width:10%;}
    .imgFO img{height:165px;width:100%;}

    /* Bloc du Forum */

    .blocFO {float:left;padding-left:4.8%;width:33.1%;background-color:rgb(233,248,245)!important;height:165px;margin-bottom:2%;}

    /* Bande du dernier message et des statistiques du forum */
    .banLASTMS {
    float:left; z-index:3;
    height:165px; width:15px;
    background:rgb(204,214,219);
    }
    /* Triangle du dernier message et des statistiques du forum */
    .banLASTMS .triFO {
    position:absolute; margin-left:0px; margin-top:0px;
    width:0; height:0; border-style:solid; border-width:82px 0 82px 50px; border-color:transparent;
    border-left-color:rgb(204,214,219); /* MODIFIABLE */
    transition:all 0.6s linear; -webkit-transition:all 0.6s linear;
    }
    .banLASTMS:hover .triFO{
    margin-left:200px;
    }
    /* Contenu du dernier message et des statistiques du forum */
    .banLASTMS .banLASTMSdiv {
    position:absolute; margin-left:-7px;
    width:0px; height:155px; padding:5px; overflow:hidden;
    color:rgba(0,0,0,0); font-size:12px; text-transform:uppercase;
    background:rgb(204,214,219); /* MODIFIABLE */
    transition:all 0.6s linear; -webkit-transition:all 0.6s linear;
    }

    .banLASTMS:hover .lmsg {width:200px!important;font-size:12px!important;color:black!important;padding-top:5%;}

    .banLASTMS:hover .banLASTMSdiv {padding-top:5%;
    width:200px; padding:5px;
    text-align:center; font-size:11px; text-transform:uppercase; color:black!important; /* MODIFIABLE */
    }

    .banLASTMS:hover .msgsujFO {width:200px;margin-top:2%;}
    .sujFO {width:60%;background-color:rgba(255,255,255,0.3);margin:5%;padding:2%;margin-left:auto;margin-right:auto;}

    /* Titre du forum */

    .titFO {text-decoration:none;padding-top:5px;font-family: 'Dancing Script', cursive;font-size:25px;color:black;transition:color 0.5s ease-in-out;}
    .titFO:hover {text-decoration:none!important;color:rgb(199,124,130)!important;}

    /* Description du forum */

    .descFO {width:87%;padding-left:6%;padding:3%;font-style:italic;font-size:12px;font-family:arial;background-color:rgba(255,255,255,0.3);overflow:auto;height:80px;text-align:justify;}

    /* Les Sous-Forums */

    .sfFO {width:91%;height:22px;padding:3px;background-color:white;display:inline-block; vertical-align:top;overflow:auto;text-align:justify;}
    .sfFO a {font-family:arial;color:black;font-size:10px;font-weight:bold!important;font-style:italic!important;transition: color 0.5s ease-in-out;}
    .sfFO a:hover {color:rgb(199,124,130)!important;text-decoration:none!important;}

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

    Template Index_Box :
    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
     <td valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <span class="gensmall">{LAST_VISIT_DATE}<br />
     {CURRENT_TIME}<br />
     </span>
     <!-- END switch_user_logged_in -->
     <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
     </td>
     <td class="gensmall" align="right" valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
     <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
     <!-- END switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
     </td>
     </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%"  border="0" cellspacing="1" cellpadding="0">
     

    <div class="titCA">{catrow.tablehead.L_FORUM}</div>
      
     
     <!-- END tablehead -->
     <!-- BEGIN cathead -->
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Lora" rel="stylesheet"/>
    <div class="corCA"><br clear="all"/>
      <div class="corFO">
     <!-- END cathead -->
     <!-- BEGIN forumrow -->
     
     <!-- BEGIN inc -->
     
     <!-- END inc -->
                        <div class="imgFO"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/>
                        </div>
                        <div class="banLASTMS">
                          <div class="banLASTMSdiv">
                            <p class="lmsg">{catrow.forumrow.LAST_POST}</p>
                            <!-- BEGIN ads -->
                            <p class="lmsg"><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a><br />
                        {catrow.forumrow.ads.DATE}<br />
                          {catrow.forumrow.ads.LOCATION}
                            <!-- END ads -->
                            </p><br/>
                            <div class="msgsujFO"><div class="sujFO">SUJETS : {catrow.forumrow.TOPICS}</div><div class="sujFO">MESSAGES : {catrow.forumrow.POSTS}</div></div>
                          </div>
                          <span class="triFO"></span>
                        </div>
                        <div class="blocFO"><a href="{catrow.forumrow.U_VIEWFORUM}" class="titFO">{catrow.forumrow.FORUM_NAME}</a>
                          <div class="descFO">{catrow.forumrow.FORUM_DESC}</div>
                         <div style="clear:both;"></div>
                          <div class="sfFO">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                        </div>
                        
              

     
     <!-- BEGIN switch_moderators_links -->
     
     <!-- END switch_moderators_links -->

     
                
                
                
                <!-- BEGIN avatar -->
                
                <!-- END avatar -->

     
     
              </div>
     <!-- END forumrow -->

     <!-- BEGIN catfoot -->
     
     <!-- BEGIN inc -->
     
     <!-- END inc -->
     
              
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
                        
              
    <br clear="all"/></div>
    <img src="{SPACER}" alt="" height="5" width="1" /></table><!-- END tablefoot --><!-- END catrow -->

    Images New - No New - Lock (largeur :75 ; hauteur : 165px) :

      La date/heure actuelle est Sam 20 Oct - 10:20


      Partenaires