Codes CSS pour forum!

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

Résolu Codes CSS pour forum!

Message par toulouse1914 le Mer 1 Juin 2011 - 1:18

Bonjour à tous!
Je ne sais pas si je suis dans la bonne section, mais j'aurais une question à poser. En effet, je cherche le code CSS pour mettre un cadre autour de la descriptions des forums de mon forum... Je ne suis pas très bonne en ce domaine, si quelqu'un voulait bien m'aider...

Merci beaucoup! (:


Dernière édition par toulouse1914 le Dim 5 Juin 2011 - 4:24, édité 1 fois

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Mer 1 Juin 2011 - 1:20

Bonsoir

Pouvez-vous faire un modele de ce que vous désirez, ou un scan ?

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: Codes CSS pour forum!

Message par toulouse1914 le Mer 1 Juin 2011 - 1:29

Spoiler:
Comme cela, pour chaque forum. ^^

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Mer 1 Juin 2011 - 1:30

Quelle est votre version de forum ? En etes vous le fondateur ? Avez-vous changer votre template index_box ? si oui merci de me le fournir.

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: Codes CSS pour forum!

Message par toulouse1914 le Mer 1 Juin 2011 - 1:34

Je suis effectivement la fondatrice de mon forum, mais je n'ai jamais touché aux templates. Very Happy Mon forum est un phbb

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Mer 1 Juin 2011 - 1:38

2 ou 3 ? là est toute la différence, les templates n'éant accesiible qu'en phpbb2 ou punbb

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: Codes CSS pour forum!

Message par toulouse1914 le Mer 1 Juin 2011 - 1:40

2 je pense, puisque j'ai accès aux templates dans ''Affichage''. ^^

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Mer 1 Juin 2011 - 1:53

ok ^^

Donc je vous explique. Tout se fera dans votre template Général : index_box :

Repérez ceci :

Code:
<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>
      </td>

C'est toute la partie à modifier :

Remplacer la par :

Code:
<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="intercat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <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>

Enregistrez et publiez.

Dans votre css insérez :

Code:
.intercat {
border : 1px solid #000000;
background-color : #ffffff;
padding : 7px;
}
.forumlink {
background-color : #ffffff;
font-size: 20px;
font-family: Amaze;
position: relative;
top: 8px;
left : 15px;
}

Personnalisez à votre gout.

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: Codes CSS pour forum!

Message par toulouse1914 le Mer 1 Juin 2011 - 1:59

Merci beaucoup... Mais ça ne marche pas. :/
Cela mets le titre en fond blanc, & rien d'autre. C'est bien le code pour une bordure autour du texte?

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Mer 1 Juin 2011 - 2:01

oui mais avez-vous bien changer ce que je vous ai dit dans votre template et publiez celui-ci en appuyant sur ajout

Car sur mon forum test cela marche très bien.

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: Codes CSS pour forum!

Message par toulouse1914 le Mer 1 Juin 2011 - 2:10

Ah bon, et pourtant je l'ai fait. 0o
Voici un screen :
Spoiler:

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Mer 1 Juin 2011 - 2:15

Pourtant vous pouvez-voir dans mon lien vers mon forum test (voir profil) que cela marche

A tout hasar, changez entièrement votre template index_box par 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="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}>
            <div class="intercat"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
            <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" 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>
   </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 -->

Enregistrez, publiez

et revérifier bien votre css.

Si cela ne marche pas donner moi un lien ou je puis voir vos catégories.

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: Codes CSS pour forum!

Message par tupac le Sam 4 Juin 2011 - 10:44

Bonjour

Il vous suffi juste de placer le code suivant dans la description de votre catégorie.
Panneau d'administration:
1=> Général
2=> Catégories et forums
3=> cliquer sur la molette jaune de votre catégorie et placer le code suivant dans la description.
Code:
<FIELDSET>
<LEGEND align=top> Votre titre ici </LEGEND>
Votre texte ici
</FIELDSET>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes CSS pour forum!

Message par toulouse1914 le Dim 5 Juin 2011 - 3:51

Macema : J'ai essayé, et ça a carrément effacé mes catégories. J'ai remis le template par défauts et elles sont revenues. ^^'

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Dim 5 Juin 2011 - 3:56

Bonsoir

POurtant cela fonctionne sur mon forum test

Avez-vous bien mis le dernier code sur celui de index_box en le remplaçat en entier et en appuyant ensuite sur ajout ?

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: Codes CSS pour forum!

Message par toulouse1914 le Dim 5 Juin 2011 - 4:03

Ah! Tout à coup cela fonctionne! Puis-je changer la couleur du fond dans le CSS que vous m'avez donné?

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

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

Résolu Re: Codes CSS pour forum!

Message par SoraNoHime le Dim 5 Juin 2011 - 4:07

Oui bien sûr, de même pour la police d'écriture qui ne va pas avec votre forum ^^ (mais si vous n'avez pas la police en question hébergée dans votre ordinateur, vous ne pouvez pas le voir)

C'est a vous de personnaliser à votre gout désormais.

Pour tout conseil, n'hésitez pas.

De même repérez vous à la liste CSS et propriétés ici pour vous aider

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: Codes CSS pour forum!

Message par toulouse1914 le Dim 5 Juin 2011 - 4:25

Merci beaucoup, problème résolu! =D

toulouse1914
**

Féminin
Messages : 84
Inscrit(e) le : 12/10/2009

http://foreverstables.forumactif.com
toulouse1914 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