Comment modifier l'apparence de son forum? Bouton_activeComment modifier l'apparence de son forum? Bouton_hoverComment modifier l'apparence de son forum? Fb-hoverComment modifier l'apparence de son forum? Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Comment modifier l'apparence de son forum? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Comment modifier l'apparence de son forum? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Comment modifier l'apparence de son forum? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Comment modifier l'apparence de son forum? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Comment modifier l'apparence de son forum? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Comment modifier l'apparence de son forum? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Comment modifier l'apparence de son forum? EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Comment modifier l'apparence de son forum? EmptyMar 07 Fév 2023, 08:40 par Oxtran

-45%
Le deal à ne pas rater :
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre 14 couverts – ...
339 € 622 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Comment modifier l'apparence de son forum?

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




Comment modifier l'apparence de son forum? Empty
Bonjour à toutes et à tous!
Voilà, j'ai besoin d'aide pour modifier l'apparence de mon forum.
En fait, pour être simple je vous ai fait une capture d'écran pour vous montrer le résultat que je voudrai obtenir!
Voici l'image :
https://2img.net/h/oi46.tinypic.com/fmor5t.jpg

Merci de votre aide, qui est très importante pour moi!
Je vous prie de croire à mes sincères salutations,
Cannelle
MessageSujet: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 06:32
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment modifier l'apparence de son forum? Empty
A quoi ressemble ton forum pour l'instant?
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 12:07
Revenir en haut Aller en bas
Invité
Invité




Comment modifier l'apparence de son forum? Empty
Pour l'instant il ressemble à cela:
http://star-wars-academie.forumotion.com/forum.htm

Comme tu peux le voir, je suis loin d'avoir le rendu souhaité, c'est pourquoi je fais appel à votre aide!
Merci! Very Happy
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 14:08
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment modifier l'apparence de son forum? Empty
Est ce que je pourrais avoir ton code de ton template index_box, que je fasse ton code en fonction de ton template Smile
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 14:45
Revenir en haut Aller en bas
Invité
Invité




Comment modifier l'apparence de son forum? Empty
tu ferai ça??
Tu es formidable!
Je te donne ça!
Le voici:

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="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>
  <!-- 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">
        <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>
                        <div class="mystats_fa">Contient {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
                        </div>
      </td>
      <!-- BEGIN forum_link_no -->
      <!-- <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>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

Encore merci^^
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 15:03
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment modifier l'apparence de son forum? Empty
ok alors normalement (on est jamais à l'abris d'une erreur) ça devrai être bon.
Tu remplace ton templates par celui là:
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="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>
  <!-- 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">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <center><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span></center>
        </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>
                        <div class="mystats_fa">Contient {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
                        </div>
      </td>
      <!-- BEGIN forum_link_no -->
      <!-- <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>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->
Ensuite dans ton css tu met ça:
Code:
a.forumlink{
display:block;
text-align:center;
width:250px;
background-color:white;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-left: 1px dotted black;
border-right: 1px dotted black;
border-top: 1px dotted black;
margin-bottom:-4px;
}

.mystats_fa{
text-align:center;
width:250px;
background-color:white;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
border-left: 1px dotted black;
border-right: 1px dotted black;
border-bottom: 1px dotted black;
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
margin-right: 40px;
}
et ensuite ca se passe dans la description de tes catégori
Code:
<div style="border: 1px dotted black; -moz-border-radius:5px; background-color:white; padding-left:10px; padding-right:10px; padding:5px; text-align:center;margin-bottom:-17px;">
            <img src="URL D'UN IMAGE SI TU EN VEUX UNE"><br/>
         <font style="font-family: Century Gothic;" size="1">
         L'établissement accueille chaque année de nombreux étudiants, venez voir l'administration pour vos soucis en tout genre...</font>
</div>
Bon alors tu peux changer le css à ton gout, pareil suivant ce que tu met il y aura surement à changer les valeur des margin que j'ai m'y, il faut bidouiller un peu les code Smile
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 15:27
Revenir en haut Aller en bas
Invité
Invité




Comment modifier l'apparence de son forum? Empty
très bien, je fais cela, et je te dis si c'est bon!

EDIT: C'est impeccable, c'est exactement ce que je voulais!
Merci enormement, tu es génial!!!
Je t'adore, je te dirai des centaines de milliers de gentillesses sur toi!
Encore merci! Very Happy
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 15:29
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Comment modifier l'apparence de son forum? Empty
contente que ça aille.
Je classe.
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? EmptyJeu 25 Fév 2010, 15:47
Revenir en haut Aller en bas
Contenu sponsorisé




Comment modifier l'apparence de son forum? Empty
MessageSujet: Re: Comment modifier l'apparence de son forum?   Comment modifier l'apparence de son forum? Empty
Revenir en haut Aller en bas
 

Comment modifier l'apparence de son forum?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment modifier les titres des catégories...
» Comment modifier le bodyline ? [RESOLU]
» Comment suprimmer Les pubicités sur son forum?
» Comment masquer les icones en bas du forum ?
» Comment modifier le menu "chevauché" ? [Terminé]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit