changer la presentation des catégories et forums

Page 1 sur 2 1, 2  Suivant

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

Résolu changer la presentation des catégories et forums

Message par Bakwe le Sam 9 Juil 2011 - 13:51

Voilà, je souhaitais savoir si quelqu'un serai dans la capacité de me créer cette forme de présentation des forums et catégories.

Voici le plan souhaité :


Et dans le cas où il y a un nombre tellement important de lien vers les sous forums, et que ces liens prennent plus de place que la place disponible, faire qu'un scrollbar apparaisse pour que les liens restent dans le cadre
Demandez moi le template concerné, je vous le donnerai.

Voilà tout, si vous avez des questions

et si vous pouviez me dire en plus comme faire ceci:



a la place de ceci ^^:



En gros changer la place de l'auteur du message...
Merci d'avance ^^


Dernière édition par Bakwe le Dim 24 Juil 2011 - 16:04, édité 1 fois

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Sam 9 Juil 2011 - 16:17

Euh désolé du double post mais oubliez cette histoire d'auteur de message car je pense avoir trouvé....

La seule chose que je souhaite c'est la présentation des catégories/forum

Voilà pour la mise au point

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Dim 10 Juil 2011 - 16:18

Up, je vous en prie, je compte ouvrir le forum sous peu, et c'est un des composants principal de mon forum...

C'est indispensable, alors s'il vous plait !

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Lun 11 Juil 2011 - 18:09

Et encore un up !

C'est toujours d'actualité et toujours aussi important ^^

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Mar 12 Juil 2011 - 18:24

Up !

Environ 155 vues pour zéros réponses, il y a de quoi désespérer.....

Toujours personne ?

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Mer 13 Juil 2011 - 18:17

Toujours up !

Personnes n'est prêt à m'aider ?

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: changer la presentation des catégories et forums

Message par WwAaPpIi le Mer 13 Juil 2011 - 18:22

Bonjour,

