LS For Everyone
LS for everyone

Forum de Libre Service - Codage et Graphisme


    Phpbb3

    Partagez
    avatar
    Adèlys
    Admin

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

    Phpbb3

    Message par Adèlys le Ven 9 Mar - 9:21


    Le CSS :

    Code:
    /*CATEGORIES*/

    .clear {
      clear: both;
    }

    /*MISE EN FORME DE LA CATEGORIE*/
    .catego {width:800px;margin:auto;padding:0;background:#fff;}
    /*FIN MISE EN FORME DE LA CATEGORIE*/

    /*TITRE DE LA CATEGORIE*/
    .titCAT {background-image:url('https://zupimages.net/up/18/01/uw10.png')/*IMAGE MODIFIABLE*/;padding-top:6%;background-color:white;padding-bottom:2%;padding-left:2%;width:98%;}
    .titCAT h2 {color:white!important/*MODIFIABLE*/;font-weight:bold;text-transform:uppercase;font-size:25px/*MODIFIABLE*/;font-family:Georgia!important/*MODIFIABLE*/;}
    /*FIN TITRE DE LA CATEGORIE*/

    /*MISE EN FORME DU FORUM*/
    #forum {background: #fff;/*MODIFIABLE*/
        font-family: arial;
        margin: 0;
        width: 100%;
      padding-bottom: .5%;}
    /*FIN MISE EN FORME DU FORUM*/

    /*LA DESCRIPTION DU FORUM*/
    .descFOR {font-size:12px/*MODIFIABLE*/;font-family:arial/*MODIFIABLE*/;margin:5%;width:276px;height:51px;overflow:auto;padding:5px;color:black/*MODIFIABLE*/;}
    /*FIN DE LA DESCRIPTION DU FORUM*/

    /*NOUVEAU SUJET*/
    .bloc1{width:13%;font-family:arial/*MODIFIABLE*/;font-size:12px;float:left;margin-top:2%;text-align:justify;}
    .pseFOR {text-transform:uppercase;color:rgb(187,212,223)/*MODIFIABLE*/;font-weight:bold;font-family:Georgia/*MODIFIABLE*/;}
    /*FIN NOUVEAU SUJET*/

    /*STATISTIQUES ET TITRE DU FORUM*/
    .staFOR {margin:2%;float:left;width:10%;}
    .titFOR{font-family: 'Dancing Script', cursive;font-size:27px;color:rgb(87,122,136)/*MODIFIABLE*/;font-weight:bold;transition:color 0.5s ease-in-out;}
    .titFOR:hover{color:lightblue/*MODIFIABLE*/;}
    .sujets{padding:5px;border:2px solid lightblue;color:lightblue;font-family:arial;font-weight:bold;}
    .messages{padding:5px;border:2px solid rgb(87,122,136);color:rgb(87,122,136);font-family:arial;font-weight:bold;}
    /*FIN STATISTIQUES ET TITRE DU FORUM*/

    #sous_forum {width:90%;margin-left:auto;margin-right:auto;border-left:2px solid rgb(87,122,136); border-right:2px solid rgb(87,122,136);border-radius:20px;padding:5px;margin-top:5%;}
    #sous_forum a {font-weight:bold;color:rgb(87,122,136);text-transform:lowercase;font-style:italic;font-size:10px;}

    /*FIN CATEGORIES*/

    Template index_box :

    Code:
    <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet"/>

    <ul class="linklist">
     <!-- BEGIN switch_user_logged_in -->
     <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
     <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
     <!-- END switch_user_logged_in -->
     <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
     <!-- BEGIN switch_user_logged_in -->
     <li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
     <!-- END switch_user_logged_in -->
    </ul>

    <!-- BEGIN catrow -->

    <div id="catego">

     <!-- BEGIN tablehead -->
      <div class="titCAT">
        <p>{catrow.tablehead.L_FORUM}</p>
       </div>
    <!-- END tablehead -->
      
       <!-- BEGIN forumrow -->
      <div id="forum">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="staFOR"/>
        
        
        <div style="width:13%;font-family:arial;font-size:12px;float:left;margin-top:2%;text-align:justify;">
          
          <!-- BEGIN switch_topic_title -->
     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}" style="color:black;">
                                                       {catrow.forumrow.LATEST_TOPIC_NAME}
                                       </a><br />
     
                                       <!-- END switch_topic_title -->
     <span class="pseFOR">
                                               {catrow.forumrow.USER_LAST_POST}
                                       </span></div>
        <!--FIN SUJET-->
        
        <div style="float:left;margin:2%;width:23%;">
          <div style="position:relative;">
            <div style="position:absolute;z-index:1;">
              <img src="https://zupimages.net/up/18/01/kju9.png"/>
            </div>
            
            
            <div style="position:absolute;z-index:2;" class="descFOR">
                {catrow.forumrow.FORUM_DESC}
            </div>
          </div>
          
        
        </div>
        <div style="float:left;margin-top:2%;width:30%;margin-left:16%;">
          <a href="{catrow.forumrow.U_VIEWFORUM}" class="titFOR">{catrow.forumrow.FORUM_NAME}</a><br/><br/>
          <center><span class="sujets">{catrow.forumrow.TOPICS} {L_TOPICS}</span>  
            <span class="messages">{catrow.forumrow.POSTS} {L_POSTS}</span>
          </center>
        </div>
        <div class="clear"></div>
        <div id="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      <div class="clear"></div></div>
     
     <!-- END forumrow -->
    <!-- BEGIN tablefoot -->
     

     <span class="corners-bottom"><span></span></span>
     <!-- END tablefoot -->
    <!-- END catrow -->

    <!-- BEGIN switch_on_index -->
    <ul class="linklist">
     <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
     <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> •&nbsp;</li>
     <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
     <!-- BEGIN switch_delete_cookies -->
     <li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
     <!-- END switch_delete_cookies -->
    </ul>
    <!-- END switch_on_index -->

      La date/heure actuelle est Ven 25 Mai - 5:25


      Partenaires