Forum test phpBB2
Général > Forum > configuration > Popup de connexion
Forum test phpBB2

(forum > description du site)
 
PortailPortail  AccueilAccueil  CalendrierCalendrier  GalerieGalerie  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  phpbb3phpbb3  invisioninvision  punbbpunbb  modernbbmodernbb  

Partagez | 
 

 forums flottants

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
MlleAlys
RANG
RANG
avatar

Nom du champ profil : valeur
Messages : 66
Date d'inscription : 30/01/2014

Feuille de personnage
nom du champ: valeur
texte/liste:

MessageSujet: forums flottants   Dim 17 Mai - 20:41

Spoiler:
 

Code:

<!-- BEGIN catrow -->

<!-- BEGIN tablehead -->
  <div class="categorie">
            <div class="cate-titre">
                    {catrow.tablehead.L_FORUM}
            </div>
            <div class="cate-corps">
                    <!-- END tablehead -->

                    <!-- BEGIN cathead -->
                    <h{catrow.cathead.LEVEL} class="hierarchy in-cate-titre">
                            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">
                                    {catrow.cathead.CAT_TITLE}
                            </a>
                    </h{catrow.cathead.LEVEL}>
                    <!-- END cathead -->
                 
                 
                    <!-- BEGIN forumrow -->
                 
                            <table width="100%" class="forum">
                                    <tr>
                                         
                                            <td colspan="2">
                                                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                                                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                                                                    {catrow.forumrow.FORUM_NAME}
                                                            </a>
                                                    </h{catrow.forumrow.LEVEL}>
                                            </td>
                                 
                                    </tr>
                                    <tr>
                                         
                                            <td width="100%">
                                                    <div class="forum-desc genmed">
                                                            {catrow.forumrow.FORUM_DESC}
                                                    </div>
                                            </td>
                                         
                                            <td align="center">
                                                    <div class="forum-stats gensmall">
                                                            {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets
                                                    </div>
                                                    <div class="dernier-msg gensmall">
                                                            <!-- BEGIN avatar -->
                                                            <span class="lastpost-avatar">
                                                                    {catrow.forumrow.avatar.LAST_POST_AVATAR}
                                                            </span>
                                                            <!-- END avatar -->
                                                            {catrow.forumrow.LAST_POST}
                                                    </div>
                                                    <div class="img-nv-msg">
                                                            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                                    </div>
                                            </td>
                                 
                                    </tr>
                                    <tr>
                                         
                                            <td colspan="2">
                                                    <div class="ss-forums gensmall">
                                                            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                                    </div>
                                                    <!-- BEGIN switch_moderators_links -->
                                                    <div class="forum-modos gensmall">
                                                            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                                                    </div>
                                                    <!-- END switch_moderators_links -->
                                            </td>
                                 
                                    </tr>
                            </table>
                 
                    <!-- END forumrow -->
                 
                    <!-- BEGIN catfoot -->
                    <!-- END catfoot -->
                 
                    <!-- BEGIN tablefoot -->
            </div>
            <div class="cate-foot"></div>
  </div>
<!-- END tablefoot -->

<!-- END catrow -->

Code:
.categorie {
  background: rgb(239, 239, 239);
  margin: 10px 0;
}
.cate-titre h2 {
  background: pink;
  padding: 5px;
  margin: 0;
  text-align: center;
  font-family: 'comic sans ms';
  font-size: 20px;
  color: blue;
}
 
.in-cate-titre {
  display: block;
  padding: 5px;
  background: turquoise;
}
 
table.forum {
  border-collapse: collapse;
  width: 48%;
  display: inline-block;
  margin: 5px;
}
table.forum td {
  padding: 0;
}
 
.forum .hierarchy {
  display: block;
  margin: 0;
  padding: 5px;
  background: red;
}
.forum-desc {
  padding: 5px;
  height: 100px;
  overflow: auto;
  background: yellow;
}
 
.forum-stats {
  height: 15px;
  line-height: 15px;
  background: grey;
  white-space: nowrap;
  font-family: "Courier new", Courier, monospace;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
}
 
.dernier-msg {
  height: 50px;
  padding: 5px;
  overflow: hidden;
  background: orange;
  font-size: 10px;
}
.img-nv-msg {
  min-width: 150px;
  height: 35px;
  overflow: hidden;
  background: chocolate;
}
.ss-forums {
  height: 25px;
  padding: 5px;
  overflow: auto;
  background: violet;
}
 
.forum-modos {
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  background: purple;
}
 
.cate-foot {
  background: pink;
  height: 20px;
}

_________________
signature
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mllealys2.forumactif.org
MlleAlys
RANG
RANG
avatar

Nom du champ profil : valeur
Messages : 66
Date d'inscription : 30/01/2014

Feuille de personnage
nom du champ: valeur
texte/liste:

MessageSujet: Re: forums flottants   Mar 19 Mai - 20:57

Version minima phpbb2

Spoiler:
 

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">
   <tr>
      <th nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}&nbsp;</th>
   </tr>
   <tr>
             <td>
         <!-- END tablehead -->
         <!-- BEGIN cathead -->
         <table width="100%" border="0" cellspacing="0" cellpadding="1">
                   <tr>
               <!-- BEGIN inc -->
               <!-- END inc -->
               <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                  <h{catrow.cathead.LEVEL} class="hierarchy">
                     <span class="cattitle">
                        <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                     </span>
                  </h{catrow.cathead.LEVEL}>
               </td>
            </tr>
         </table>
         <!-- END cathead -->
                 
         <!-- BEGIN forumrow -->
                     <div class="forum">
                        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
               <tr>
                  <!-- BEGIN inc -->
                  <!-- END inc -->
                  <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </td>
                  <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                     <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                           <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                        </span>
                     </h{catrow.forumrow.LEVEL}>
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                     <span class="gensmall">
                        <!-- BEGIN switch_moderators_links -->
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     </span>
                  </td>
                  <td class="row3" align="center" valign="middle" height="50">
                     <span class="gensmall">{catrow.forumrow.TOPICS}</span>
                  </td>
                  <td class="row2" align="center" valign="middle" height="50">
                     <span class="gensmall">{catrow.forumrow.POSTS}</span>
                  </td>
                  <td class="row3 over" align="center" valign="middle" height="50">
                              <!-- BEGIN avatar -->
                              <div style="width: 200px;"></div>
                                                     <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                                                     <!-- END avatar -->

                     <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </td>
               </tr>
                             </table>
                     </div>
         <!-- END forumrow -->
         <!-- BEGIN catfoot -->
         <!-- END catfoot -->
         <!-- BEGIN tablefoot -->
             </td>
   </tr>
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Code:
div.forum {
  width: 48%;
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}

_________________
signature
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mllealys2.forumactif.org
MlleAlys
RANG
RANG
avatar

Nom du champ profil : valeur
Messages : 66
Date d'inscription : 30/01/2014

Feuille de personnage
nom du champ: valeur
texte/liste:

MessageSujet: Re: forums flottants   Mar 19 Mai - 21:32

version minima phpbb3

Spoiler:
 

Code:
.forabg ul.topiclist li.row {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  margin: 5px;
  border: 2px solid rgb(0, 118, 177);
  border-radius: 5px;
}

_________________
signature
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mllealys2.forumactif.org
Contenu sponsorisé




MessageSujet: Re: forums flottants   

Revenir en haut Aller en bas
 
forums flottants
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test phpBB2 :: Catégorie 1 :: Forum 1.2-
Sauter vers: