Sujets similaires

Sujet: Structure sous forums ! Mer 08 Sep 2010, 09:28

Bonjour !

Et oui encore moi pour ma 3e question en cours...
J'ai vraiment du mal Rolling Eyes

Je cherche à obtenir ce résultat:
(Que j'ai réalisé sous Photoshop, c'est pas une capture d'écran d'un autre forum)

Spoiler:

Pour l'instant je cherche surtout à réaliser le grand cadre du sous forum. Après pour le reste j'essayerai de réaliser ça plus tard, sauf si quelqu'un peut déjà m'aider !

Donc pour ce style de forum j'ai essayé tout d'abord de supprimer l'image no new de son cadre (voir image ci dessous). Mais j'obtient j'arrive pas à le sortir correctement de son cadre sans casser toute la structure du reste ...
Après je me suis donc dit que suffisait de mettre une image dans le fond et tout allait se mettre par dessus.
Mais comment faire?

Je suis complètement perdu Surprised

Voici les infos que j'avais pas précisé au dessus.
Les sous forums de mon forum de test:

Spoiler:

Et mon template index_box que j'ai du réinitialiser vu que j'y arrivais pas Sad

Spoiler:

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}

      {CURRENT_TIME}

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

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

      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<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="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>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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>

         </span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {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">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Voilà ! En esperant que quelqu'un puisse m'aider ! Smile

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 10:03

Bon alors déjà, je peux te dire que tu as tout ce que tu veux sur le forum xD il faut que tu fasses une petite recherche pour supprimer la colonne sujets & messages, et replacer le contenu de messages là où tu veux. C'est un tutoriel de Orange si ça peut t'aider.

Après tu as un autre tutoriel expliquant comment mettre tout cela comme ça, enfin à peu près comme tu veux, il me semble que c'est de Furase, mais je n'en suis absolument pas sûr.

Après si tu veux, je peux t'aider un peu pour l'image des news.
Bisous~

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 10:06

Je vais y jeter un coup d'oeil, mais pour enlever les colonnes messages et sujet ce n'est pas un problème ^^
C'est juste que comme je l'ai dis précédemment j'ai remis à zéro mon template.

C'est quoi les images des news? :$
A pas compris ce que tu voulais dire par là ^^

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 10:12

Déjà, il faut toujours sauvegarder son template dans un ficher texte ._.
Ensuite, quand je te parles des news, c'est l'icône qui permet de voir si il y a des nouveaux messages, et bien quand tu auras supprimé les colonnes et fait un début de tableau, je pourrais t'aider à la mettre là où tu veux. Je peux t'aider avant aussi hein ._. xD

Dis moi si tu ne trouves pas les tutoriels, j'essayerais de chercher.
Bisous~

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 10:15

C'est un forum de test, du coup les changements que j'avais fais n'avaient pas beaucoup d'importance ^^
Je vais aller voir les tuto et je vous tiens au courant de mon avancé ! Very Happy

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 11:06

Voilà je crois avoir trouvé le bon tuto dont tu parlais.
Voici le rendu que j'ai pour le moment:

Spoiler:

Sauf que plusieurs question s'opposent à moi ... :
- Est-il possible de positionner le nombre de messages où on le souhaite? (Comme sur l'image du premier message du sujet) Et aussi y ajouter cette "extension" du cadre comme montré?
- Est-il possible de mettre un trait entre l'image No New et l'icone du sous forum? (Encore une fois comme sur l'image)
- Comment faire pour centrer l'icone du sous forum dans son cadre?
- Est-il possible de mettre une hauteur automatique aux cadre du sous forum? Sachant que là c'est réglé avec le padding a cause de l'icone de sous forum ...

Mon CSS:

Code:: .sousforum {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-left: 5px #252525 solid;
border-bottom: 2px #252525 solid;
border-top: 2px #252525 solid;
border-right: 5px #252525 solid;
background-color: #636363;
}

J'ai utilisé la méthode du div class pour la description du forum.

(Désolé du double post mais c'était pour marquer le fait que j'avais des nouvelles à vous donner ! Smile

)

Voilà ! Very Happy

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 14:35

Alors je vais essayer de répondre à tes questions du mieux que je peux. Dans le tutoriel que tu as suivis(j'imagine celui d'Orange), à un moment il est indiqué l'endroit où il y a la balise, il te suffit de la déplacer. Si tu ne vois pas où c'est, si tu pouvais me passer le lien du tutoriel, parce que je ne m'en souviens plus très bien ._. xD

Pour l'extension, j'imagine que c'est possible, et encore, si tu as utilisé le tutoriel dont je te parlais(si tu pouvais aussi me passer le lien ._. xD), eh bien il est indiqué comment le mettre en haut à droite, avec un cadre autour(à la réflexion, c'est peut-être un tutoriel de Tech ._.)

Pour le trait, j'imagine que l'on peut en faire un oui, en faisant une class dans ton css et en le mettant dans ton template par la suite.

Pour centrer l'icône au milieu tu dois utiliser:

Code:: align="middle"

Pas tout seul évidemment, tu peux par exemple le mettre avec un td:

Code:: <td align="middle"></td>

Je pense que ce sera bon comme ça.

Et pour les automatiques, il te suffit de mettre à la propriété que tu veux:

Code:: .CLASS{PROPRIÉTÉ:auto;}

Voilà, j'ai répondu au question en pensant que tu t'y connaissais un minimum vu ce que as fait ._. mais sinon je ferais des plus amples explications si tu ne comprends pas bien.

Bisous~

Sujet: Re: Structure sous forums ! Mer 08 Sep 2010, 15:02

En faite j'ai suivis uniquement ce tuto là:
https://css-actif.forumactif.org/structures-des-forums-f31/agrementer-la-description-de-ses-categories-et-sous-forums-t4460.htm

Pour retirer les 2 colonnes j'ai fais comme j'avais fais avant de réinitialiser mes templates, c'est à dire un peu au fealing en lisant bien les différentes balises :$

Pour l'extension tu parle de ce tuto?
https://css-actif.forumactif.org/structures-des-forums-f31/templates-phpbb2-statistiques-de-forum-affichees-dans-la-description-t1486.htm

J'ai regarder assez rapidement et j'ai pas vu (ou pas compris) comment mettre le nombre des messages dans un cadre de la forme que j'ai dessiné à la base?

Pour ce qui est de déplacer l'image No New, j'avais vu une autre demande d'aide assez semblable: https://css-actif.forumactif.org/aide-css-xhtml-f17/structure-sous-forum-qeel-t6812.htm
Mais j'ai re essayé et ça a cassé toute la structure :s
Bon j'ai pris le temps d'essayer à nouveau et ça me fait la même chose Sad