Sujets similaires

Bonjour a vous.

Je vient ici car j'ai plusieurs probléme avec les onglets des mes catégories.

Bon j'attaque le 1er Problème :

Mon Problème c'est la positon des images qui indique si le forum a un nouveau message, rien ou locker, et des mes deux autres cadres.
Voici ce que j'ai en ce moments :

Spoiler:

Et je voudrais qui ont la même disposition, si vous voulez là c'est plus espacer :

Spoiler:

Bon passons au deuxième probléme : Je voudrais que " sous forum " soit a la même place que sur la deuxième image.

Puis le troisième probléme : Je voudrais que mes onglets soit un peu décaler vers la droite svp

BOn j'ai suivi ce " tuto " là :
https://css-actif.forumactif.org/resolu-f18/de-nombreuses-questions-n_n-t2302-45.htm

BOn je devine que vous voulais mon CSS et Mon templates.
En espérant qui n'auras de plagiat :s

CSS

Spoiler:

Code:: Chat{ -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;
}

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

div.infobulle_avatar em {
display:none;
}

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

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: 5px; /* bord arrondis*/
-webkit-border-radius: 5px; /* bord arrondis*/
border-radius: 5px ; /* bord arrondis*/
background-color: #FFF; /*couleur de fond de l'infobulle*/
border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
width:150px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*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;
}

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

.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}

/* 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 black white;
border-left: 1px black white;
border-right: 1px black 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 10px black;
-webkit-box-shadow: 0px 0px 10px black;
box-shadow: 0px 0px 10px black;}

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

/* petit bouton a coté de " derniers messages " */
.currenttr {
cursor:pointer;
position: absolute;
top: 3px;
right: 1px;
}

/* 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 du nom mes catégorie*/
.nom
{border: 2px solid white;
background-color: #828282;
margin-left: 7%;
border-bottom: 0px;
-border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 1%
}

/* 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;
}

/* cadre ds message, avatar*/
.postdetails.poster-profile a img{
text-align: center;
border: 4px double #000000;
background-color: #919F84;
padding:2px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* cadre ds message, reste du profil*/
.profil{
text-align: center;
border: 1px solid white;
background-color: #66705D;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* 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;
}

/* cadre ds message, profil, site, mp, ..*/
.post-profil{
text-align: center;
border: 1px solid #000000;
background-color: #aab89d;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

/* cadre ds message, édité, citer, .. */
.post-options{
text-align: center;
border: 1px solid #000000;
background-color: #aab89d;
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;
}

/* cadre du forum */
.bodyline {-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
-moz-border-radius:20px;
-border-radius: 20px;
-webkit-border-radius: 20px;
border:1px solid white;}

/* 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;
}

Template :

Spoiler:

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div class="my_cat"><ul></ul> </div>

<div class="my_cat_body">

<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>




<td colspan="3" >
<tr>
<td class="my_img" valign="top"width="15%"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>

<td class="my_disc" width="60%" valign="top" > <span class="genmed">
<fieldset class="sujets">
<legend class="nom"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></legend>{catrow.forumrow.FORUM_DESC}
</fieldset>
Sous-forums: {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>

<td width="25%" valign="middle" align="center" >
<fieldset class="derniers_sujets" ><legend align="center" valign="bottom"><span class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages | <b>{catrow.forumrow.TOPICS} </b>sujets</div></span></legend><span class="gensmall">{catrow.forumrow.LAST_POST}</span></fieldset>

</td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />
</div>

Pour mieux comprendre le Problème voici mon Forum :
http://lesmagesnoirs.forum2ouf.com/forum.htm

Merci d'avance de votre aide (:
Cordialement Jiben.

salut !

ajoute ce code dans le css de ton forum

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

.my_modified_table{
width: 100%;
margin: 0;
padding: 0;
}

.my_cat_style{
margin-left: 5px !important;
}

Merci a vous.

J'ai résolu le Problème un et trois.
Par contre mon deuxième problème n'est pas résolu :s

Encore merci.

Cordialement.

Bonjour.

Tous mes probléme sont règles.
A locker svp

Encore merci de votre aide Smile

Plusieurs problème avec mes onglets de mes categories

Plusieurs problème avec mes onglets de mes categories

Sujets similaires

Sujets similaires

Partenaires Or