Catégorie a coder

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

Résolu Catégorie a coder

Message par Sai Niwa le Sam 23 Juil 2011 - 17:59

Bonjour a tous !

Voila, je suis assez nul en codage et j'ai besoin d'aide. Voila ce que j'aimerai avoir a la fin :

Spoiler:


J'aimerai que tout soit sans contour ... juste que je puisse mettre une image que j'aurai choisit en arrière plan ...

et puis je pense que c'est tout ...

pouvez vous m'aider ?




Sai Niwa
Nouveau membre

Messages : 5
Inscrit(e) le : 23/07/2011

http://black-butler.fr-bb.com
Sai Niwa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie a coder

Message par SoraNoHime le Sam 23 Juil 2011 - 18:17

Bonsoir,

avez-vous déjà modifié votre template index_box? si oui me le fournir ? quelle est votre hiérarchie choisie pour vos forums ?

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: Catégorie a coder

Message par Sai Niwa le Sam 23 Juil 2011 - 22:39

Aucun template modifier sinon je l'aurai deja donner ... ensuite, j'utilise le Séparer les catégories sur l'index : moyen

Sai Niwa
Nouveau membre

Messages : 5
Inscrit(e) le : 23/07/2011

http://black-butler.fr-bb.com
Sai Niwa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie a coder

Message par Sai Niwa le Dim 24 Juil 2011 - 14:41

UP

Sai Niwa
Nouveau membre

Messages : 5
Inscrit(e) le : 23/07/2011

http://black-butler.fr-bb.com
Sai Niwa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie a coder

Message par SoraNoHime le Dim 24 Juil 2011 - 16:27

Voici votre index_box :

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="tourcat" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td  width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td 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 colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td 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 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>
      </td>
      <td align="center" valign="middle" height="50">
         <span class="gensmall"><div style="width:150px;">{catrow.forumrow.LAST_POST}<br/>
Messages : {catrow.forumrow.POSTS} Sujets : {catrow.forumrow.TOPICS}</div></span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td 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 dans votre css ajoutez :

.tourcat {
background-image:url("lien de votre image");
}

.secondarytitle {
background-color : transparent;
}

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: Catégorie a coder

Message par Sai Niwa le Dim 24 Juil 2011 - 16:38

Pouvez vous me decrire un peu le CSS juste les base, je veux dire .tourcat et .secondarytitle s'il vous plais

Sai Niwa
Nouveau membre

Messages : 5
Inscrit(e) le : 23/07/2011

http://black-butler.fr-bb.com
Sai Niwa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie a coder

Message par SoraNoHime le Dim 24 Juil 2011 - 16:41

.tourcat est l'apparence du fond de votre catégorie entière.
.secondarytitle est l'apparence du fond du titre de la catégorie, ici mis en transparence pour que l'image en dessous apparaisse

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: Catégorie a coder

Message par Threax le Dim 24 Juil 2011 - 16:44

Bonjour,

Les UP ne sont autorisés qu'après 24h sans réponse, merci de relire les règles.

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie a coder

Message par Sai Niwa le Dim 24 Juil 2011 - 17:09

Je viens de voir que j'ai un gros probleme, ... avec la commande ... le fait est que je voulais faire comme si il y avait des cadres mais transparant ... Je vous montre encore avec un shema :

Spoiler:

Je voudrai que tout les cadre soit personnalisable et les texte de meme ... et que le cadre blablabla et le cadre"NB message et NB sujet" soit coller ... si possible
Je suis désolé c'est ma faute je me suis très mal exprimer dans mon premier shema ... vraiment désolé

est ce possible de le faire ?

Sai Niwa
Nouveau membre

Messages : 5
Inscrit(e) le : 23/07/2011

http://black-butler.fr-bb.com
Sai Niwa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie a coder

Message par SoraNoHime le Dim 24 Juil 2011 - 22:52

Dans ce cas, votre index_box sera celui-ci :

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="tourcat" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td  width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td 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 colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td align="center" valign="middle" class="imgnew">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td 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="sujmsg"><span class="gensmall">Messages : {catrow.forumrow.POSTS} Sujets : {catrow.forumrow.TOPICS}</span></span></div></center>
<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 align="center" valign="middle" height="50" class="dersuj">
            <span class="gensmall"><div style="width:150px;">{catrow.forumrow.LAST_POST}</span> 
          </td>
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td 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 dans votre css ajoutez :

Code:
 .tourcat {
background-image:url("lien de votre image");
}

.secondarytitle {
background-color : transparent;
}

a.forumlink {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.dersuj {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.imgnew {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.descript {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
margin : 5px;
}

.sujmsg {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

tout à personnaliser en sachant que

.tourcat = la totalité d'une catégorie
.secondarytitle = le titre de la catégorie
a.forumlink ) le titre des forums
.dersuj = le tour de dernier sujet
.imgnew = le tour des images new, no new et lock
.descript = le tour de la description
.sujmsg = le tour de sujet et messages.

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: Catégorie a coder

Message par Invité le Lun 1 Aoû 2011 - 10:50

Bonjour,

Où en-est votre problème ?

Deux solutions :
  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile

Invité
Invité


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