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

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.

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

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.

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

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.

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

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.

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

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

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: Modifier les colonnes

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

Oupss, c'est modifié ! ^^'

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 ?

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

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 ?

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

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.

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

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