Vérifiez vos informations

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


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

Modifier les colonnes

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

Résolu Modifier les colonnes

Message par Elliot. le Sam 9 Juil 2011 - 11:50

Bonjour !

Je suis à la recherche d'un code qui modifierait l'apparence des colonnes telle que sur la photo ci-dessous :

Spoiler:

c'est à dire, créer un cadre pour chaque forum et des bordures à chaque extrémités.
S'agit-il de CSS seulement ou template ?

Merci d'avance pour vos réponses,

Elliot.


Dernière édition par Elliot. le Dim 17 Juil 2011 - 11:11, édité 1 fois
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Sam 9 Juil 2011 - 16:46

Bonjour

pouvez-vous me fournir votre template général index_box, ainsi qu'un schéma de ce que vous désirez plutôt qu'un modèle pris sur un autre forum ?

Pour les bordures, désirez-vous qu'elles apparaissent uniquement à cet endroit du forum, où également sur tous les cadres ?

Cordialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Lun 11 Juil 2011 - 11:08

Bonjour !

Merci d'avoir répondu si rapidement !
Voici mon index-box (qui a déjà été un peu modifié pour positionner les liens à côté de la description du forum et pour retirer certaine colonnes)

Spoiler:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
      <table><tr><td class="sep"><div class="descrip"<span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td 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,' ')).removeAttr('id');
</script></td></tr></table>
        <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>
   
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et une image modifiée de ce que je recherche (créer une petite séparation entre chaque forum, ainsi que des bordures arrondies à droite et a gauche).
Pour les bordures, j'aimerai qu'il n'y en ait que pour encadrer les forums, si possible.

PS: il s'agit là d'une image prise sur mon forum en re-construction.

Spoiler:

Un grand merci pour votre aide!

Elliot.
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Lun 11 Juil 2011 - 13:44

Voici votre template :
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 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><td colspan="3">
<table cellspacing="0" cellpadding="0" width="100%">
   <tr>
      <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}>
         <table width="100%" class="zoneforum">
            <tr>
                        <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <table width="100%"><tbody><tr><td width="50%">
</td>
         <td width="50%" style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.
         </td></tr></tbody></table>
          <table><tr><td class="sep">
        <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        </td><td 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,' ')).removeAttr('id');
    </script></td></tr></table>
            <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>
     
          <td class="row3 over" align="center" valign="middle" height="50"><div style="width :150px;">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
          </td>
            </tr>
         </table>
      </td>
   </tr>
</table></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 -->

pour marquer le contour voulu, mettez dans la css :

Code:
.zoneforum {
vos données
}

Cela vous convient-il pour les tours ? une fois cela fait, nous verrons pour la séparation. Merci de me fournir cette fois votre css.

Cordialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Lun 11 Juil 2011 - 14:13

Ca commence à prendre forme mais lorsque je rajoute les codes a "zone forum", cela ne change rien sur le forum :S (ou peut être que je me trompe de code)



voici le css :

Spoiler:
Code:
* PAGE D'ACCUEIL *

.message {font-family: verdana; text-align: justify;}

.staffimg {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}

