Apparence catégorie

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

Résolu Apparence catégorie

Message par Jessmercu le 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.




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

Jessmercu
**

Messages : 92
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 le 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
****

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 le 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 ^^

Jessmercu
**

Messages : 92
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 le 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
****

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 le Dim 3 Juil 2011 - 21:23

Merci à toi de m'aider =)

Jessmercu
**

Messages : 92
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 le 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
****

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 le 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) ?

Jessmercu
**

Messages : 92
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 le Dim 3 Juil 2011 - 22:18

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

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 le 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:
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 align="left"><div class="mess"><span class="gensmall">Nous avons posté {catrow.forumrow.TOPICS} sujets dans {catrow.forumrow.POSTS} messages </span> </div></div>

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

               
              <div align="right"><div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></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 -->

tupac
+ Hyperactif +

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

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

Résolu Re: Apparence catégorie

Message par Jessmercu le Lun 4 Juil 2011 - 11:56

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

Merciiii =)

Problème résolu

Jessmercu
**

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


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