Apparence de mes categories.  Bouton_activeApparence de mes categories.  Bouton_hoverApparence de mes categories.  Fb-hoverApparence de mes categories.  Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Apparence de mes categories.  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Apparence de mes categories.  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Apparence de mes categories.  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Apparence de mes categories.  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Apparence de mes categories.  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Apparence de mes categories.  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Apparence de mes categories.  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Apparence de mes categories.  EmptySam 11 Fév 2023, 06:04 par Krager


Partagez
 

Apparence de mes categories.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Apparence de mes categories.  Empty
Bonjour a vous tous,


je viens ici car je rencontre un probléme avec mon code de mes catégories =/

Mon forum : http://lesmagesnoirs.forum2ouf.com/

Capture d'écran : Apparence de mes categories.  Sans_t45

Comme vous le voyez, je voudrais que le nombre de message soit a droite et non a gauche.

Ensuite, on a un gros cadre gris qui empêche la description du forum, les images pour voir s'il a un nouveau message, en principe ceci prend tout la largeur.

Ensuite la part ou il y a sous forum devrait aussi prendre toute la larguer.

Enfin, mes onglets ne fonctionne plus depuis que j'ai combiner ces codes :s

Merci d 'avance pour votre aide précieuse.

Mon Templates index_box :
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>
<br/><div class="my_cat"><ul></ul> </div>


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

  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
<div class="forum-stats"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div>

<table class="forum-description">
<td>{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</td>
      <tr>
<th colspan="3">
        <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">
{catrow.forumrow.FORUM_DESC}
</span></td>

        <td width="25%" valign="middle" align="center" >
          <fieldset class="derniers_sujets" ><span class="gensmall">{catrow.forumrow.LAST_POST}</span></fieldset>
           
        </td>
      </tr></th>

<td class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td>
</table>




  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>


Mon CSS :
Code:
/*----------------------------------
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;}






/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}








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



/* 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;
}
MessageSujet: Apparence de mes categories.    Apparence de mes categories.  EmptyMar 18 Jan 2011, 14:28
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Apparence de mes categories.  Empty
Bonjour a vous Smile

J'ai travailler sur le code.
Bon censure avec votre code j'ai un peu de mal pour le mettre a droite =/

Par contre, je n'est pas su redimensionner mes cadres =/

Apparence de mes categories.  Sans_t47

Dans la Capture, j'ai mis où je voulais mettre la phares " Message : X | Sujet : "
Ensuite, les pourcentage que je voulais que telle casses fassent en pourcentage en tout sur 100%.

j'éspere être un plus précis entre ce nouveau message.

Mon CSS :
Code:
/*----------------------------------
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;}


.stats{ font-size: 11px;
      font-style: italic;
      height: 14px;
      left:  75%;
      position: relative;
      text-align: center;}



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 100%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}








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



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


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}<br />
        {CURRENT_TIME}<br />
        </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><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<br/><div class="my_cat"><ul></ul> </div>


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

  <!-- END tablehead -->
  <!-- BEGIN forumrow -->
<div class="forum-stats"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div>

<table class="forum-description" >
<td class="stats">Sujets : {catrow.forumrow.POSTS} | Messages : {catrow.forumrow.TOPICS}</td>
      <tr>

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

        <th class="my_disc" width="60%" valign="top" > <span class="genmed">
{catrow.forumrow.FORUM_DESC}
</span></th>

        <th width="25%" valign="middle" align="center" >
          <fieldset class="derniers_sujets" ><span class="gensmall">{catrow.forumrow.LAST_POST}</span></fieldset>
           
        </th>
      </tr></td>

<td class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td>
</table>




  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Vous pouvez allez voir de plus prés le probléme sur mon forum.
Merci d'avance.
MessageSujet: Re: Apparence de mes categories.    Apparence de mes categories.  EmptyJeu 20 Jan 2011, 15:40
Revenir en haut Aller en bas
Hortie
Hortie
{ Membre actif }
{ Membre actif }

Féminin Messages : 660



Apparence de mes categories.  Empty
Bonjour,
Les double-post sont interdit, merci d'utliser la fonction éditer la prochaine fois Wink
MessageSujet: Re: Apparence de mes categories.    Apparence de mes categories.  EmptyJeu 20 Jan 2011, 18:26
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Apparence de mes categories.  Empty
Pour le sujet et message,tu as mis "center" en valeur ici :

Citation :
.stats{ font-size: 11px;
font-style: italic;
height: 14px;
left: 75%;
position: relative;
text-align: center;}

Essaye de mettre right Wink Au pire,tu peux modifier le left:75%

MessageSujet: Re: Apparence de mes categories.    Apparence de mes categories.  EmptyVen 21 Jan 2011, 08:26
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Apparence de mes categories.  Empty
Bonjour,

Nous venons de remarquer que votre avatar a une taille de 125*125 pixels. Or, depuis le 27 décembre 2010, la taille des avatars est désormais limitée à 100*100px.
Comme le stipule l'annonce dans la signature des membres du staff ainsi qu'en dessous du header de CSSActif:
Citation :

La taille des avatars est désormais limitée à 100*100px. L'équipe de CSSActif bloquera vos demandes jusqu'à ce que vos avatars soient en norme.
Votre demande est donc bloquée jusqu'à ce que votre avatar soit en norme.

Merci de votre compréhension.
MessageSujet: Re: Apparence de mes categories.    Apparence de mes categories.  EmptySam 22 Jan 2011, 03:56
Revenir en haut Aller en bas
Contenu sponsorisé




Apparence de mes categories.  Empty
MessageSujet: Re: Apparence de mes categories.    Apparence de mes categories.  Empty
Revenir en haut Aller en bas
 

Apparence de mes categories.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Question sur catégories
» Probléme de catégories
» catégories
» Catégories
» Effet CSS sur les catégories

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com