Catégories bandeau violettes

Halloween, LS codage Templates & Eléments Catégories Catégories bandeau violettes

PHPBB2

☾ Non optimisé

/

Retour

Codage catégories bandeau violettes Halloween Forumactif

CSS

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

.imgforum {
      border-radius: 100%;
      border: 2px solid #ffffff;
    }

.bloc1 {
      background-color: #3D2A33;
      width: 500px;
      height: 150px;
      position: relative;
     left: 3em;
      box-shadow: 2px 2px 15px black;
     -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

/*** FONDS GENERAUX ***/

/* Contenu de l'ensembre des forum */
    .categorie {
      width: 700px;
      height: 200px;
      padding: 10px;
    }

/* Fond des forum */
    .sous-forum {
      width: 300px;
      height: 50px;
      overflow: auto;
      top: -10em;
    }

/* Fond titre catégorie */
    .cate_titre {
      width: 800px;
      margin: auto;
      padding: 5px;
      background-color: #3D2A33;
      box-shadow: 2px 2px 15px black;
     -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

/* Mise en forme nom de catégorie */
    h2 {
      font-size: 20px;
      font-family: 'Carrois Gothic SC', sans-serif;
      color: #C2A7B4;
      text-align: center;
    }

/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #A47B8E !important;
      font-family: 'Vampiro One', cursive;
      font-size: 25px !important;
      font-weight: none !important;
      position: relative;
      top: 0.5em;
      left: -2em;
      z-index: 1;
    }

.forumlink:hover {
      color: #F1EBEE !important;
      text-decoration: none !important;
    }

.forumlink a {
      font-size: 16px;
      width: 500px;
    }

/* Mise en forme de la description */
    .description {
      width: 400px;
      height: 90px;
      font-size: 11px;
      text-align: justify;
      color: #CBC0C6;
      background-color: #392F34;
      border: 2px solid #2D2227;
      border-radius: 5px;
      position: relative;
      top: 1em;
      left: 3em;
      padding: 15px;
    }

.imagedesc {
      position: relative;
      right: -6em;
      top: -2em;
     -moz-transform:rotate(8deg);
      -webkit-transform:rotate(8deg);
      transform:rotate(8deg);
    }

/*** SOUS-FORUM ***/

.lienssf {
      width: 490px;
      max-height: 15px;
      overflow: auto;
      background-color: #2C1D24;
      padding: 5px;
      position: relative;
    }

.lienssf a {
      color: #A47B8E !important;
      text-decoration: none !important;
    }

.lienssf a:hover {
      color: #CBC0C6 !important;
     text-decoration : none !important;
    }

/*** DERNIERS MESSAGES ***/

.last_mess {
      width: 120px;
      position: relative;
      left: 6em;
      top: 1.5em;
      background-color: #2C1D24;
      color: #C9AFBB;
      padding: 10px;
      font-size: 11px;
      border-radius: 5px;
    }

.last_mess a {
      color: black !important;
      text-decoration: none !important;
    }

.last_mess a:hover {
      color: #CAC9C7 !important;
     text-decoration : none !important;
    }

/*--------------------------------- 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 style="background-color: #34222A; padding: 10px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>

<div class="categorie">
    <table><tr>
      <td><img class="imgforum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1"><div class="rien">{catrow.forumrow.FORUM_DESC}</div>
          <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
      <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div></td>
    </tr>
    </table>
        
     </div>

</div>  
    
   
    <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Vampiro+One' rel='stylesheet' type='text/css'>

Descriptions des forums

<div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 15px;">
        Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
    </div>

Dernière modification : 15 April 2018 23 : 53.

PHPBB2

CSS

Index_box

Descriptions des forums

#categoriesbandeauviolettes #categories #forumactif #codage #libreservice