a.imginfo {color:#fff; position:relative; text-decoration:none;}
a.imginfo span {display:none;}
a.info:hover {background:transparent none repeat scroll 0 0;cursor:help;text-decoration:none !important;z-index: 999; text-decoration: none important!; border-left: 3px solid #fff; border-right: 3px solid #fff }

a.imginfo:hover span {border-left: 3px solid #fff; border-right: 3px solid #fff;
background:#947b4c; color:#fff;
text-decoration: none important!;
display:inline; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
display:inline; left:-15px; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap; }

* FIN PAGE D'ACCEUIL *

* FORUMS / SOUS FORUMS / CATEGORIES *

.zoneforum {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;
border-left: 3px solid #917c5e;
border-right: 3px solid #917c5e;
}

.sousfo
 {xx}

.msg {
color: #706349;
text-transform: uppercase;
font-weight: bold !important;
}

span.msg {
color: #706349;
text-transform: uppercase;
font-weight: bold !important;
}

.descr {
font-size: 11px;
background-color: #bdb094;
padding: 5px;
margin-right: 5px;
margin-left: 5px;
border-left: 3px solid #917c5e;
border-right: 3px solid #917c5e;
}

.descr:hover {
border-left:3px solid #fff;
border-right:3px solid #fff;
}

* FIN DESCRIPTION CATEGORIE *


* QEEL *


.tableauqueel{
background-color : #COLOR ;
border : solid Xpx #COLOR ;
-moz-border-radius : Xpx Xpx Xpx Xpx}

.partiedroite {
font-size : 12px ;
border-left : Xpx dotted #COLOR ;
padding-left : 10px }


.groupes{
background-color:#937b4b;
border: 0px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color : #c2b18b;
text-decoration: none !important;
}



* FIN QUI EST EN LIGNE *

.forumline {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px; border-color:#CCCCCC #CCCCCC #CCCCCC; border-style:solid solid solid; border-width:1px 1px 10px;}

body {cursor: help; background-attachment: fixed;}

.forumlink {text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold;}

a.forumlink {
text-decoration: none important!;
border: none important!;
text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold}

a.forumlink:visited{border: none important!;
text-decoration: none important!;
text-shadow: #4D4534 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold }

a.forumlink:hover{border: none important!;
text-decoration: none important!;
text-shadow: #9a9a9c 1px 1px 1px;
font: bold 25px georgia;
font-style: italic;
letter-spacing: -1px;
font-weight: bold}

.mainmenu {color:#92c249; font-size:11px;}
a.mainmenu {color:#92c249; text-decoration:none; background-color: #efefef; border-bottom: 1px dashed #92c249; border-left: 4px solid #CCCCCC;}
a.mainmenu:hover {color:#E14F47; text-decoration:none !important;}

b, strong {border-bottom:1px dashed #92c249; font-weight:lighter;}
i, em {color: #e24e65; letter-spacing: 0.5px; border-bottom: 1px dashed #666666;}

.genmed {font-size:11px; padding-left: 5px;}

gensmall {text-decoration:none !important; text-align:center;}
a.gensmall {color:#e24e65; text-decoration:none !important;}
a.gensmall:hover {color:#92c249; text-decoration:none !important;}

.a.name {text-decoration:none !important;}
.a.name:hover {text-decoration:none !important;}
.quotetitle { color:#92c249; font-size: 11px; text-transform: lowercase; letter-spacing: 1px;}
.quotecontent {font-size: 11px; float: left; color:#e28c1f;}

.menu {background-color:#efefef; border-left:4px solid #65859d; border-right:4px solid #65859d; padding-bottom:5px;padding-top:5px; text-align: center; width:200px; color: #65859d; text-decoration:none; font-style: italic;}

.menu:hover {border-left:4px solid #5d5d5d;border-right:4px solid #5d5d5d; color:#5d5d5d; text-decoration: none; font-style: italic; font-weight: bold;}


img.arrondi {background-color:#EEEEEE; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:0.6; padding:4px;}
img.arrondi:hover {background-color:#FFFFFF; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:1; padding:4px;}


.h3 {font-family: georgia; font-style: italic; text-align: center; font-size: 14px; font-weight:normal;}

A:link, A:visited, A:active {text-decoration: none;}
a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:visited{ letter-spacing: 0px;}
a { text-decoration: none;}


Cordialement,

Elliot.
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Lun 11 Juil 2011 - 17:27

Réorganisez votre css ainsi :

Code:
    * FORUMS / SOUS FORUMS / CATEGORIES *

  .sousfo
    {xx}

    .msg {
    color: #706349;
    text-transform: uppercase;
    font-weight: bold !important;
    }

    span.msg {
    color: #706349;
    text-transform: uppercase;
    font-weight: bold !important;
    }

    .descr {
    font-size: 11px;
    background-color: #bdb094;
    padding: 5px;
    margin-right: 5px;
    margin-left: 5px;
    border-left: 3px solid #917c5e;
    border-right: 3px solid #917c5e;
    }

    .descr:hover {
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    }

    .zoneforum {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;
    border-left: 3px solid #917c5e;
    border-right: 3px solid #917c5e;
    }

    * FIN DESCRIPTION CATEGORIE *


    * PAGE D'ACCUEIL *

    .message {font-family: verdana; text-align: justify;}

    .staffimg {-moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px;}

    a.imginfo {color:#fff; position:relative; text-decoration:none;}
    a.imginfo span {display:none;}
    a.info:hover {background:transparent none repeat scroll 0 0;cursor:help;text-decoration:none !important;z-index: 999; text-decoration: none important!; border-left: 3px solid #fff; border-right: 3px solid #fff }

    a.imginfo:hover span {border-left: 3px solid #fff; border-right: 3px solid #fff;
    background:#947b4c; color:#fff;
    text-decoration: none important!;
    display:inline; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    display:inline; left:-15px; line-height:13px; padding:3px; position:absolute; top:15px; white-space:nowrap; }

    * FIN PAGE D'ACCEUIL *

    * QEEL *


    .tableauqueel{
    background-color : #COLOR ;
    border : solid Xpx #COLOR ;
    -moz-border-radius : Xpx Xpx Xpx Xpx}

    .partiedroite {
    font-size : 12px ;
    border-left : Xpx dotted #COLOR ;
    padding-left : 10px }


    .groupes{
    background-color:#937b4b;
    border: 0px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:14px;
    font-weight: bold;
    text-align:center;
    font-color : #c2b18b;
    text-decoration: none !important;
    }



    * FIN QUI EST EN LIGNE *

    .forumline {
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px; border-color:#CCCCCC #CCCCCC #CCCCCC; border-style:solid solid solid; border-width:1px 1px 10px;}

    body {cursor: help; background-attachment: fixed;}

    .forumlink {text-shadow: #4D4534 1px 1px 1px;
    font: bold 25px georgia;
    font-style: italic;
    letter-spacing: -1px;
    font-weight: bold;}

    a.forumlink {
    text-decoration: none important!;
    border: none important!;
    text-shadow: #4D4534 1px 1px 1px;
    font: bold 25px georgia;
    font-style: italic;
    letter-spacing: -1px;
    font-weight: bold}

    a.forumlink:visited{border: none important!;
    text-decoration: none important!;
    text-shadow: #4D4534 1px 1px 1px;
    font: bold 25px georgia;
    font-style: italic;
    letter-spacing: -1px;
    font-weight: bold }

    a.forumlink:hover{border: none important!;
    text-decoration: none important!;
    text-shadow: #9a9a9c 1px 1px 1px;
    font: bold 25px georgia;
    font-style: italic;
    letter-spacing: -1px;
    font-weight: bold}

    .mainmenu {color:#92c249; font-size:11px;}
    a.mainmenu {color:#92c249; text-decoration:none; background-color: #efefef; border-bottom: 1px dashed #92c249; border-left: 4px solid #CCCCCC;}
    a.mainmenu:hover {color:#E14F47; text-decoration:none !important;}

    b, strong {border-bottom:1px dashed #92c249; font-weight:lighter;}
    i, em {color: #e24e65; letter-spacing: 0.5px; border-bottom: 1px dashed #666666;}

    .genmed {font-size:11px; padding-left: 5px;}

    gensmall {text-decoration:none !important; text-align:center;}
    a.gensmall {color:#e24e65; text-decoration:none !important;}
    a.gensmall:hover {color:#92c249; text-decoration:none !important;}

    .a.name {text-decoration:none !important;}
    .a.name:hover {text-decoration:none !important;}
    .quotetitle { color:#92c249; font-size: 11px; text-transform: lowercase; letter-spacing: 1px;}
    .quotecontent {font-size: 11px; float: left; color:#e28c1f;}

    .menu {background-color:#efefef; border-left:4px solid #65859d; border-right:4px solid #65859d; padding-bottom:5px;padding-top:5px; text-align: center; width:200px; color: #65859d; text-decoration:none; font-style: italic;}

    .menu:hover {border-left:4px solid #5d5d5d;border-right:4px solid #5d5d5d; color:#5d5d5d; text-decoration: none; font-style: italic; font-weight: bold;}


    img.arrondi {background-color:#EEEEEE; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:0.6; padding:4px;}
    img.arrondi:hover {background-color:#FFFFFF; border:none; margin-left:1px; margin-right:1px; margin-top:-1px; opacity:1; padding:4px;}


    .h3 {font-family: georgia; font-style: italic; text-align: center; font-size: 14px; font-weight:normal;}

    A:link, A:visited, A:active {text-decoration: none;}
    a:active {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover{text-decoration: none !important;}
    a:visited{ letter-spacing: 0px;}
    a { text-decoration: none;}

Cela s'affichera désormais ^^

Cordialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Mar 12 Juil 2011 - 13:22

Ca fonctionne parfaitement ! Il vous faut d'autres renseignements pour la séparation des forums ?

Encore merci de prendre du temps pour cela,

Elliot.
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Ven 15 Juil 2011 - 11:45

Bonjour ^^

je reprends du service et me remet dans le bain de votre template. C'est bien entre chaque forum que vous désirez mettre une séparation, ou entre chaque catégorie ?

Cordialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Sam 16 Juil 2011 - 11:08

Bonjour,

C'est bien entre chaque forum =)

Cordialement,

Elliot.

EDIT: Comme j'ai fait quelques modifications sur les templates et que j'oublie presque au fur et à mesure où j'ai fait ces modifications, je vous renvoie mon index_box au cas où il serait un peu différent de mon dernier post.

Spoiler:
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">

      <!-- 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><td colspan="3">
<table cellspacing="0" cellpadding="0" width="100%">
  <tr>
      <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}>
        <table width="100%" class="zoneforum">
            <tr>
                        <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <table width="100%"><tbody><tr><td width="50%">
</td>
        <td width="50%" style="padding-left: 40px; text-align: right;" class="gensmall">Il y a {catrow.forumrow.POSTS} prières dans {catrow.forumrow.TOPICS} sections.
        </td></tr></tbody></table>
          <table><tr><td class="sep">
        <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        </td><td 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,' ')).removeAttr('id');
    </script></td></tr></table>
            <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>
     
          <td class="row3 over" align="center" valign="middle" height="50"><div style="width :150px;">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
          </td>
            </tr>
        </table>
      </td>
  </tr>
</table></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 -->


Dernière édition par Elliot. le Sam 16 Juil 2011 - 11:22, édité 1 fois
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Sam 16 Juil 2011 - 11:14

Embarassed sauf que là c'est l'index_body que vous venez de me mettre...
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Sam 16 Juil 2011 - 11:22

Oupss, c'est modifié ! ^^'
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Sam 16 Juil 2011 - 20:19

Essayez cet 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">

          <!-- 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><td colspan="3">
    <table cellspacing="0" cellpadding="0" width="100%">
      <tr>
          <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}>
            <table width="100%" class="zoneforum">
                <tr>
                            <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
              </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="100%"><tbody><tr><td width="50%">
    </td>
            <td width="50%" style="padding-left: 40px; text-align: right;" class="gensmall">Il y a {catrow.forumrow.POSTS} prières dans {catrow.forumrow.TOPICS} sections.
            </td></tr></tbody></table>
              <table><tr><td class="sep">
            <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
            </td><td 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,' ')).removeAttr('id');
        </script></td></tr></table>
                <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>
       
              <td class="row3 over" align="center" valign="middle" height="50"><div style="width :150px;">
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
              </td>
                </tr>
            </table>
          </td>
      </tr>
    </table></td>
         
          </tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <!-- 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 -->

Cela vous va-t-il ?
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Sam 16 Juil 2011 - 21:29

Bonsoir,

Ca ne fonctionne pas chez moi Embarassed A force de faire des modifications, j'ai peut être fait une bêtise dans le CSS :S

Code:
XX

Et sinon, je ne sais pas si ça a un rapport mais dans "hierarchie", j'ai sélectionné "Conserver les catégories sur l'index" > "moyen". Si je choisis de séparer les catégories, les titres de catégories disparaissent (ce sont des images).

Cordialement,

Elliot.


Dernière édition par Elliot. le Dim 17 Juil 2011 - 10:50, édité 1 fois
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Sam 16 Juil 2011 - 23:28

Je n'ai pas de soucis particulier ^^ Quelle genre de séparation voudriez vous alors ?
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Dim 17 Juil 2011 - 10:50

Bonjour,

Erreur de ma part, ça fonctionne bien ! (il fallait que j'enlève quelques valeurs dans "image et couleurs" qui interféraient ). Comment puis-je agrandir un peu plus l'écart entre les forums ? Merci infiniment =)

Elliot.
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

Elliot. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier les colonnes

Message par SoraNoHime le Dim 17 Juil 2011 - 10:59

Repérez ceci :
Code:
</table></td>
           
              </tr>
    </table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <!-- END forumrow -->

et changez le ainsi :

Code:
  </table></td>
           
              </tr><tr><td><div style="height : 15px;"> </div></td></tr>
    </table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <!-- END forumrow -->

changez le 15 par la taille voulue.

Cordialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les colonnes

Message par Elliot. le Dim 17 Juil 2011 - 11:14

Mercii, c'est exactement ce que je recherchais =)
J'ai modifié l'icone du sujet en 'résolu'.

Encore merci pour votre aide précieuse, bon week end !
Cordialement,

Elliot.
avatar

Elliot.
**

Messages : 51
Inscrit(e) le : 20/06/2011

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