Petit probleme de codage CSS/Templates [Résolu] Bouton_activePetit probleme de codage CSS/Templates [Résolu] Bouton_hoverPetit probleme de codage CSS/Templates [Résolu] Fb-hoverPetit probleme de codage CSS/Templates [Résolu] 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
Petit probleme de codage CSS/Templates [Résolu] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Petit probleme de codage CSS/Templates [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Petit probleme de codage CSS/Templates [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Petit probleme de codage CSS/Templates [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Petit probleme de codage CSS/Templates [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Petit probleme de codage CSS/Templates [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Petit probleme de codage CSS/Templates [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Petit probleme de codage CSS/Templates [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -48%
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ...
Voir le deal
119 €

Partagez
 

Petit probleme de codage CSS/Templates [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lordretemplier.purforum.com/
TODR
{ Membre }
{ Membre }

Masculin Messages : 3



Petit probleme de codage CSS/Templates [Résolu] Empty
Bien le Bonjour,

Ayant repéré il a quelques jours une apparence pour modifier le contour des catégories sur la page d'accueil de mon forum je me suis lancé dedans.

J'ai donc suivi un petit tuto pour installer les codes css et templates qu'il fallait et ça à parfaitement marché sur mon forum test, voyez vous même :

Petit probleme de codage CSS/Templates [Résolu] Appare10

En revanche, j'ai installer ces mêmes codes sur mon forum original et là rien.. Juste une partie de l’apparence a été modifier.

Petit probleme de codage CSS/Templates [Résolu] Appare11

Voici le code css de l'apparence :

Code:
/* ------ CONFIGURATION DE FORUMLINE ------ */
 
.forumline
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 1px solid #404040;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 
/* ------ TITRE DES CATEGORIES ------ */
 
.secondarytitle, .secondarytitle h2
{
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 17px;
position: relative;
padding-top: 5px;
}
 
/* div contenant la variable du titre des catégories */
.firstletter
{
line-height: 66px;
vertical-align: middle;
padding-top: 5px;
}

/* configuration de la premiere lettre du titre des catégories */
.firstletter:first-letter
{
font-size: 20px;
color: #B10000 !important;
font-weight: bold;
}
 
/* ------ TITRE FORUM ------ */
 
span.forumlink
{
vertical-align: middle;
display: block;
margin: 0;
text-align: left;
min-width: 250px;
}

a.forumlink
{
font-family: Arial;
font-size: 15px;
letter-spacing: 4px;
text-shadow: 1px 0 2px #000000;
}

/* configuration de la première lettre du titre de forum */
span.forumlink:first-letter
{
color: #B10000;
font-weight: bold;
}

/* fond du titre de forum */
.forum_titre
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1912.jpg');
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: left;
background-position: left;
border: 1px solid #404040;
border-bottom: none;
margin: 0 10px;
padding-left: 12px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
 
/* ------ CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ------ */
.cell_tfa_des
{
border-top: 1px solid #404040;
height: 40px;
line-height: 40px;
vertical-align: bottom;
}
 
/* ------ DESCRIPTION ------ */
 
.la_tfa_description
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
padding: 7px;
border: 1px solid #404040;
min-height: 50px;
vertical-align: middle;
margin: 0 10px;
}
 
.la_tfa_description span.genmed img
{
margin: 5px;
}
/* ------ DERNIERS SUJETS ------ */
 
.derniers_tfa_messages
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
background-position: bottom;
padding: 7px;
margin: 0 10px;
min-height: 50px;
vertical-align: middle;
border: 1px solid #404040;
}
.derniers_tfa_messages .gensmall
{
height: 100%;
vertical-align: middle;
}
 
/* ------ EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ------ */
.icone_tfa_cat
{
position: relative;
float: right;
margin-right: -19px;
margin-top: -16px;
}
 
/* ------ OMBRE TEXTES CELLULES ------ */
.text-tfa_cell .gensmall
{
text-shadow: 1px 0 1px #000;
}
 
/* ------ BLOC RUBAN ------ */
.top_cat
{
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche
{
position: absolute;
left: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/gauche10.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite
{
position: absolute;
right: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/droite10.png') no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center
{
background: url("http://i56.servimg.com/u/f56/17/98/37/41/centre10.png") repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}
 
/* ------ BAS CATEGORIE ------ */
 
.cat_tfa_bas
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/915.jpg');
height: 22px;
line-height: 22px;
vertical-align: middle;
background-position: left;
border: 1px solid #404040;
border-top: none;
margin: 0 10px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cat_tfa_bas .gensmall img
{
vertical-align: middle;
}
 
/* ------ STYLE CHIFFRES MESSAGES SUJETS ------ */
 
.chiffres
{
color: #74c20f;
font-weight: bold;
}

Ainsi que le code templates (index_box) :

Code:
<!-- BEGIN catrow -->
 
<!-- BEGIN tablehead -->
 
<table class="forumline" width="100%" cellspacing="0" cellpadding="0">
  <tr>
      <th nowrap="nowrap"  colspan="2" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
    <!-- DEBUT TITRE CATEGORIE -->
    <div class="top_cat">
      <div class="tfa_cat_gauche"></div>
      <div class="tfa_cat_droite"></div>
      <div class="tfa_cat_center">
        <div class="firstletter">{catrow.tablehead.L_FORUM} </div>
      </div>
    </div>
    <!-- FIN TITRE CATEGORIE -->
  </th>
  </tr>
  <!-- END tablehead -->
 
<!-- BEGIN forumrow -->
  <tr>
<!-- DEBUT TITRE FORUM -->
 
   <td  width="70%" class="cell_tfa_des">
      <div class="forum_titre">
        <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}>
      </div>
    </td>
<!-- FIN TITRE FORUM -->
    <td  width="30%" class="cell_tfa_des">
    </td>
  </tr>
  <tr>
<!-- DEBUT DESCRIPTION FORUM -->
    <td width="70%">
      <div class="la_tfa_description">
      <div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>                                
     </div>
      <div class="modo" style="width:100%;">
    <span class="gensmall">
  <!-- BEGIN switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}
        {catrow.forumrow.switch_moderators_links.MODERATORS}
  <!-- END switch_moderators_links -->
  </span>
      </div>
    </div>
    </td>
<!-- FIN DESCRIPTION FORUM -->
 
<!-- DEBUT DERNIERS MESSAGES -->
    <td  width="30%" style="min-width: 160px; vertical-align: bottom;">
      <div class="derniers_tfa_messages">                
<!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
      <div class="icone_tfa_cat">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"  />
      </div>
<!-- FIN ICONE NEW/NO-NEW/CLOS -->
  <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </div>
    </td>
<!-- FIN DERNIERS MESSAGES -->
  </tr>
  <tr>
 
<!-- DEBUT LIENS SOUS FORUMS -->
    <td width="70%" class="text-tfa_cell" align="center"  valign="top">
      <div class="cat_tfa_bas">
  <span class="gensmall">
  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 </span>
      </div>
    </td>
 
<!-- FIN LIENS SOUS FORUMS -->
 
<!-- DEBUT NOMBRES SUJETS ET MESSAGES -->
 
   <td  width="30%"align="center"  valign="top">
      <div  class="cat_tfa_bas">
  <span class="gensmall"><span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets  <span class="chiffres">{catrow.forumrow.POSTS}</span> messages</span>
      </div>
    </td>  
<!-- FIN NOMBRES SUJETS ET MESSAGES -->  
 </tr>
  <!-- END forumrow -->
 
 <!-- BEGIN catfoot -->
 
 <tr>
    <td class="spaceRow" colspan="2" 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 -->

Personnellement je ne pense pas que le problème vienne de ces codes vu qu'il marche parfaitement sur mon forum de test.

Je vais donc vous copier l’intégralité de mon css et de mon templates (index_box).

Css :

Code:
body
{
background-color: #0d0d0d;
background-position: top center;
background-repeat: repeat-y;
}

a
{
outline: none;
}

a:link
{
text-decoration: none !important;
}

.fond
{
background-image: url(http://img11.hostingpics.net/pics/642719847101Almanaxfinal20.png);
}

.bodylinewidth
{
width: 900px;
}

#page-body
{
margin-top: 20px;
}

/* ------ CONFIGURATION DE FORUMLINE ------ */
 
.forumline
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
margin: 0px;
padding: 0px;
margin-bottom: 10px;
border: 1px solid #404040;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
 
/* ------ TITRE DES CATEGORIES ------ */
 
.secondarytitle, .secondarytitle h2
{
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 17px;
position: relative;
padding-top: 5px;
}
 
/* div contenant la variable du titre des catégories */
.firstletter
{
line-height: 66px;
vertical-align: middle;
padding-top: 5px;
}

/* configuration de la premiere lettre du titre des catégories */
.firstletter:first-letter
{
font-size: 20px;
color: #B10000 !important;
font-weight: bold;
}
 
/* ------ TITRE FORUM ------ */
 
span.forumlink
{
vertical-align: middle;
display: block;
margin: 0;
text-align: left;
min-width: 250px;
}

a.forumlink
{
font-family: Arial;
font-size: 15px;
letter-spacing: 4px;
text-shadow: 1px 0 2px #000000;
}

/* configuration de la première lettre du titre de forum */
span.forumlink:first-letter
{
color: #B10000;
font-weight: bold;
}

/* fond du titre de forum */
.forum_titre
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1912.jpg');
height: 28px;
line-height: 28px;
vertical-align: middle;
text-align: left;
background-position: left;
border: 1px solid #404040;
border-bottom: none;
margin: 0 10px;
padding-left: 12px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
 
/* ------ CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ------ */
.cell_tfa_des
{
border-top: 1px solid #404040;
height: 40px;
line-height: 40px;
vertical-align: bottom;
}
 
/* ------ DESCRIPTION ------ */
 
.la_tfa_description
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
padding: 7px;
border: 1px solid #404040;
min-height: 50px;
vertical-align: middle;
margin: 0 10px;
}
 
.la_tfa_description span.genmed img
{
margin: 5px;
}
/* ------ DERNIERS SUJETS ------ */
 
.derniers_tfa_messages
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
background-position: bottom;
padding: 7px;
margin: 0 10px;
min-height: 50px;
vertical-align: middle;
border: 1px solid #404040;
}
.derniers_tfa_messages .gensmall
{
height: 100%;
vertical-align: middle;
}
 
/* ------ EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ------ */
.icone_tfa_cat
{
position: relative;
float: right;
margin-right: -19px;
margin-top: -16px;
}
 
/* ------ OMBRE TEXTES CELLULES ------ */
.text-tfa_cell .gensmall
{
text-shadow: 1px 0 1px #000;
}
 
/* ------ BLOC RUBAN ------ */
.top_cat
{
position: relative;
width: 100%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche
{
position: absolute;
left: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/gauche10.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite
{
position: absolute;
right: -24px;
background: url('http://i56.servimg.com/u/f56/17/98/37/41/droite10.png') no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center
{
background: url("http://i56.servimg.com/u/f56/17/98/37/41/centre10.png") repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}
 
/* ------ BAS CATEGORIE ------ */
 
.cat_tfa_bas
{
background: url('http://i25.servimg.com/u/f25/11/95/30/70/915.jpg');
height: 22px;
line-height: 22px;
vertical-align: middle;
background-position: left;
border: 1px solid #404040;
border-top: none;
margin: 0 10px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.cat_tfa_bas .gensmall img
{
vertical-align: middle;
}
 
/* ------ STYLE CHIFFRES MESSAGES SUJETS ------ */
 
.chiffres
{
color: #74c20f;
font-weight: bold;
}

a.forumlink:hover
{
text-decoration: none !important;
margin-left: 20px;
font-style: italic;
}

table
{
max-width: 850px;
margin: auto;
}

#i_logo
{
margin-top: -18px;
margin-bottom: -115px;
}


.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}



#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}

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}<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>
<!-- BEGIN catrow -->

<!-- BEGIN tablehead -->

<table class="forumline" width="100%" cellspacing="0" cellpadding="0">
<tr>
<th nowrap="nowrap" colspan="2" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
<!-- DEBUT TITRE CATEGORIE -->
<div class="top_cat">
<div class="tfa_cat_gauche"></div>
<div class="tfa_cat_droite"></div>
<div class="tfa_cat_center">
<div class="firstletter">{catrow.tablehead.L_FORUM} </div>
</div>
</div>
<!-- FIN TITRE CATEGORIE -->
</th>
</tr>
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<!-- DEBUT TITRE FORUM -->

<td width="70%" class="cell_tfa_des">
<div class="forum_titre">
<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}>
</div>
</td>
<!-- FIN TITRE FORUM -->
<td width="30%" class="cell_tfa_des">
</td>
</tr>
<tr>
<!-- DEBUT DESCRIPTION FORUM -->
<td width="70%">
<div class="la_tfa_description">
<div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="modo" style="width:100%;">
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}
{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</div>
</div>
</td>
<!-- FIN DESCRIPTION FORUM -->

<!-- DEBUT DERNIERS MESSAGES -->
<td width="30%" style="min-width: 160px; vertical-align: bottom;">
<div class="derniers_tfa_messages">
<!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
<div class="icone_tfa_cat">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<!-- FIN ICONE NEW/NO-NEW/CLOS -->
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</td>
<!-- FIN DERNIERS MESSAGES -->
</tr>
<tr>

<!-- DEBUT LIENS SOUS FORUMS -->
<td width="70%" class="text-tfa_cell" align="center" valign="top">
<div class="cat_tfa_bas">
<span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</div>
</td>

<!-- FIN LIENS SOUS FORUMS -->

<!-- DEBUT NOMBRES SUJETS ET MESSAGES -->

<td width="30%"align="center" valign="top">
<div class="cat_tfa_bas">
<span class="gensmall"><span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets <span class="chiffres">{catrow.forumrow.POSTS}</span> messages</span>
</div>
</td>
<!-- FIN NOMBRES SUJETS ET MESSAGES -->
</tr>
<!-- END forumrow -->

<!-- BEGIN catfoot -->

<tr>
<td class="spaceRow" colspan="2" 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 -->

En vous remerciant par avance.
MessageSujet: Petit probleme de codage CSS/Templates [Résolu]   Petit probleme de codage CSS/Templates [Résolu] EmptyMar 24 Déc 2013, 12:03
Revenir en haut Aller en bas
http://lordretemplier.purforum.com/
TODR
{ Membre }
{ Membre }

Masculin Messages : 3



Petit probleme de codage CSS/Templates [Résolu] Empty
Problème résolu !

Débile comme je suis je n'avais pas publier le template, ça restait donc en prévisualisation...

MessageSujet: Re: Petit probleme de codage CSS/Templates [Résolu]   Petit probleme de codage CSS/Templates [Résolu] EmptyJeu 26 Déc 2013, 09:39
Revenir en haut Aller en bas
 

Petit probleme de codage CSS/Templates [Résolu]

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

 Sujets similaires

-
» [RÉSOLU] HTML/CSS ► j'ai un petit problème de codage ! (pas assez explicite j'sais, mais j'sais pas comment dire ça, alors...)
» Petit soucis d'espace dans un codage [Résolu]
» [Résolu] Problème de codage sur PA
» Problème de codage de la page d'accueil [RESOLU]
» {Résolu} Petit Problème De Présentation

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