Les gens ne sont peut-être pas près à vous aider, car ils ne connaissent rien en code ^^"""""""""""
J'ai une question pour votre schéma (le plan souhaité), ce ne serait pas du plagiat de Never Utopia la disposition ou alors c'est vraiment une drôle de coïncidence.

WwAaPpIi
***

Féminin
Messages : 130
Inscrit(e) le : 28/06/2011

http://wonder-land.forumactif.fr/
WwAaPpIi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Mer 13 Juil 2011 - 18:58

Effectivement, le schéma est similaire car j'ai trouvé cette forme très fonctionnelle et adaptée pour mon forum...

Du plagiat..... si c'est une histoire de droits d'auteurs je suis prêt à revoir mon plan, ce n'est pas un problème.

Les gens n'y connaissent rien en code ici ?!

Tu rigoles xD

Ils font des miracles, c'est pour ça que je me retourne vers le forum des forums..

Bref, si le hic dans cette histoire est la trop forte ressemblance avec la présentation des catégories de Never Utopia, dites-le moi, je refait de ce pas une présentation..... dans la même fonctionnalités, mais dans un agencement différent !


Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Dim 17 Juil 2011 - 12:57

Bon et bien ce up est accompagné comme promis d'une version plus adaptées de ce que je souhaite...

Donc voici la vrai presentation:

Spoiler:

En espérant que ce soit réalisable.

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Dim 17 Juil 2011 - 13:02

Bonour,

pouvez-vous me fournir : votre css, votre index_box s'il est modifié ?

Et à l'avenir ^^ éviter de prendre sur le modèle d'un autre forum ^^

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: changer la presentation des catégories et forums

Message par Bakwe le Dim 17 Juil 2011 - 13:05

Hum je vois, c'était vraiment le hic^^

Mais je comprends totalement et je ne reproduirai plus ce genre d'écart, désolé.

Donc voici mon CSS:

Code:
    .sharing-cl{
    overflow:hidden;
    margin:-20px 0 0 0;
    padding:0;
    list-style:none;
    width:530px;
    }
    .sharing-cl a{
    overflow:hidden;
    width:75px;
    height:20px;
    float:left;
    margin-right:5px;
    text-indent:-200px;
    background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
    }
    a.sh-su{background-position:-210px -40px;}
    a.sh-feed{background-position:-70px -40px;}
    a.sh-tweet{background-position:-140px -40px;}
    a.sh-mail{background-position:0 -40px;}
    a.sh-digg{background-position:-280px -40px;}
    a.sh-face{
    margin-right:0;
    background-position:-350px -40px;
    }
    a.sh-mail:hover{background-position:0 1px;}
    a.sh-feed:hover{background-position:-70px 1px;}
    a.sh-tweet:hover{background-position:-140px 1px;}
    a.sh-su:hover{background-position:-210px 1px;}
    .sh-digg:hover{background-position:-280px 1px;}
    a.sh-face:hover{
    background-position:-350px 1px;
    }
    #text{
    margin-top:5px;
    font-weight:bold;
    font-family:helvetica,arial,sans-serif;
    }
    #text a{
    text-indent:0;
    height:auto;
    text-align:center;
    font-size:11px;
    padding-top:35px;
    color:#999;
    text-decoration:none;
    }

div, table {
      -moz-border-radius:9px;
      border: none;
}

a:hover { text-decoration: none !important;
letter-spacing: 2px; }

    #navig-tb {
        height: 50px; /*-- hauteur de la box --*/
        width: 40px; /*-- largeur de la box --*/
        position: fixed;
        right: 50px; /*-- position en px par rapport au bord droit --*/
        top: 70%; /*-- position en % par rapport au bord haut de l'écran --*/
        text-align: center;
        border-width: 1px !important; /*-- largeur de la bordure --*/
    }

    hr.forumline {
        border-width: 1px; /*-- épaisseur du trait de séparation --*/
    }

    #navig-tb hr {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    #navig-tb a, #navig-tb a:hover {
        text-decoration: none;
    }

 

    /*Bulle autour du message*/
    .bulle{
    background-color : #CCBC99; /*couleur du fond de la bulle*/
    border : 1px solid #000000; /*couleur de la bordure*/
    -moz-border-radius: 10px ; /*adapter les arrondis en réglant le 10px des 4 phrases*/
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 5px; /*espacement interne obligatoire pour éviter les débordements de texte et d'images*/
    }

    /*Image du triangle de la bulle*/
    .attache {
      background-image : url("http://i28.servimg.com/u/f28/14/98/49/11/sans_t10.gif"); /*Image du triangle de la bulle à vous de faire la votre, vous pouvez prendre modèle sur la mienne*/
    width: 20px; /*largeur de l'image à remettre, obligatoire*/
    height :20px; /*hauteur de l'image à remettre, obligatoire*/
    position : relative;
    top :50px; /*à régler si besoin il s'agit de la position en hauteur initiale de l'image par rapport à celle qu'elle aura en visuel, obligatoire*/
    left :-19px; /*idem, mais en largeur, calculer facilement, largeur de l'image -1, obligatoire*/
    }

    a { text-decoration: none; }

    body {
    background-repeat : no-repeat;
    background-position: top center;
    }


    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          background: #a0bde9;
          border: 3px solid #a0bde9;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
    }

    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #a0bde9;
          border-right: 3px solid #a0bde9;
          border-top: 3px solid #a0bde9;
          color: #a0bde9;
          background: #215490;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 200px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          background: #215490;
          border: 3px solid #a0bde9;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          min-height: 14px;
          font-size: 11px;
    }

    #text_editor_iframe, input, select, textarea{
    background-image: url('');
    }

.boite{
position: absolute; /* position de boite */
top: 10px; /* position à partir du haut */
right: 10px; /* position à partir de la droite */
width: 170px; /* largueur de la boite */
background-color: #b2cbe0; /* couleur de fond */
padding: 8px; /* marge intérieure */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.titre{
background-color: #3479b4; /* couleur de fond */
color:#b2cbe0; /* couleur de la police */
font-weight:bold; /* épaisseur de la police en gras */
font-size:11px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieur */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.cadre{
text-align: left; /* alignement du texte */
color:#3479b4; /* couleur du texte */
font-size:11px; /* taille du texte */
background-color: #cfe3f4; /* couleur du fond */
padding: 6px; /* marge intérieur */
-moz-border-radius:6px; /* coins arrondis */
-webkit-border-radius:6px; /* coins arrondis */
border-radius:6px; /* coins arrondis */
}

.statistiques{
color:#3479b4;
}

.navig {
position: absolute;
top: 0px;
width: 100%;
}

Et mon template 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}

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

    <!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

          <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
    <div class="forum-description">
    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
    </div>
    <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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">{catrow.forumrow.LAST_POST}</span>
          </td>

    <!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->

          <!-- 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 -->

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Dim 17 Juil 2011 - 13:08

Cela peut me prendre un moment, n'hésitez pas à upper si besoin.

petitre précision, les couleurs et les cadres sont-ils représentatifs où ce qu'il devra être ? ^^

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: changer la presentation des catégories et forums

Message par Bakwe le Dim 17 Juil 2011 - 13:15

Hum alors pour les couleurs, si possible mettre dans le CSS pour que je puisse le changer comme bon me semble.

Pour la forme, oui ce sera ça pour le moment, a vrai dire on construit une forme brut de notre forum côté codes, et donc le thème est en construction et n'est pas encore créé, je pensais par la suite donner une forme plus improbable, mais il me semble qu'il faudra là utiliser une image en fond.

Euh ce serai possible par contre qu'il y a une ombre tout autour des côtés extérieur de chaque bulles?

Merci de prendre en charge ma demande, je perdais espoir ^^

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

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

^^ je prends en compte tout cela et vous recontacte dès que c'est bon.

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: changer la presentation des catégories et forums

Message par Bakwe le Lun 18 Juil 2011 - 18:18

Up ^^

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Mar 19 Juil 2011 - 19:00

Petit up !

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Mer 20 Juil 2011 - 18:12

est-ce que vous avez déjà l'image qui servira de fond ? que fais-je des parties sujets, messages et modérateurs ? je les supprime ?

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: changer la presentation des catégories et forums

Message par Bakwe le Mer 20 Juil 2011 - 18:31

Hum.... pour l'image du fond des catégories.... non pas encore, mais laissez la forme brut, j’essaierai de me charger de l'image au moment venu,

Si je ne m'en sort pas, je créerai un sujet adéquate sur le forum^^

Pour les moderateurs, ne les mettez pas pour le moment, si ça ne me plait pas, je vous préviendrai aussitôt !

Pour les infos autours de messages/forum, pareil, ne les mettez pas, c'est déjà suffisant de les voir quand on entre dans le forum choisi, alors pas en page d'accueil.

Voilà, j’espère avoir été compréhensible ^^

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Jeu 21 Juil 2011 - 5:41

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 width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><div class="titlecat">{catrow.tablehead.L_FORUM}</div></td>
   </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="2" 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>
      <td><div style="width:150px;"> </div></td>
      <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="30" valign="top">
         <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}>
      </td>
   </tr>
   <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" width="200"><div class="imgnew">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </td>
      <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"><div class="tourfo">
         <table width="100%" cellspacing="15"><tr>
         <td width="70%">
         <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         </td>
         <td width="30%" valign="bottom">
         <div class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/> ')).removeAttr('id');
    </script></div>
         </td></tr></table></div><br/>
      </td>
      <td align="center" valign="middle" height="50">
         <div style="width:100px;" class="dersuj"><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 -->

et votre css :

/*Titre des catégories*/
.titlecat {
background-color : #ff0000;
border : #ff0000;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
display : block;
width : 500px;
margin-bottom : 30px;
padding : 3px;
}

/*Titre des forums*/
a.forumlink{
background-color : #ffff00;
border : #fff00;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
width : 250px;
display : block;
padding : 3px;
}

/*Images New, No New et Lock*/
.imgnew {
}

/*Descriptions des forums*/
.descript {
background-color : #ff00ff;
border : #ff00ff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 3px;
height : 110px;
overflow : auto;
}

/*Tour dans le forum*/
.tourfo {
background-color : #00ffff;
border : #00ffff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
height : 150px;
margin-left : 20px;
padding : 3px;
}

/*Liens des sous-forums*/
.sousfo {
background-color : #00ff00;
border : #00ff00;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 3px;
}

/*cadre dernier sujet*/
.dersuj {
background-color : #0000ff;
border : #0000ff;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
height : 100px;
padding : 3px;
}

à personnaliser bien sûr ^^.

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: changer la presentation des catégories et forums

Message par Bakwe le Jeu 21 Juil 2011 - 18:40

Vraiment super, bon j'ai changé les couleurs qui étaient vraiment..... flashy ^^

Hum donc, en fait, je pense que je vais garder les modérateurs du forum et si possible, pouvez vous m'indiquer comment faire en sorte que le texte ne débute pas en haut à gauche d'une cellule mais en son centre.

Voilà tout, et encore merci beaucoup !!!

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Jeu 21 Juil 2011 - 22:37

Pour raoutez les modérateurs, merci de m'indiquer l'endroit ou vous voulez les voir apparaitre ^^

pour centrer un texte, rajoutez cette ligne avant le } dans la class adaptée au niveau de la css :

Code:
text-align : center;
vertical-align : middle;

exemple pour le faire dans les description de forum :

/*Descriptions des forums*/
.descript {
background-color : #ff00ff;
border : #ff00ff;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 3px;
height : 110px;
overflow : auto;
text-align : center;
vertical-align : middle;

}

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: changer la presentation des catégories et forums

Message par Bakwe le Sam 23 Juil 2011 - 12:15

Alors, pour les modérateurs, place les en dessous de la description, au centre.

Pour ton code pour centrer, il ne marche qu'à moitié, le texte est centré par rapport aux côtés latéraux, mais pas par rapport au haut et au bas.

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

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

Quel est le texte que vous désirez centré ? Comme je dois modifier le template que je vous ai fait pour placer les modérateurs, j'en profiterai pour y mettre directement les balises.

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: changer la presentation des catégories et forums

Message par Bakwe le Sam 23 Juil 2011 - 18:09

Et bien à peu pres tout les textes "importants"

Liens vers les sous forum, description, et dernier post.

Voilà ^^

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par Bakwe le Dim 24 Juil 2011 - 11:31

Ah oui, j'ajoute juste que tu n 'as pas mise le sorte de contour pour faire une ombre^^

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Dim 24 Juil 2011 - 14:50

Pour mettre une ombre autour de chaque bulle; rajoutez dans la css avant les accolades }, ce code aux endroits voulus :

Code:

-moz-border-radius: 10px ;
-webkit-border-radius:10px;
-border-radius:10px;
-khtml-border-radius:10px;
-o-box-shadow: -2px 2px 2px #000000;
-khtml-box-shadow: -2px 2px 2px #000000;
-webkit-box-shadow: -2px 2px 2px #000000;
-moz-box-shadow: -2px 2px 2px #000000;
box-shadow: -2px 2px 2px #000000;

voici votre template avec les modérateurs :

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 width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"><div class="titlecat">{catrow.tablehead.L_FORUM}</div></td>
      </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="2" 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>
          <td><div style="width:150px;"> </div></td>
          <td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="30" valign="top">
            <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>
      </tr>
      <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" width="200"><div class="imgnew">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
          </td>
          <td colspan="{catrow.forumrow.INC_SPAN}" width="100%" height="50"><div class="tourfo">
            <table width="100%" cellspacing="15"><tr>
            <td width="70%" align="center" valign="middle">
            <div class="descript" align="center" valign="middle"><span class="genmed">{catrow.forumrow.FORUM_DESC}</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 -->
         </span></center>
            </td>
            <td width="30%" valign="bottom">
            <div class="sousfo" align="center" valign="middle"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
        jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/> ')).removeAttr('id');
        </script></div>
            </td></tr></table></div><br/>
          </td>
          <td height="50" align="center" valign="middle">
            <div style="width:100px;" class="dersuj" align="center" valign="middle"><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 -->

Tous les textes sont centrés horizontalement, mais effectivement je n'y arrive par aucun moyen verticalement.

Pour la description, la solution serait de passer directement par les descriptions de forum.

a chaque description mettez ce tableau :

Code:
<table width="100%"><tr><td class="fodesc" align="center" valign="middle">

votre contenu

</td></tr></table>

et dans la css rajoutez :

Code:
.fodesc {
height : 110px;
}

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: changer la presentation des catégories et forums

Message par Bakwe le Dim 24 Juil 2011 - 15:25

C'est vraiment génial, le résultat me plait vraiment !

Tu m'as beaucoup aidé, et voilà le squelette de mon forum mis en place, je t'en remercie ^^

Par contre dernière chose, j'observe ceci pour l'image new/lock... lorsque je change le fond blanc en fond gris.

Je pensais que cela venait de l'image mais non....


Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Dim 24 Juil 2011 - 15:29

déjà réglez la taille ici pour que la barre n'apparaisse que si le texte déborde dans la description :

Code:
.fodesc {
height : [color=red]110[/color]px;
}

Ensuite j'ai oublié d'enlever la class dans pour l'image, repérez ceci :

Code:
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" width="200"><div class="imgnew">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
          </td>

changez le par ceci :

Code:
<td align="center" valign="middle" width="200"><div class="imgnew">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
          </td>

et pour mettre le shadow autour de l'image, dans la css mettre :
Code:

.imgnew {
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
-border-radius:10px;
-khtml-border-radius:10px;
-o-box-shadow: -2px 2px 2px #000000;
-khtml-box-shadow: -2px 2px 2px #000000;
-webkit-box-shadow: -2px 2px 2px #000000;
-moz-box-shadow: -2px 2px 2px #000000;
box-shadow: -2px 2px 2px #000000;
}

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: changer la presentation des catégories et forums

Message par Bakwe le Dim 24 Juil 2011 - 15:42

Et bien tout semble à peu près marcher.... sauf cette histoire de cadre blanc autour de l'image new/lock/old

Enfin, c'est surtout que le cadre de l'ombre ne coïncide pas avec la taille de l'image

Bakwe
***

Messages : 108
Inscrit(e) le : 12/06/2011

http://agorarts.forumgratuit.org/
Bakwe a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changer la presentation des catégories et forums

Message par SoraNoHime le Dim 24 Juil 2011 - 15:44

qu'avez vous dans votre css, je ne vois plus le cadre blanc sur votre forum.

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.

Page 1 sur 2 1, 2  Suivant

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