Probleme de taille de mes cadres

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

Résolu Probleme de taille de mes cadres

Message par Jiben le Mar 25 Jan 2011 - 19:37

Bonjour a vous,

je rencontre un probléme dans Mon code des apparences de mes catégories =/

Je n'arrive pas a mettre mes cadres de la grandeur que je voudrais =S




Pour le cadre :
  • Orange, je voudrais 75.
  • Cyan, je voudrais 25.
  • Jaune, je voudrais 75.
  • Vert, je voudrais 25.


Voici 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>
<tr>
      
      <!-- END inc -->
   </tr>

      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>

      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="nom"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>

            </span>
         </h{catrow.forumrow.LEVEL}>

<table class="table1" border-collapse:collapse;">
   <tr>

<td><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>

<td><span class="gensmall"><div class="sujets_messages" >Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div></span></td>

   </tr>
</table>

<table class="table2" width="100%"; border-collapse:collapse;">
   <tr>

         <td class="td1" width="75"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td>

<td width="25"><span class="gensmall">
<div class="messages_sujets_derniers_sujets">
<div class="derniers_sujets">{catrow.forumrow.LAST_POST}</span></div>
</div></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 -->

Voici Mon CSS : ( Dites le si les table1 et 2 et td1 on peux mettre le code directement dans le templates ? )
Code:
.table1{border-bottom:1px solid white;
border-top:1px solid white;}

.table2{border-bottom:1px solid white;}


.td1{border-right:1px solid white;}


/* cadre du nom mes catégorie*/
.nom
{border: 4px double white;
background-color: #828282;
margin-left: 7%;
border-bottom: 0px;
-border-radius-top-left: 9px;
-moz-border-radius-top-left: 9px;
-webkit-border-radius-top-left: 9px;
-border-radius-top-right: 9px;
-moz-border-radius-top-right: 9px;
-webkit-border-radius-top-right: 9px;
padding: 1%
padding-top: 0%
}


/* transparence cadre du mes catégories */
.nom
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre du nom mes catégorie lors du survol*/
.nom:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}


.forumlin{background-color: none;
    padding: 4px;
  margin-bottom:15px;
  margin-top:15px;
text-align: center;
border-bottom:1px solid 344145;
border-top:4px double white;
border-left: 4px double white;
border-right: 4px double white;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
background-color: 344145;}



sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #000000;
background-image: url(http://img411.imageshack.us/img411/4715/sanstitre3ex.png);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}


/*----------------------------------
Ma Barre de Navigation
----------------------------------*/

/* Forme de la Barre entière */
.barrenavi{width: 800px;
padding-right: 5px;
padding-left: 5px;
border-bottom: 4px double white;
border-left: 8px double white;
border-right: 8px double white;
background-color: #1D3C40;
filter:alpha(opacity=80);
opacity:0.80;
-moz-box-shadow: 4px 4px 15px black;
-webkit-box-shadow: 4px 4px 15px black;
box-shadow: 4px 4px 15px black;
}

/* Texte de la Barre*/
a.mainmenu {
padding-right: 10px;
font-weight: lighter!important;
text-transform: capitalize;
color : white;
font-size: 11px;}

/* Texte de la barre lors du passage de la souris*/
a.mainmenu:hover{
border-bottom:3px solid white;
border-top:3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
text-transform: capitalize;
color : black;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;}



.qeel td.row1
{background: none;}




.post
{ -border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar em {
display:none;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}


/* infobulle sur  avatar  */
div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 8px; /* bord arrondis*/
-webkit-border-radius:8px; /* bord arrondis*/
border-radius: 8px ; /* bord arrondis*/
background-color: #828282; /*couleur de fond de l'infobulle*/
border: 1px solid #525052; /*taille et couleur de la bordure de l'infobulle*/
width:250px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 8px; /*infobulle à 100px de la gauche*/
}



.my_img img{
  margin-top: 25px;
  margin-left: 20px;
}


.my_modified_table{
 width: 100%;
  margin: 0;
  padding: 0;
font-family: Verdana;
    background-image: url('http://blog.e-univers.org/wp-content/themes/mushblue-10/images/background.png');
    background-repeat: no-repeat;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}




/* contour des tous mes catégories  */
.my_cat_body{
border: 1px solid white;
-border-radius: 8px; /* tous les côtés sont arrondis */
-moz-border-radius: 8px; /* tous les côtés sont arrondis */
-webkit-border-radius: 8px; /* tous les côtés sont arrondis */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}


/* design de mes onglets de mes catégories  */
.my_cat_style{
margin-left: 8px !important;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: none;
width: 200px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;}


/* design de mes onglets de mes catégories lors du survol  */
.my_cat_style:hover{-moz-box-shadow: 0px 0px 20px black;
-webkit-box-shadow: 0px 0px 20px black;
box-shadow: 0px 0px 20px black;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;}


/* texte de mes onglets de mes catégories  */
.my_cat a{
text-decoration: none !important;
color: white;
}


/* cadre des dernier message  */
.derniers_sujets
{    background-color : #828282; 
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
    color : white;
}


/* transparence cadre de mes derniers sujets */
.derniers_sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre des dernier message  lors du survol*/
.derniers_sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}

/* cadre de mes sujets */
.sujets
{background-color: #828282;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
color : white;
}


/* transparence cadre de mes sujets */
.sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}

/* cadre de mes sujets lors du survol */
.sujets:hover {
 -moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}




/* cadre ds message,  pseudo*/
.pseudo{
text-align: center;
border: 2px solid #000000;
background-color:  #919F84;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* quand on survol un pseudo dans les messages */
.pseudo:hover{
    text-transform: uppercase;
    font-style:italic;}


/* les cadres pour sauter ver .., bouton aller, ..  */
input,textarea, select {
 border: 1px solid #525052;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-border-radius-bottomright:6px;
-border-radius-topleft:6px;
-border-radius-topright:6px;
-webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-webkit-border-radius-bottomright:6px;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
}




/* barre de navigation */
.mainmenu{
height: 35px;
    font-size : 11px;
    color : white;
        }


/* décoration de la barre de navigation */
a.mainmenu{
    text-decoration: none;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-border-radius-topright: 10px;
-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
padding-right: 8px;
padding-left: 5px;
}


/* barre de navigation lors du survol */
a.mainmenu:hover{
    text-decoration:none; color : white;
    background-color : #66705D;       
 border-bottom: 2px solid #363642;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



/* Soulignement des liens en pointillés lors du survol */
a:hover {text-decoration: none !important;
border-bottom : 1px dotted
}


/* enleve le soulignement en dessous des lien */
a {
text-decoration: none !important;
font-variant: small-caps;
}


/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
border:1px #33FFFF solid;
 -moz-box-shadow: 0px 0px 20px #33FFFF;
-webkit-box-shadow: 0px 0px 20px #33FFFF;
box-shadow: 0px 0px 20px #33FFFF;
}


/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:1px #3366FF solid;
 -moz-box-shadow: 0px 0px 20px #3366FF;
-webkit-box-shadow: 0px 0px 20px #3366FF;
box-shadow: 0px 0px 20px #3366FF;
}


/* Décoration de la citation */
.quote {
padding: 3px;
border:1px #33FF00 solid; /* bordure  */
 -moz-box-shadow: 0px 0px 20px #33FF00;
-webkit-box-shadow: 0px 0px 20px #33FF00;
box-shadow: 0px 0px 20px #33FF00;
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
}


/* Décoration du code */
.code {
padding: 3px;
border:1px solid #FF99FF ; /* bordure blanche en traits peu épais */
-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
 -moz-box-shadow: 0px 0px 20px #FF99FF;
-webkit-box-shadow: 0px 0px 20px #FF99FF;
box-shadow: 0px 0px 20px #FF99FF;
}

Je vous remercie de votre Smile


Dernière édition par Jiben le Mer 26 Jan 2011 - 7:18, édité 1 fois

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de taille de mes cadres

Message par Jiben le Mar 25 Jan 2011 - 21:19

A Supprimer svp

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben 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