Apparence catégorie

3 participants

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

Résolu Apparence catégorie

Message par Jessmercu Dim 3 Juil 2011 - 20:56

Bonjour, je viens de modifier l'apparence des catégories (template & CSS mais j'ai un espace qui me déplait, et je voudrais que tout soit accroché (si cela est possible), d'un bloc tout en gardant la même apparence que donnée.

Apparence catégorie Exempl11


Mon 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 colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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%"><tr><td><div class="mess"><span class="gensmall">Nous avons posté {catrow.forumrow.TOPICS} sujets dans {catrow.forumrow.POSTS} messages </span> </div></td></tr>
            <tr><td><div class ="descri">  <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}>
          <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span></div>
          </td></tr>
             
          <tr><td align="right">
          <div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table>
       
      </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 -->

Mon CSS

Code:
.mess
{ color : #CC863F; /*Couleur du texte*/
text-align: center; /* Positionner le texte*/
background-image: url('http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png');  /*Couleur de fond*/
b-moz-border-radius: 0px 0px 14px 14px ;
border-right: 6px double #ad9575; /* Bordure de droite */
border-left: 6px solid #ad9575; /* Bordure de gauche */
border-top: 6px dotted #ad9575; /* Bordure du haut */
border-bottom: 0px none #ad9575; /* Bordure du bas */
width: 250px; /*Largeur voulu*/
height: 20px; /*hauteur voulu*/
-moz-border-radius: 14px 14px 0px 0px ;
border-bottom: 0px #ad9575 solid;
border-top: 3px #ad9575 dotted;
border-right: 3px #ad9575 double ;
border-left: 3px #ad9575 dotted;}

.derni
{ color : #CC863F; /*Couleur du texte*/
text-align: center; /* Positionner le texte*/
background-image: url('http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png'); /*Couleur de fond*/
border-right: 6px double #ad9575; /* Bordure de droite */
border-left: 6px solid #ad9575; /* Bordure de gauche */
border-top: 6px dotted #ad9575; /* Bordure du haut */
border-bottom: 0px none #ad9575; /* Bordure du bas */
width: 200px; /*Largeur voulu*/
height: 50px; /*hauteur voulu*/
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 3px #ad9575 dotted;
border-top: 0px #ad9575 solid;
border-right: 3px #ad9575 double ;
border-left: 3px #ad9575 dotted;
}


.descri {

color : #CC863F; /*Couleur du texte*/
text-align: center; /* Positionner le texte*/
background-image: url('http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png'); /*Couleur de fond*/
border-right: 6px double #ad9575; /* Bordure de droite */
border-left: 6px solid #ad9575; /* Bordure de gauche */
border-top: 0px dotted #ad9575; /* Bordure du haut */
border-bottom: 0px none #ad9575; /* Bordure du bas */
border-bottom: 0px #ad9575 dotted;
border-top: 0px #ad9575 solid;
border-right: 3px #ad9575 double ;
border-left: 3px #ad9575 dotted;
}



.forumline{background-color : #F5DEB3; /*Couleur de fond*/
border-right: 3px double #ad9575; /* Bordure de droite */
border-left: 3px solid #ad9575; /* Bordure de gauche */
border-bottom: 0px none #ad9575; /* Bordure du bas */;}

a.forumlink{
margin-left: 10px;
align: justify;
  text-shadow: #A0522D 1px 1px 1px;
color: #f9fced;
border-bottom: 1px dotted #8c7165;
width: 750px;
font-family: georgia;
font-size: 16px;
text-transform: uppercase;
display: block;
text-align: left;
letter-spacing: 5px;
}

a.forumlink:hover{
margin-left: 10px;
align: justify;
  text-shadow: #A0522D 1px 1px 1px;
color: #D2B48C;
border-bottom: 1px dotted #8c7165;
width: 750px;
font-family: georgia;
font-size: 16px;
text-transform: uppercase;
display: block;
text-align: left;
letter-spacing: 5px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #A0522D;
 }

.quote{
font-family: georgia;
font-size: 12px;
color: #F5DEB3;
line-height: 125%;
background-color: #A0522D;
border: #CC863F;
border-style: solid;
border: 1px #CC863F
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: georgia;
font-size: 11px;
color: #F5DEB3;
background-color: #A0522D;
border: #CC863F;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #CC863F
dotted;
-moz-border-radius:6px;}

#AVATAR#
.profilavatar
{-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
background: #D2B48C;
border: 0px solid #A98E6B ;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
padding: 10px;
margin: 15px;
}
.profilavatar{
width: 200px;
height: 320px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background: #D2B48C;
border: 0px solid #7A5E5E;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
width: 200px;
height: 320px;
display: block;
}

.test {
border: 0px #7A5E5Esolid;
font-size:10px;
font-family: Lithos Pro;
text-decoration:none;
padding-right:8px;
padding-left:8px;
background-color: #D2B48C;
border: 0px solid #A98E6B ;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
}

.pseudo
{-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
font-family : Lithos Pro;
font-size:13px;
background: #D2B48C;
border: 0px solid #7A5E5E;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
padding: 10px;
text-align: center;
}

.rang
{background: #D2B48C;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
font-family : Lithos Pro;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
padding: 10px;
text-align: center;
}

a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
background-color: #F5DEB3;
font-family : Lithos Pro;
color: #8C4614;
text-transform: uppercase;
border-left: 6px solid #D2B48C;
}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #8C4614;
border-left: 6px solid #D2B48C;
border-right: 9px solid #8C4614;
}

Merci d'avance de votre aide =)


Dernière édition par Jessmercu le Lun 4 Juil 2011 - 11:56, édité 1 fois
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

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

Résolu Re: Apparence catégorie

Message par Vicsius Dim 3 Juil 2011 - 21:02

Au début de ton template dans les 1ères lignes il y a 2code ou il est écrit valign="bottom" remplace bottom par top ou center cela devrait les aligné au centre ou vers le haut (valign signifie alignement verticale pour l'horizontale s'est align tout bonnement^^)
Vicsius

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégorie

Message par Jessmercu Dim 3 Juil 2011 - 21:11

Merci de ton aide =)

mais j'ai essayer avec les deux mais ça ne marche pas Sad

Je dois être vraiment nul pour pas y arriver ^^
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

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

Résolu Re: Apparence catégorie

Message par Vicsius Dim 3 Juil 2011 - 21:20

Ah oui je vois mieux le problème en testant sur mon forum test je vérifie sa de suite ^^
Vicsius

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégorie

Message par Jessmercu Dim 3 Juil 2011 - 21:23

Merci à toi de m'aider =)
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

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

Résolu Re: Apparence catégorie

Message par Vicsius Dim 3 Juil 2011 - 21:54

Je suis bien embêté car si je ne fait pas d'erreur il suffit de rajouter une ligne ds le CSS pour résoudre sa, qui serait:

Background-position: callapps (sa ne s'écrit pas comme sa :p )

et plus moyen de me souvenir exactement comment cela s'écrit, Embarassed
Vicsius

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégorie

Message par Jessmercu Dim 3 Juil 2011 - 22:03

Merciii à toi vais essayer de voir ça mais si quelqu'un a la solution, je suis preneuse =)

Par contre je voulais savoir est-il possible que les boutons disant si on a un nouveau message etc... de les mettre dans les cadres (je veux dire à coté des descriptions avec le fond) ?
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

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

Résolu Re: Apparence catégorie

Message par Vicsius Dim 3 Juil 2011 - 22:18

de rien même si je sert pas à grand chose là^^
Vicsius

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégorie

Message par tupac Lun 4 Juil 2011 - 4:40

Bonjour

Pour ne pas avoir d'écart entre les stats la description et les nouveaux messages postés il fallait supprimer les ligne dans le template je parle bien sur des "tr" et "td"

Template modifié
Spoiler:
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence catégorie

Message par Jessmercu Lun 4 Juil 2011 - 11:56

Merci à toi c'est tout à fait ça =) =)

Merciiii =)

Problème résolu
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum