Catégories

[azure-fleuria]

Bonjour les amis =D
j'ai vraiment besoin de votre aide. J'essaye de coder mais j'y arrive pas
Je voudrais que mes catégories deviennent comme dans le schéma en dessous.

En gros voila je vous ai fait un schéma pour comprendre


Voici le lien de ce schéma https://i.servimg.com/u/f48/15/98/30/11/sans_t12.jpg
Précisions:1. je veux une bordure autour du cadre de dernier message etc
2.Je veux que le cadre de description et de dernier message soient arrondis comme dans le schéma.
3. Je veux mettre un fond dans la partie description (ca veut dire un fond au dessus de l'image description et des mots de la description du forum)
4. Je veux enlever les images fonds des titres des catégories et forums

Quelqu'un peut m'aider a le réaliser svp?

Merci d'avance

Je n'ai pas modifier mon index box
Ma structure de catégories https://i.servimg.com/u/f48/15/98/30/11/jjgggh10.jpg

EDIT: si ça peut aider a comprendre, je viens de trouver un forum dont les catégories ressemblent un peu a ce que je veux =S https://i.servimg.com/u/f48/15/98/30/11/ghvkj_10.jpg

[SoraNoHime]

Bonjour

il me faudrait plusieurs informations : - votre niveau de structure & hiérarchie
- votre template index_box s'il est modifié
- votre css associée.

COrdialement.

[azure-fleuria]

Bonjour

Mon css

Code:

            th
        {

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px; /*arrondis*/
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;

}
 

table.bodylinewidth
{
position: relative;
top: -9px;
}
a.forumlink {
text-decoration: none !important;
background-color: /*Fond du Cadre*/;
border-bottom: 2px double /*Bas du Cadre*/;
border-top: 2px double /*Haut du Cadre*/;
border-right: 5px solid /*Cadre Droit*/;
border-left: 5px solid /*Cadre Gauche*/;
-moz-border-radius: 8px;
display:block;
font-weight :bolder !important;
font-family: serif;
font-size : 17px !important;}

a.forumlink:hover {
text-decoration: none !important;
background-color: /*Fond du Cadre*/;
border-bottom:2px double #/*Cadre Bas avec la Souris*/;
border-top: 2px double /*Haut du cadre avec la Souris*/;
border-right: 5px solid /*Cadre Droit avec la Souris*/;
border-left: 5px solid /*Cadre Gauche avec la Souris*/;
-moz-border-radius: 6px;
display:block;
font-size : 17px !important;
font-weight :bolder !important;
font-family: serif;}

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
     
        .forumline {
        padding: 5px;
        border: 1px solid silver;
        -moz-border-radius: 5px;
        box-shadow: 0px 0px 5px #C0C0C0;
        -moz-box-shadow: 0px 0px 5px #C0C0C0;
        -webkit-box-shadow: 0px 0px 5px #C0C0C0;
        border-image: initial;
        background-color: transparent;
       

        }
   


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #778940;
shadow: -3px 3px 3px #000000;
}





.secondarytitle h2 {color : SkyBlue;font-size : 23px;font-family: Georgia;font-weight :normal !important;
text-shadow: 2px 2px 4px black;
}
a.forumlink {
 color : #99cc99;font-size :17px !important;font-weight :bolder !important;font-family: serif;   font-style :italic;
}

a:hover{ text-decoration: none;
font-weight:bold;

}


Pour le reste voila

Je n'ai pas modifier mon index box Smile
Ma structure de catégories https://i.servimg.com/u/f48/15/98/30/11/jjgggh10.jpg

Merci

[SoraNoHime]

Juste un point, que ce soit dans ce sujet ou dans l'autre que vous m'avez confié également. Donnez un schéma oui, montrez des screens venant d'un autre forum non ^^ le plagiat est je vous le rappelle interdit.

Pour en revenir à votre demande.

1. dans le template index_box, repérez : <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> et supprimez la partie en rouge

2. puis repérez :

Code:


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

et changez le en :

Code:

<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

3. Repérez :

Code:


   <!-- 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">
         <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}>

et changez le en :

Code:


   <!-- BEGIN forumrow -->
   <tr>
      <td class="row1 over" colspan="3" 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}></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 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">

4. Repérez :

Code:

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

et changez le en

Code:

<div class="foicon"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>

5. Repérez :

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

et changez le en

Code:

<div class="fodesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

6. Repérez :

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

et changez le en

Code:

<center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>

7. Repérez :

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 changez le en

Code:


      <td class="row3 over" align="center" valign="middle" height="50">
         <div class="dersuj"><span class="gensmall">{catrow.forumrow.LAST_POST}<br/><br/>
{catrow.forumrow.POSTS} Messages | {catrow.forumrow.TOPICS} Sujets</span>
      </div></td>

Faites déjà cela, puis nous verrons pour la css ^^

[azure-fleuria]

Bonjour

Ah oui désolé =s

On y est presque ca commence a ressembler a ce schéma ^^
https://i.servimg.com/u/f48/15/98/30/11/sans_t12.jpg
Et voila ce que ca donne
https://i.servimg.com/u/f48/15/98/30/11/11111110.jpg

Voici mes soucis :


1. Quand j'écrit plus d,une phrase, la catégorie es déforme: https://i.servimg.com/u/f48/15/98/30/11/22222210.jpg

2. Avant il y avait des cadres autour de mes catégories j'aimerais les récupérer
https://i.servimg.com/u/f48/15/98/30/11/33333310.jpg

3. Je voudrais qu'un cadre se place autour des descriptions et images comme ici https://i.servimg.com/u/f48/15/98/30/11/44444410.jpg

4. je voudrais que la partie ''dernier message etc) va un peu au milieu comme la ou je vous met son cadre https://i.servimg.com/u/f48/15/98/30/11/44444410.jpg

5. Je voudrais que le truc ''dernier message etc) vont dans le cadre que je vous ai indiqué ici ^^ https://i.servimg.com/u/f48/15/98/30/11/88888810.jpg
Et je voudra qu'ils soient alignés en 4 lignes de cette facons:
hhhhhhh
Mer 25 Jan 2012 - 18:25
Admin
2 Messages | 2 Sujets


6. Je voudrais que les sous forums vont en bas du cadre de descoption comme ce que je montre en rose ici https://i.servimg.com/u/f48/15/98/30/11/44444410.jpg


7. Comme je le montre ici https://i.servimg.com/u/f48/15/98/30/11/66666610.jpg
Je voudrais qu'ait un espace entre le bouton ''new, no new etc'' et le cadre de la description. Et je voudrais qu'il ait un espace entre le cadre les ce qu'il y a d’écrit dessus ( donc un espace entre le cadre et l'image de description ainsi que les écritures)

8. Je voudrais que l’écriture de description soit placé de cette façon https://i.servimg.com/u/f48/15/98/30/11/77777710.jpg



Merci d'avoir prit de votre temps pour mon problème

[azure-fleuria]

personne ne peut m'aider

[azure-fleuria]

Help svp

[azure-fleuria]

up svp

[azure-fleuria]

Up!

[azure-fleuria]

Aidez moi svp

[azure-fleuria]

a lock

N'ayant pas recu de solution pour mes autres sujets je reposte mon probleme dans la partie code car c'Est partie la plus approprié. Aussi Macema a commencé a m'aider pour mes autres sujets mais n'a pas continué ce qui fait que ca bloque mes topics et ce qui fait que personne d'autre ne pourra m'aider.