forum personnalisé ( sans succès ._. )

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

Résolu forum personnalisé ( sans succès ._. )

Message par Naokiki le Mar 9 Aoû 2011 - 2:14

bonjour à tous,

voilà, je me suis lancé dans la création d'un forum et je dois dire que je suis un peu rouillée u_u.
mon problème se situe au niveau des forums. je n'arrive pas à en faire ce que j'en souhaite, et ce n'est pas faut de ne pas avoir essayé.
en résumé, j'ai fait un petit schéma de ce que j'aimerais faire.


l'image sur la gauche est l'image de nouveau/pas de/ messages, etc

et voici la seule chose que j'arrive à obtenir ._.


j'ai également un petit soucis avec les statistiques mais une chose à la fois xD

pour vous aider, voici mon template index-box vu qu'il a été modifié pour faire les catégories sous forme d'onglets.
Code:
        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->

    </span>
    <!-- END switch_user_logged_in -->

    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    </table>



    <!-- DEBUT MODIF ONGLETS -->


    <script type="text/javascript">
        <!--

        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">

        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></li>
    </ul>
    </div>');

        var compteur_cat = 1;

        function change_cat(numero)
        {
          if(document.getElementById('categorie_'+numero))
          {
              /* affichage de la bonne categorie */
              $('table[id^=categorie_]').css('display','none');
              $('table[id=categorie_'+numero+']').fadeIn();
           
              /* affichage du bon onglet */
              $('.actif').removeClass("actif");
              $('.onglet[id=onglet_'+numero+']').addClass("actif");
          }
        }

        function capture_cat()
        {
          if(compteur_cat == 1)
          {
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
          }
          else
          {
              $('#conteneur_barre_onglet').css("display","block");
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
          }
       
          compteur_cat++;
        }

        //-->
        </script>


        <!-- BEGIN catrow --><!-- BEGIN tablehead -->


      <script type="text/javascript">
        <!--
          capture_cat();
        //-->
        </script>

        <!-- FIN MODIF ONGLETS -->


      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
       

        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->



    <tr>

    <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}"></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>

    </span>
    </h{catrow.forumrow.LEVEL}>

    <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
    </div><br><div class="forum-stats">{catrow.forumrow.POSTS} sujets et {catrow.forumrow.TOPICS} messages</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 -->

    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></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 -->


et mon css ;
Code:
body{
margin : 100px;
background-repeat: no-repeat;
background-position: top center;

}




/*CATEGORIS EN ONGLETS*/

input.liteoption
{
margin:5px;
}

input.mainoption
{
margin:10px;
}

.conteneur_onglets{
background-color: #acd8e5;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-box-shadow: -2px -2px 5px #000000;
height:30px;
text-decoration: none;
font-weight: normal;
font-family: verdana;
margin-bottom:0px;}

#conteneur_barre_onglet { display:block; position:relative; left:-201px; top:10px;width:200px;}

.title2{
color:#504947;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
font-family: tilmes new roman;
background-color: #71a1f1;
width:155px;
height: 5px;
padding: 1px;
margin-bottom: 10px;
display: block;
text-align: left;
text-shadow: 1px 1px 2px #504f4e;
font-size: 14px;
letter-spacing: -1px;
}


/*CORPS DU FORUM*/

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

.forumline{
background-image: -moz-linear-gradient(top, #d8e3e6, #d8e3e6, #d8e3e6);
border-top: 7px #71a1f1 solid;
border-left: 2px #71a1f1 solid;
border-right: 2px #71a1f1 solid ;
border-bottom: 7px #71a1f1 solid ;
margin-bottom: 8px;
padding: 10px;
-moz-border-radius-topleft: 50px;

-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-box-shadow: 1px 1px 5px #000000; }

a.forumlink {
color: #ffffff;
font-family: arial;
font-size: 12px;}


/*BARRE DE NAVIGATION*/


.navig {
font-size: 20px;
font-family:stencil std;
font-style: bold;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
display:block;
z-index: 999;
width: 99,5%;
padding: 2px;
background-color: #a0ced8;
border-bottom:5px #7a8ac3 solid;
}

**********************

 
   
    .forum-stats{
      text-align:center;
      font-size: 12px;
    font-family: stencil std;
    }
    .derniers_messages{
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:120px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
********************************

/*Descriptions des forums*/
.descript {
width:15%;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
height:60px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }


/*Descriptions des forums*/
.descript {
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }


j'espère que quelqu'un sera en mesure de m'aider. voilà le seul résultat que j'arrive à obtenir et je suis loin du compte ;o;

merci d'avance o/


Dernière édition par Naokiki le Sam 20 Aoû 2011 - 14:13, édité 1 fois

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Naokiki le Ven 12 Aoû 2011 - 22:32

un petit up ? ♥

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Little-princess le Ven 12 Aoû 2011 - 22:48

Si quelqu'un voudrai bien m'aider ( NOUS ) Je cherche à faire la même chose !
' Sa ne te gene pas ' ?

Little-princess
*

Messages : 44
Inscrit(e) le : 08/08/2011

http://rayonxclusif.forumgratuit.org/
Little-princess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Naokiki le Ven 12 Aoû 2011 - 23:26

ça ne me gêne absolument pas du moment que tu personnalises ton code =)
mais avant cela, il faut que quelqu'un nous vienne en aide ♥ *faislesyeuxdelabiche*

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Little-princess le Sam 13 Aoû 2011 - 0:17

Je UP Smile

Little-princess
*

Messages : 44
Inscrit(e) le : 08/08/2011

http://rayonxclusif.forumgratuit.org/
Little-princess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Invité le Sam 13 Aoû 2011 - 11:11

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP de la part de l'auteur du sujet par tranche de 24 heures, à partir de son dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile

Bonjour,

La partie à retravailler dans votre template est celle-ci:
Code:
<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>

    </span>
    </h{catrow.forumrow.LEVEL}>

    <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
    </div><br><div class="forum-stats">{catrow.forumrow.POSTS} sujets et {catrow.forumrow.TOPICS} messages</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 -->

    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td>
Si j'ai bien compris, vous devez utiliser un système de fieldset pour mettre le titre en haut de la description.
Code:
<fieldset> <legend> la variable du titre du forum</legend> variables description et statistiques (modérateurs? liens vers les niveaus inférieurs?)</fieldset>
Vous êtes sur la bonne voie pour la colonne dernier message. Si votre description est plus large, le dernier message sera plus proche.

Pour l'icone, je n'arrive pas à savoir si elle est collée au bord de la description ou si elle passe en dessous.

Cordialement.

Invité
Invité


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

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Little-princess le Dim 14 Aoû 2011 - 1:34

Je laisse tombé , Jy arrive pas --' .. Merci pour ton aide ;=)

Little-princess
*

Messages : 44
Inscrit(e) le : 08/08/2011

http://rayonxclusif.forumgratuit.org/
Little-princess a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Naokiki le Dim 14 Aoû 2011 - 5:58

merci beaucoup de ton aide isolde. little-princess... ._. tu ne serais pas un peu opportuniste par hasard ?

j'ai essayé de placer le fieldset et on va dire que j'ai a moitié réussi.
déjà, pour commencer, j'ai changé quelque chose à votre code, sinon cela ne fonctionnait pas bien. mais c'est sans doute moi qui ne sait pas le placer correctement. j'ai du changer le <legend> de place en fait. je l'ai placé après une variable, et non avant. sinon, le résultat était qu'il ne m'encadrait pas la description du forum.

et en installant ce code, une idée m'est venue. o/
est ce qu'il serait possible, grâce au fieldset, d'encadrer la description, ainsi que la partie de droite avec le dernier message posté ? dans ce cas, j'obtiendrais un seul bloc. et grâce au css, je pourrais modeler le toute pour obtenir quelque chose de correct.

et en parlant du css, je n'arrive pas à le faire correspondre avec ma balise .cadre du template. je ne sais absolument pas pourquoi. uu

pour l'image, oui il faudrait qu'elle soit collée, et là, encore une fois, y a t-il moyen de également faire rentrer cette variable dans le bloc du fieldset ?

*DEAD* xD

le template ;
Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->

    </span>
    <!-- END switch_user_logged_in -->

    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    </table>



  <!-- DEBUT MODIF ONGLETS -->


    <script type="text/javascript">
        <!--

        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">

        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></li>
    </ul>
    </div>');

        var compteur_cat = 1;

        function change_cat(numero)
        {
          if(document.getElementById('categorie_'+numero))
          {
              /* affichage de la bonne categorie */
              $('table[id^=categorie_]').css('display','none');
              $('table[id=categorie_'+numero+']').fadeIn();
           
              /* affichage du bon onglet */
              $('.actif').removeClass("actif");
              $('.onglet[id=onglet_'+numero+']').addClass("actif");
          }
        }

        function capture_cat()
        {
          if(compteur_cat == 1)
          {
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
          }
          else
          {
              $('#conteneur_barre_onglet').css("display","block");
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
          }
       
          compteur_cat++;
        }

        //-->
        </script>


        <!-- BEGIN catrow --><!-- BEGIN tablehead -->


      <script type="text/javascript">
        <!--
          capture_cat();
        //-->
        </script>

        <!-- FIN MODIF ONGLETS -->

      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
        <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>

        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->



    <tr>

    <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">
  <fieldset class="cadre">    <h{catrow.forumrow.LEVEL} class="hierarchy"> <legend>
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</legend></a>

    </span>
    </h{catrow.forumrow.LEVEL}>

    <span class="genmed">{catrow.forumrow.FORUM_DESC}
    </div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
    <span class="gensmall">
 

    </span></fieldset>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></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 -->

et le css ( qui ne marche pas mdr ) ;

Code:
.cadre {
width:500px;
height:130px;
overflow:auto;
border-left:#434764 5px solid ;
border-right:#434764 5px solid ;
border-top:#434764 2px solid ;
border-bottom:#434764 2px solid ;
-moz-border-radius:30px;
border-radius:30px;
padding:5px;
  display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;}

ce qui donne, ceci;


j'ai abandonné les cadres blanc, misant tout sur le fieldset xD, ce que je ne comprends vraiment pas, c'est pourquoi mon css ne fonctionne pas.

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Invité le Dim 14 Aoû 2011 - 13:18

Bonjour,

Je ne suis pas sure d'avoir compris tout ce que vous voulez changer. J'ai tenté quelquechose: un tableau à l'intérieur du fieldset pour regrouper description et dernier message. J'ai aussi enlever cette fichue variable qui empêche la class du fieldset de fonctionner Razz .
Le template:
Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->

    </span>
    <!-- END switch_user_logged_in -->

    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    </table>



  <!-- DEBUT MODIF ONGLETS -->


    <script type="text/javascript">
        <!--

        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">

        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></li>
    </ul>
    </div>');

        var compteur_cat = 1;

        function change_cat(numero)
        {
          if(document.getElementById('categorie_'+numero))
          {
              /* affichage de la bonne categorie */
              $('table[id^=categorie_]').css('display','none');
              $('table[id=categorie_'+numero+']').fadeIn();
           
              /* affichage du bon onglet */
              $('.actif').removeClass("actif");
              $('.onglet[id=onglet_'+numero+']').addClass("actif");
          }
        }

        function capture_cat()
        {
          if(compteur_cat == 1)
          {
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
          }
          else
          {
              $('#conteneur_barre_onglet').css("display","block");
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
          }
       
          compteur_cat++;
        }

        //-->
        </script>


        <!-- BEGIN catrow --><!-- BEGIN tablehead -->


      <script type="text/javascript">
        <!--
          capture_cat();
        //-->
        </script>

        <!-- FIN MODIF ONGLETS -->

      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
        <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>

        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->



    <tr>

    <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">
  <fieldset class="cadre"><legend>
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</legend></a>

    </span>
   
<table><tr>
<td>
    <span class="genmed">{catrow.forumrow.FORUM_DESC}
    </div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
    <span class="gensmall">
 

    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td></tr></table></fieldset>

    <!-- 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 -->
Pour coller l'image, il faudrait peut être supprimer les margin les padding et les cellspacing du tableau, je n'ai pas testé.

Cordialement.

Invité
Invité


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

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Naokiki le Lun 15 Aoû 2011 - 0:40

wouah merci, je sens qu'on progresse, enfin surtout vous xD
donc là, tout est parfait, l'image, je suppose en effet que modifier les données devrait suffire.

mon dernier problème reste ce fichu css qui ne fonctionne pas. mais ce qui est encore plus étrange c'est que si dans mon css je tape du .cadre:hover { PROPRIETES DIVERSES. et bien ça fonctionne, mais uniquement au survol du lien...logique vu qu'il s'agit d'un hover.

une idée d'où ça pourrait provenir ?

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Invité le Sam 20 Aoû 2011 - 11:55

Bonjour,

reflexion De mon coté, je n'ai pas de soucis avec ce CSS:
Code:
body{
margin : 100px;
background-repeat: no-repeat;
background-position: top center;
 
}
 
 
 
 
/*CATEGORIS EN ONGLETS*/
 
input.liteoption
{
margin:5px;
}
 
input.mainoption
{
margin:10px;
}
 
.conteneur_onglets{
background-color: #acd8e5;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-moz-box-shadow: -2px -2px 5px #000000;
height:30px;
text-decoration: none;
font-weight: normal;
font-family: verdana;
margin-bottom:0px;}
 
#conteneur_barre_onglet { display:block; position:relative; left:-201px; top:10px;width:200px;}
 
.title2{
color:#504947;
text-decoration: none;
font-weight: normal;
text-transform: uppercase;
font-family: tilmes new roman;
background-color: #71a1f1;
width:155px;
height: 5px;
padding: 1px;
margin-bottom: 10px;
display: block;
text-align: left;
text-shadow: 1px 1px 2px #504f4e;
font-size: 14px;
letter-spacing: -1px;
}
 
 
/*CORPS DU FORUM*/
 
.bodyline {-moz-border-radius:60px;}
 
.forumline{
background-image: -moz-linear-gradient(top, #d8e3e6, #d8e3e6, #d8e3e6);
border-top: 7px #71a1f1 solid;
border-left: 2px #71a1f1 solid;
border-right: 2px #71a1f1 solid ;
border-bottom: 7px #71a1f1 solid ;
margin-bottom: 8px;
padding: 10px;
-moz-border-radius-topleft: 50px;
 
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-box-shadow: 1px 1px 5px #000000; }
 
a.forumlink {
color: #ffffff;
font-family: arial;
font-size: 12px;}
 
 
/*BARRE DE NAVIGATION*/
 
 
.navig {
font-size: 20px;
font-family:stencil std;
font-style: bold;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
display:block;
z-index: 999;
width: 99,5%;
padding: 2px;
background-color: #a0ced8;
border-bottom:5px #7a8ac3 solid;
}
 
**********************
 
 
   
    .forum-stats{
      text-align:center;
      font-size: 12px;
    font-family: stencil std;
    }
    .derniers_messages{
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:120px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
********************************
 
/*Descriptions des forums*/
.descript {
width:15%;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
height:60px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
 
 
/*Descriptions des forums*/
.descript {
width:15%;
height:60px;
background-color:#ffffff;
border:5px #acd8e5 solid;
-moz-border-radius: 0px 10px 10px 0px;
padding:5px;
width:400px;
overflow:auto;
text-align:center;
line-height:9pt;
font-size:10px;
position:relative;left:0px;top:10px;
    }
 
 .cadre {
width:500px;
height:130px;
overflow:auto;
border-left:#434764 5px solid ;
border-right:#434764 5px solid ;
border-top:#434764 2px solid ;
border-bottom:#434764 2px solid ;
-moz-border-radius:30px;
border-radius:30px;
padding:5px;
  display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;}

Et ce template:
Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
 
    </span>
    <!-- END switch_user_logged_in -->
 
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    </table>
 
 
 
  <!-- DEBUT MODIF ONGLETS -->
 
 
    <script type="text/javascript">
        <!--
 
        document.write('<div align="center" style="display:none;height:0px;" id="conteneur_barre_onglet">
        <br><br><ul class="conteneur_onglets">
 
        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1"><div class=title2> titre catégorie</div></li>
    </ul>
    <ul class="conteneur_onglets">
        <li onClick="change_cat(2)" class="onglet " id="onglet_2"><div class=title2> titre catégorie</div></li>
    </ul>
    </div>');
 
        var compteur_cat = 1;
 
        function change_cat(numero)
        {
          if(document.getElementById('categorie_'+numero))
          {
              /* affichage de la bonne categorie */
              $('table[id^=categorie_]').css('display','none');
              $('table[id=categorie_'+numero+']').fadeIn();
           
              /* affichage du bon onglet */
              $('.actif').removeClass("actif");
              $('.onglet[id=onglet_'+numero+']').addClass("actif");
          }
        }
 
        function capture_cat()
        {
          if(compteur_cat == 1)
          {
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
          }
          else
          {
              $('#conteneur_barre_onglet').css("display","block");
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
          }
       
          compteur_cat++;
        }
 
        //-->
        </script>
 
 
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
 
 
      <script type="text/javascript">
        <!--
          capture_cat();
        //-->
        </script>
 
        <!-- FIN MODIF ONGLETS -->
 
      <tr>
        <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
        <div class="logo-titre"></div>
        <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>
 
        </td>
                    </tr>
                    <!-- END tablehead -->
                    <!-- BEGIN cathead -->
 
 
 
    <tr>
 
    <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">
  <fieldset class="cadre"><legend>
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</legend></a>
 
    </span>
   
<table><tr>
<td>
    <span class="genmed">{catrow.forumrow.FORUM_DESC}
    </div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
    <span class="gensmall">
 
 
    </span>
    </td>
    <!-- BEGIN forum_link_no -->
    <td class="row3 over" align="center" valign="middle" height="50">
    <span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
    </td></tr></table></fieldset>
 
    <!-- 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 -->

Cordialement.

Invité
Invité


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

Résolu Re: forum personnalisé ( sans succès ._. )

Message par Naokiki le Sam 20 Aoû 2011 - 14:11

après pas mal de tentatives et de travail, j'ai résolu mon problème. tout est parfait. quelques petites erreurs résolues et c'est bon.

merci beaucoup pour votre aide car sans vous, je ne sais pas si j'aurais avancer comme j'ai avancé aujourd'hui. ♥

je marque en résolu =)

Naokiki
**

Masculin
Messages : 82
Inscrit(e) le : 11/11/2009

http://testnaoki.forumactif.fr/
Naokiki 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