personnalisation de la catégorie/des forums

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

Résolu personnalisation de la catégorie/des forums

Message par Mayumii le Ven 15 Juil 2011 - 23:36

Bonsoir/bonjour =)
J'aimerai personnaliser les catégories et les forums (afin que sur mon forum tout soit bien lisible et organisé)
Comme ceci :

Spoiler:

mon forum : http://jayfresh.forums-actifs.net/

voici ce qu'il y a dans mon index_box (si jamais il a été changé)
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><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</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">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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 -->

et voilà mon css

Code:
body { cursor: }

u{border-bottom: 1px double;border-color:#bac9d1;
-moz-border-radius:6px;}

I{border-bottom:none; color:#83A184;text-decoration: none
}

.box {
background-color:#ffffff;
;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #ffffff;
border-bottom: 2px solid #5E8FAD;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #5E8FAD;
text-align: center;
display: block;
border-bottom: 2px solid #ffffff;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7dsolid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #ffffff;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b5b5b5;
  border-right: 3px solid #b5b5b5;
  border-top: 3px solid #b5b5b5;
  border-bottom: 5px solid #b5b5b5;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:5px;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}

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

.bodyline{border:5px solid #ffffff
;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #ffffff;
}


tr.post span.gensmall { display: none; }

th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

Merci d'avance à celui/à celle qui pourra m'aider =D


Dernière édition par Mayumii le Dim 17 Juil 2011 - 17:32, édité 1 fois

Mayumii
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 23/07/2010

http://jayfresh.forums-actifs.net/index.htm
Mayumii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par SoraNoHime le Sam 16 Juil 2011 - 2:13

Bonsoir,

j'ai du mmal à saisir votre schéma ? vous voudriez retirer également les images news, no news et lock ainsi que dernier sujets et centrer le reste ?

si j'ai mal compris pouvez-vous me faire un schéma d'un forum en entier ^^.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par Mayumii le Sam 16 Juil 2011 - 2:42

Bonsoir,

je ne veux pas retirer les colonnes news, no news, lock et la colonne derniers messages. mon schéma se focalise principalement sur le milieu parce qu'il n'y a que ça à changer. j'ai fait un autre schéma, j'ai essayé d'être lisible. Si vous ne le comprenez pas, j'en ferai un autre =)

Spoiler:

Merci aussi pour votre réponse rapide =)

Mayumii
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 23/07/2010

http://jayfresh.forums-actifs.net/index.htm
Mayumii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par SoraNoHime le Sam 16 Juil 2011 - 2:45

C'est beaucoup plus clair ainsi ^^

je vais m'en occuper, mais je peux prendre du temps. N'hésitez pas à upper votre sujet une fois toutes les 24h au cas où.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par Mayumii le Sam 16 Juil 2011 - 2:46

Pas de soucis. prenez le temps qu'il vous faudra =)
merci~

Mayumii
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 23/07/2010

http://jayfresh.forums-actifs.net/index.htm
Mayumii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par SoraNoHime le Sam 16 Juil 2011 - 20:37

En quelle structure êtes-vous afin de régler au mieux ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par Mayumii le Sam 16 Juil 2011 - 20:49

Comme ceci :
Spoiler:

en espérant que ça soit ça ^^

Mayumii
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 23/07/2010

http://jayfresh.forums-actifs.net/index.htm
Mayumii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par SoraNoHime le Dim 17 Juil 2011 - 4:38

Voici votre template à remplacer entièrement :

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="3" nowrap="nowrap" width="100%" class="secondarytitle" align="center"> {catrow.tablehead.L_FORUM} </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%" align="center">
         <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}>
         <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <center><span class="gensmall">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span></center>
      </td>
      <td class="row3" align="center" valign="middle" height="50"><div style="width : 150px;">
         <span class="gensmall">{catrow.forumrow.POSTS} Message ~ {catrow.forumrow.TOPICS} Sujets</span><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 -->

puis insérez dans la css :

a.forumlink {
display : block;
background-color : #ff0000;
color : #ff00ff!important;
text-align : right;
padding-right : 20px;
}

.descript {
border : 2px solid #00ffff;
background-color : #0000ff;
}

Personnalisez les parties en rouges ^^

Cela vous convient-il ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par Mayumii le Dim 17 Juil 2011 - 17:26

Oui, cela me convient très bien =)
Mais une dernière petite chose :
Spoiler:

peut-on changer la taille de la police, afin que ça soit plus grand?

En tout cas, un très grand merci à vous =)

Mayumii
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 23/07/2010

http://jayfresh.forums-actifs.net/index.htm
Mayumii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par SoraNoHime le Dim 17 Juil 2011 - 17:30

Code:
a.forumlink {
font-size : 25px;
}
à personnaliser et mettre dans la css ^^

Cordialement

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation de la catégorie/des forums

Message par Mayumii le Dim 17 Juil 2011 - 17:32

ça fonctionne :DD!
Encore un très grand merci pour votre travail~

Mayumii
Nouveau membre

Féminin
Messages : 8
Inscrit(e) le : 23/07/2010

http://jayfresh.forums-actifs.net/index.htm
Mayumii 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