Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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

SoraNoHime
Membre actif

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 =)
avatar

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

SoraNoHime
Membre actif

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

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

SoraNoHime
Membre actif

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

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

SoraNoHime
Membre actif

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 =)
avatar

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
avatar

SoraNoHime
Membre actif

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

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