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

Aller en bas 
AuteurMessage
MlleAlys
RANG
RANG
MlleAlys

Nom du champ profil : valeur
Messages : 70
Points : 230
Date d'inscription : 30/01/2014

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

forums flottants Empty
MessageSujet: forums flottants   forums flottants EmptyDim 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
MlleAlys

Nom du champ profil : valeur
Messages : 70
Points : 230
Date d'inscription : 30/01/2014

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

forums flottants Empty
MessageSujet: Re: forums flottants   forums flottants EmptyMar 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
MlleAlys

Nom du champ profil : valeur
Messages : 70
Points : 230
Date d'inscription : 30/01/2014

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

forums flottants Empty
MessageSujet: Re: forums flottants   forums flottants EmptyMar 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é




forums flottants Empty
MessageSujet: Re: forums flottants   forums flottants Empty

Revenir en haut Aller en bas
 
forums flottants
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: