Probleme de taille de mes cadres
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Probleme de taille de mes cadres
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 :
Voici mon Template :
Voici Mon CSS : ( Dites le si les table1 et 2 et td1 on peux mettre le code directement dans le templates ? )
Je vous remercie de votre
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
Dernière édition par Jiben le Mer 26 Jan 2011 - 7:18, édité 1 fois
Re: Probleme de taille de mes cadres
A Supprimer svp
Sujets similaires
» Taille des cadres des forums
» Problème de dimensions des images et des cadres
» Fixer la une taille de police dans les cadres réponse;
» Fixer la une taille de police dans les cadres réponse; bis
» Problème de cadres de forum affichés
» Problème de dimensions des images et des cadres
» Fixer la une taille de police dans les cadres réponse;
» Fixer la une taille de police dans les cadres réponse; bis
» Problème de cadres de forum affichés
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum