Catégories fines et sur toute la longueur du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 12:29

Bonjour tout le monde. =D
Je remercie déjà ceux qui vont prendre la peine de lire ce message, et ne vous en voudrai pas si personne ne peut m'expliquer ce que je cher.

Alors voilà, je ne sais pas vraiment comment cela s'appelle, mais j'ai vu sur plusieurs forums, des catégories que je trouve très jolies.

Elles sont très fines, mais surtout, elles ont une barre qui fait toute la longueur je sais pas si vous voyez ce que je veux dire.
Voici des exemple:
Apperçu 1 Apperçu 2

Je voudrais que quelqu'un m'explique un peu ce qu'il y a à faire.
J'ai déjà des templates modifiés, alors je ne sais vraiment quoi changer.

En tout cas, merci de lire et ce n'est pas grave si personne peut m'aider.
Merci beaucoup.


Dernière édition par nyly* le Dim 8 Mai 2011 - 20:55, édité 1 fois

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Invité le Jeu 5 Mai 2011 - 13:01

Bonjour,

Le template à modifié est Index_box.
Pour ôter ce qui sépare la barre de titre en plusieurs parties, cherchez ceci:
Code:
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
Remplacez-le par:
Code:
   <tr>
      <th colspan="5" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      
   </tr>

Ensuite, il faut attribuer une taille aux différents colonnes qui apparaissent en dessous. Cherchez ceci:
Code:
      <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">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
Et remplacez-le par:
Code:
      <td class="row3" align="center" valign="middle" height="50">
         <div style="width:50px;"><span class="gensmall">{catrow.forumrow.TOPICS}</span></div>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <div style="width:50px;"><span class="gensmall">{catrow.forumrow.POSTS}</span></div>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <div style="width:150px;"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
Si vous avez par exemple supprimé les colonnes sujets et messages, il se peut que cette partie diffère.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 13:20

ça ne donne pas du tout la même chose.
Les catégories ne sont pas fines et il y a encore les colonnes.

J'ai effectivement supprimé cette colonne, mais je voudrais que le code de ma dernière colonne reste.
Comment pourrais-je faire?

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Invité le Jeu 5 Mai 2011 - 15:57

Si ce n'est pas le bon résultat, c'est que j'ai mal compris votre demande.
Après test, je suis arrivée à ceci:

Est-ce le résultat recherché?

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Alexandra59 le Jeu 5 Mai 2011 - 17:16

Bonjour,

Je crois que ce que je cherche nyly est en fait de réduire la largeur des catégories. Comme dans son premier exemple. J'ai fais screen pour vous le montrez Isolde :

Spoiler:

J'ai mis en trait rouge, le corps de la catégorie.

Alexandra59
****

Féminin
Messages : 230
Inscrit(e) le : 25/03/2011

http://forumtestcss.forumgratuit.org/
Alexandra59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 19:43

C'est exactement çà, cotre code est bien mais pas éxactement ce que je veux. Je voudrais qu'elles soient très fines, et surtout que mon code pour la dernière colonne ne soit pas changé.

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Anzu le Jeu 5 Mai 2011 - 21:53

et surtout que mon code pour la dernière colonne ne soit pas changé.

=> C'est à dire ? Razz
Car vous n'avez donné aucun code à vous, donc je ne vois pas de quoi vous voulez parler.

Pour arriver au résultat de l'exemple, il faut refaire une grande partie de l'index box. Il me faudrait donc au moins votre css et un éclaircissement sur ce que vous avez dit plus haut.

Cordialement.


Dernière édition par Anzu le Jeu 5 Mai 2011 - 22:10, édité 1 fois

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 22:09

Et bien, la dernière colonne, des sujets et messages, a été changée, pour avoir un cadre avec le titre du dernier sujet et tout.

Pardon, pour éclaircissement, je voudrais donc savoir comment faire ceci:

Spoiler:

Je voudrais en fait pouvoir faire un trait derrière le titre de chaque catégorie là où j'ai entouré en violet, que les catégories aient toutes la même hauteur, à savoir très petite, et au cadre bleu, je voudrais un cadre comme ceci:


Est-ce que vous voyez mieux ce que je veux dire??

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Anzu le Jeu 5 Mai 2011 - 22:11

Oui oui je vois parfaitement Smile

Il me faudrait donc votre css et je vous fais ca Wink

Edit: Par contre, réfléchissez quant à la personnalisation de cette mise en forme, histoire que ce ne soit pas une pâle copie du forum.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 22:19

Merci beaucoup =D

Voici =)
Code:
body {
margin : 0px;


  { font-family:
 "Georgia";
      "Bookman Old Style";
        "Bookman";
      "New Century Schoolbook";
      "Bookman Antiqua";
        "Palatino";
      "Utopia";
      "New York";
      "Times New Roman";
"Times";
"serif";
"Garamond";
 
      }
}

.bodyline {
-moz-border-radius:10px;
}


a:link {color: #EB500B ;}
a:visited {color: #6F86B1;}
a:hover { font-weight:bold ; font-size: 11px; color: #6F86B1 ; letter-spacing: 1px; text-shadow: white 1px 1px 1px ; }


.navigation{
width: 860px;
color: #6F86B1;
font-size: 12px;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c11.png');
  border: 2px dotted #6F86B1;
text-shadow: black 1px ;
-moz-border-radius : 0px 0px 10px 10px;
}


/******encadrements des liens********/


.fondtitre{
display:inline;
  background-color: none;
  letter-spacing: 2px;
  width: auto;
  height: auto;
  -moz-border-radius: 8px;
  border: 1px solid  #6F86B1;
  font-family: Georgia;
  font-size: 12px;}


/*Barre de Navig*/

.mainmenu{
    font-size : 12px;
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #6F86B1;
                border-bottom: 1px solid #6F86B1;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

a.mainmenu:hover{
    text-decoration:none; color : #6F86B1;     
 border-bottom: 1px solid #6F86B1;
 color : #6F86B1;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



.code {
background-color: #ffffff;
border:1px #ba8382 dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: black;
}


.quote {
background-color: #ffffff; /* couleur blanche du fond */
border:1px #ba8382 dashed; /* bordure grise en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: black; /* couleur du texte */
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/**************/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 5px solid #6F86B1;
background-color: #6F86B1;
}


.contour nom {
background-color: Silver;
border: 2px solid #F3F3F0;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
text-shadow: #BA8283 1px 1px 1px;
font-family: serif bold sc;
letter-spacing: -1px;
}

/*fond*/

.postbody {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}

td.row1 {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}

td.row3Right {
background:url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
border-style: none;
}

td.row3{
background-image: url("http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png");
}

/**************/


.groupes{
background-color:#CFCFD1;border: 1px #BF3759  dotted;
-moz-border-radius : 5px 5px 5px 5px;
width: 120px;height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
font-family: serif bold sc;
text-shadow: black 1px 1px 2px;
text-decoration: none !important;}



/**************/


ul, li{padding:1px;
margin:1px;
  list-style: none;
}
.mon_onglet{
  float: left;
  padding-left: 5px;
  color: #7A7878;
font-size: 14px;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
  border: 1px dotted #EB4E0A;
text-shadow: black 1px 1px 1px;
-moz-border-radius : 10px 10px 0px 0px;
  cursor: pointer;
}
.mon_onglet:hover{
  background: #D6D6D6;
}   
.mon_onglet_selected{
  float: left;
  color: #EB4E0A;
background: #ffffff;
font-size: 14px;
  border-top: 2px dotted #6F86B0;
  border-right: 2px dotted #6F86B0;
  border-left: 2px dotted #EB4E0A;
 border-bottom: 2px dotted #EB4E0A;
text-shadow: black 1px 1px 1px;
-moz-border-radius : 10px 10px 0px 0px;
text-transform: capitalize;
letter-spacing: 2px;
  cursor: pointer;
 }     
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  border: 3px double #EB4E0A;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
    padding: 0px;
  width: 700px;
height: 260px;
  }
#mes_contenus, #mes_onglets{
  width: 100%;
  text-align: left;
  }


/**************/

/*INFOBULLE*/
a.imginfo {
  position: relative;
  color: Dimgray;
  text-shadow: white 1px 1px 2px;
  border-bottom: 3px #EB4E0A dotted; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: dimgray; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}

a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: auto; /* on positionne notre infobulle */
  left: auto;
  background: silver;
  color: #6F86B0;
  padding: 10px;
  border: 0px solid grey;
  border-left: 5px solid #EB4E0A;
  border-right: 5px solid #EB4E0A;
  border-top: 5px solid #EB4E0A;
  border-bottom: 5px solid #EB4E0A;
text-shadow: white 1px 1px 3px;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

/**************/

a { text-decoration: none; }

body {
background-repeat : no-repeat;
background-position: top center;
}



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #544E4E;
      width: 90%;
height: 30px;
overflow: auto;
      background-color: #F3F3F0;
      border: 1px dashed #E8E2DE;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 10px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid white;
      border-right: 3px solid dimgray;
      border-top: 1px solid white;
      color: black;
      background-color: none;
      font-size: 10px;
      font-style: italic;
      height: 14px;
      left: 250px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 230px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #544E4E;
      background-color: none;
      border: 1px solid dimgray;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;

      text-align: center;
      min-height: 14px;
      font-size: 10px;
}

/**************/


.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #E8E2DE;
background-color: #E8E2DE;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
background-color: #F3F3F0;
border: 1px dashed #BA8283;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
height: auto;
font-size: 10px;}


/******Ascenseur********/


.kawaii
{
position: fixed;
bottom : 0px ;
margin-left : 90%;
}


/******Maj aux membres********/

a {font-variant: small-caps;
font-size: 10px;
font-family: Arial Black;}



/******PROFIL CACHE********/
/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #couleur;
border: 1px dashed grey; /* en pointillée et en gris*/
font-size: 12px; /*taille de la police*/
letter-spacing: 1px;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 200px;
background-color: #couleur;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

/******SURLIGNEMENT********/

    *::-moz-selection {
        background-color:#6F86B1;
color:white;
    }

Je vais supprimer cette partie qui est pour l'instant pour mes catégories, mais que je compte enlever =)
Code:
/*******Catégories*******/

a { text-decoration: none; }

body {
background-repeat : no-repeat;
background-position: top center;
}



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #544E4E;
      width: 90%;
height: 30px;
overflow: auto;
      background-color: #F3F3F0;
      border: 1px dashed #E8E2DE;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 10px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid white;
      border-right: 3px solid dimgray;
      border-top: 1px solid white;
      color: black;
      background-color: none;
      font-size: 10px;
      font-style: italic;
      height: 14px;
      left: 250px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 230px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #544E4E;
      background-color: none;
      border: 1px solid dimgray;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;

      text-align: center;
      min-height: 14px;
      font-size: 10px;
}

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Anzu le Jeu 5 Mai 2011 - 22:38

Pour le moment, je n'ai pas fait pour les catégories fines, uniquement pour la dernière colonne et le cadre. Dites moi si pour le moment, cela vous convient et je poursuis.

Première Etape: Suppression des colonnes sujets & Messages (tuto disponible ICI

Deuxième Etape: On prend l'élément Sujets et messages qu'on déplace dans la colonne derniers messages.

=>
Code:
<td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td>

On prend uniquement ceci:
Code:
{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
Le reste du code, on le retire tout simplement.

Qu'on va mettre dans ce td:


Code:
   <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

Ce qui nous donne:


Code:
   <td class="row3 over" align="center" valign="middle" height="50">
{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

On place un retour à la ligne entre les deux histoire d'aérer le tout.


Troisième Etape:
Mise en place du cadre autour des derniers messages and co.

On met une div dans le td autour des éléments, avec une class qu'on appelera "cadre1" et qui renverra à notre css.
Plus simple pour faire les modifications.

Dans le css, vous mettez ceci:

Code:
.cadre1 {
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px dashed #AAAAAA;
font-size: 11px
}

Index box:
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}

         {CURRENT_TIME}

         </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>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- 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 colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- 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>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- 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">
             <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
         <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 over" align="center" valign="middle" height="50">
<div class="cadre1">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Cordialement.





Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 22:47

Oui cela me convient tout à fait, mais serait-il possible de mettre un saut de ligne entre "Xmessages dans Xsujets" et le titre du sujet?
Pourrait-on remplacer le "dans' par un caractère comme l'as de trèfle?
Et comment pourrait-on faire pour que la taille de cette phrase soit plus petite, un peu comme celle de la date??

Je suis désolée ça fait beaucoup ^^

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Anzu le Jeu 5 Mai 2011 - 22:50

Il y avait normalement un espace justement. Le petit code a été retiré, je ne sais pas pourquoi il y a des bugs avec ce br Razz

Donc mettez ceci
Code:
< br />
(quand vous le mettez dans votre template, retirez l'espace entre < et b.

Que vous placez entre:

Code:
 <td class="row3 over" align="center" valign="middle" height="50">
{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.

&

Code:
  <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td> 

Pour le trèfle, hé bien c'est simple, vous repérez cette ligne:
Code:
{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.

Que vous remplacez par:
Code:
{catrow.forumrow.POSTS} messages ♣ {catrow.forumrow.TOPICS} sujets.

Et pour la taille, je vous ai donné un code css, il y a un font size de 11px, diminuez la valeur.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Jeu 5 Mai 2011 - 22:57

Merci beaucoup, j'ai réussi à faire ce que je voulais =D
Ne reste plus que les catégories fines et cette barre pour chaque partie =D

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Anzu le Jeu 5 Mai 2011 - 23:05

Quelques questions encore. Vous voulez garder l'intitulé "derniers messages" ?

Les titres des catégories vous voulez également les retirer où on les laisse comme sur l'exemple 2 ?

Edit: Vous voulez quelle couleur pour le fond ?

Edit: Apparemment, vous êtes déco, mais j'ai quand même fait quelques tests Razz

Index box:

Et css à ajouter:


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Ven 6 Mai 2011 - 1:25

C'est magnifique merci, j'ai pu modifier le CSS à ma guise =D

Mais je préfèrerai garder les titres des différentes parties. Comment puis-je le remettre???
Merci beaucoup en tout cas, c'est exactement ce que je voulais =)

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Dim 8 Mai 2011 - 19:10

M'aurait-on oubliée??
=D

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par Anzu le Dim 8 Mai 2011 - 19:24

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 colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- 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>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
    <tr><td colspan="3">    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                    </span></td></tr>



      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td 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 colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
           
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
            <span class="genmed"><font size="1px">{catrow.forumrow.FORUM_DESC}</font></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 align="center" valign="middle" height="50" style="min-width: 150px;">
    <div class="cadre1">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.<br />
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
          </td>
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories fines et sur toute la longueur du forum

Message par nyly* le Dim 8 Mai 2011 - 20:55

Merci beaucoup c'est génial =D

Problème résolu

nyly*
***

Messages : 124
Inscrit(e) le : 13/07/2009

http://across-rpg.forumgratuit.org
nyly* a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum