Welcome

Halloween Catégories

Square

Halloween, LS codage Forumactif Templates & Eléments Catégories Catégories square

PHPBB2

Non optimisé /

Retour

Codage catégories square Halloween Forumactif

CSS

/* -------------------------------- CATEGORIES -------------------------------- */

/* TITRE CATEGORIES */
        .catetitre_content h2{
          color: #ffffff;
          font-family: arial;
          font-size: 24px;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
          text-shadow: 1px 1px 0px #000000;
        }

/* CONTENU DE L ENSEMBLE DES FORUM */
        .forum_bloc {
          width: 950px;
        background-color: #F2F2F2;
        }

/* MISE EN FORME EN DEUX COLONNES */
        .forum {
          float: left;
          width: 460px;
          margin-left: 10px;
        }

.forum_contenu {
          position: relative;
          z-index: 1;
          width: 99.8%;
          height: 100%;
          margin-left: auto;
          margin-right: auto;
          background-color: #EAEAEA;
        }

/* MISE EN FORME TITRE FORUM + STATISTIQUES */
        /* Fond */
        .bloc_haut {
          display: inline-block;
          width: 95%;
          background-color: #E1E1E1;
          color: #8D8D8B;
          font-size: 11px;
          padding: 11px;
          border-radius: 15px 15px 0px 0px;
        }
      
        /* Statistiques */
        .stats {
          float: right;
          position: relative;
        }

/* Titre du forum */
        a.forumlink {
          width: 100%;
          color: #7E807F !important;
          font-family: arial;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
        }

/* MISE EN FORME SOUS-FORUM EN HOVER */

/* Contenu format texte */
        .description {
          width: 400px;
          height: 50px;
          overflow: auto;
          text-align: justify;
          font-size: 11px;
          padding: 10px;
          margin: auto;
        }

/* Hover */
        .sous-forum {
          width: 420px;
          height: 80px;
          overflow: hidden;
        }

.sous-forum_img {
          position: relative;
          z-index: 2;
          width: 420px;
          height: 80px;
          background-color: #EAEAEA;
          margin-left: 0px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

.sous-forum:hover .sous-forum_img {
          margin-left: 420px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

.sous-forum_description{
          position: relative;
          z-index: 1;
          width: 420px;
          height: 80px;
          margin-top: -80px;
          text-align: justify;
          font-size: 11px;
          color: #9C9B99;
          padding: 10px;
          overflow: auto;
        }

.sous-forum_description a {
          color: #545352;
        }

.sous-forum_description a:hover {
          color: #1C1C1C;
          text-decoration: none !important;
        }

/* MISE EN FORME DERNIERS MESSAGES */
        /* Fond */
        .bloc_bas {
          display: inline-block;
          background-color: #E1E1E1;
          color: #545352;
          font-size: 11px;
          padding: 11px;
          border-radius: 0px 0px 15px 15px;
          width: 95%;
          margin-right: 0px;
        }

/* Lien derniers messages */
        .last a {
          color: #1C1C1C;
          text-decoration: none !important;
        }

.last {
          float: right;
        }

/* MISE EN FORME ILLUSTRATION */
    .new {
      position: relative;
      z-index: 1;
      width: 16px;
      height: 16px;
      margin-left: 15px;
    }

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

Index_box

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
        <tr>
        <td valign="bottom">
        
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
        
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
        </tr>
        </table>

<div class="catetitre_content">{catrow.tablehead.L_FORUM}</div>

<div class="forum_bloc">
        <div class="forum">
        
          <span class="bloc_haut">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> <span class="new"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
            <span class="stats" align="right">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span></span>
        
        <div class="forum_contenu"><div class="sous-forum"><div class="sous-forum_img">{catrow.forumrow.FORUM_DESC}</div><div class="sous-forum_description">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
    <div style="clear: both;"></div>
            <br />
          
          </div>
          <span class="bloc_bas"> <span class="last" id="last">{catrow.forumrow.LAST_POST}</span></span>
    <script type="text/javascript">
    jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block;">-</span>')).removeAttr('id');
      </script>
            <br /><br /><br />
        </div>
    
        </div>

Descriptions des forums

<div class="description">
   Iura velut et post cervices post velut urbs et latasque patrimonii patrimonii et parens dives venerabilis Caesaribus leges et latasque frugi liberis dives gentium patrimonii libertatis et dives et frugi permisit parens post et et latasque Caesaribus gentium leges et retinacula oppressas fundamenta efferatarum liberis venerabilis cervices parens libertatis prudens suis patrimonii retinacula frugi post fundamenta iura velut post frugi venerabilis post efferatarum superbas Caesaribus liberis et velut urbs Caesaribus iura retinacula permisit latasque et liberis fundamenta liberis libertatis dives retinacula oppressas et patrimonii liberis dives latasque Caesaribus cervices libertatis leges latasque retinacula retinacula et cervices latasque liberis dives latasque. Iura velut et post cervices post velut urbs et latasque patrimonii patrimonii et parens dives venerabilis Caesaribus leges et latasque frugi liberis dives gentium patrimonii libertatis et dives et frugi permisit parens post et et latasque Caesaribus gentium leges et retinacula oppressas fundamenta efferatarum liberis venerabilis cervices parens libertatis prudens suis patrimonii retinacula frugi post fundamenta iura velut post frugi venerabilis post efferatarum superbas Caesaribus liberis et velut urbs Caesaribus iura retinacula permisit latasque et liberis fundamenta liberis libertatis dives retinacula oppressas et patrimonii liberis dives latasque Caesaribus cervices libertatis leges latasque retinacula retinacula et cervices latasque liberis dives latasque. Iura velut et post cervices post velut urbs et latasque patrimonii patrimonii et parens dives venerabilis Caesaribus leges et latasque frugi liberis dives gentium patrimonii libertatis et dives et frugi permisit parens post et et latasque Caesaribus gentium leges et retinacula oppressas fundamenta efferatarum liberis venerabilis cervices parens libertatis prudens suis patrimonii retinacula frugi post fundamenta iura velut post frugi venerabilis post efferatarum superbas Caesaribus liberis et velut urbs Caesaribus iura retinacula permisit latasque et liberis fundamenta liberis libertatis dives retinacula oppressas et patrimonii liberis dives latasque Caesaribus cervices libertatis leges latasque retinacula retinacula et cervices latasque liberis dives latasque. Iura velut et post cervices post velut urbs et latasque patrimonii patrimonii et parens dives venerabilis Caesaribus leges et latasque frugi liberis dives gentium patrimonii libertatis et dives et frugi permisit parens post et et latasque Caesaribus gentium leges et retinacula oppressas fundamenta efferatarum liberis venerabilis cervices parens libertatis prudens suis patrimonii retinacula frugi post fundamenta iura velut post frugi venerabilis post efferatarum superbas Caesaribus liberis et velut urbs Caesaribus iura retinacula permisit latasque et liberis fundamenta liberis libertatis dives retinacula oppressas et patrimonii liberis dives latasque Caesaribus cervices libertatis leges latasque retinacula retinacula et cervices latasque liberis dives latasque.  
</div>

Dernière modification : 25 April 2020 23 : 33.

#categoriessquare #categories #forumactif #codage #libreservice

Halloween