Mettre les groupes en couleurs après modification

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

Résolu Mettre les groupes en couleurs après modification

Message par Miami-Works le Lun 27 Déc 2010 - 18:30

Bonsoir.
Voilà j'ai modifié le template de page d'accueil et le CSS afin que les groupes et leur disposition soit modifiée, mais je n'arrive pas à les mettre en couleur alors que dans mon css je précise bien la couleur de police. Est-ce dû au fait que ce sont des liens ? Quel code mettre et où ? Merci d'avance !

Mon template :
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<div class="statistiques">
<div class="allgroups"><span class="groupe1"><a href="http://sex-love-city.forumactif.org/g5-the-super-mega-staff">« the super-méga staff »</a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe2"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy">« the bad&good boy »</a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe3"> <a href="http://sex-love-city.forumactif.org/g3-the-girl-power">« the girl power »</a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe4"> <a href="http://sex-love-city.forumactif.org/g5-the-purple-girl">« the purple-girl »</a> </span></div>
<div class="stats"><span class="gensmall">{TOTAL_POSTS}. <br>
{TOTAL_USERS}.<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span>
</div>
</div>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center" class="legende">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Mon CSS :
Code:
.forumline{
border: 3px #D2A846
double;
}

body {
background-repeat: repeat;
  background-position: none;
}

td.row1{
background-image: url("http://img64.xooimage.com/files/b/7/6/sans-titre-4-23b50d6.png");
}

td.row2{
background-image: url("http://img64.xooimage.com/files/b/7/6/sans-titre-4-23b50d6.png");
}

td.row3{
background-image: url("http://img64.xooimage.com/files/b/7/6/sans-titre-4-23b50d6.png");
}


u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7A5E5E;text-decoration: none
}



.forumline{
background-color: #E4E493;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #E4E493 solid;
border-top: 1px #E4E493 dotted;
border-right: 1px #E4E493 dotted;
border-left: 1px #E4E493 dotted;}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #908789;
text-decoration: none; }


a.forumlink:hover, a.forumlink:hover:visited{
background-color: #D79872;
border-left: 9px solid #D79872;
border-right: 9px solid #D79872;
-moz-border-radius:15px;}

.bodyline{ -moz-border-radius: 15px;
border-color: #A97E69;
border: 3px solid;
width: 70%;}

.statistiques
{
border:0px;
background-image: url("http://img51.xooimage.com/files/2/c/2/onlinebis-23b68d7.png");
background-repeat: no-repeat;
background-position: center;
height:252px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
width: 1000px;
}


.groupe1 {
background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:15px; /*TAILLE ECRITURE */
font-color:#CC7D39;
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
.groupe2 {
color:#6B9DB8;
background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:15px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
.groupe3 {
color:#BA5F5F;
background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:15px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

.groupe4 {
color:#8469B8;
background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:15px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

a.forumlink {
background-color: #transparent;
  text-shadow: #f5f8de 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #D2A846;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://i42.tinypic.com/1roygg.jpg');
color: #f9fced;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px #96BC76;
-moz-box-shadow: 0px 2px 2px #96BC76;
 }



a
{
text-decoration: none;
}

a:hover
{
text-decoration: none !important;
border-bottom: #transparent;
}

textarea, .textarea.post, input.post {
-moz-border-radius-bottomleft:15px; -webkit-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px; -webkit-border-radius-bottomright:15px;
-moz-border-radius-topright:10px; -webkit-border-radius-topright:10px;
-moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px;  }

.contenu {
  background-image: url('http://i41.tinypic.com/ff7s7c.jpg');
          font-family: Trebuchet MS;
          font-size: 11px;
          text-align: justify;
    color : #61523f;
          margin-left: 40px;
          margin-right: 40px;
          padding: 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px
}

.def {
  background-image: url('http://img60.xooimage.com/files/8/d/6/fond-23b9258.png');
        font-family: Trebuchet MS;
        font-size: 11px;
        text-align: center;
  color : #8D886C;
          margin-left: 40px;
          margin-right: 40px;
        padding: 2px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px

 }

.postbody {
text-align:justify;
padding-left:70px;
padding-right:70px;
}

.name img {
border:6px solid #ADD96C;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-radius-topleft:8px;
border-radius-topright:8px;
border-radius-bottomleft:8px;
border-radius-bottomright:8px;
}

.nav2 img {
display:none;
}

.allgroups {
text-align:center;
padding-top:30px;
}

.stats {
float:right;
text-align:right;
padding:30px 100px 100px 5px;
}

.legende {
display:none;
}


Dernière édition par Miami-Works le Lun 27 Déc 2010 - 22:31, édité 1 fois

Miami-Works
**

Messages : 71
Inscrit(e) le : 01/02/2009

http://sex-love-city.forumactif.org/forum
Miami-Works a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les groupes en couleurs après modification

Message par Anzu le Lun 27 Déc 2010 - 19:15


Bonsoir ^^

Le mieux serait de mettre directement la couleur dans le template.
Par exemple en mettant la balise font color et votre code couleur comme ceci:

Code:
<span class="groupe3"><font color="#code couleur"><a href="http://sex-love-city.forumactif.org/g3-the-girl-power">« the girl power »</a></font></span> <img src="http://i31.tinypic.com/mugck1.jpg">

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les groupes en couleurs après modification

Message par Miami-Works le Lun 27 Déc 2010 - 19:21

Merci, mais voilà j'ai modifié (voilà une partie du code après les changements) :
Code:
<div class="allgroups"><span class="groupe1"><font color="#CC7D39"><a href="http://sex-love-city.forumactif.org/g5-the-super-mega-staff">« the super-méga staff »</a></font></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe2"><font color="#6B9DB8"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy">« the bad&good boy »</a></font></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe3"><font color="#BA5F5F"><a href="http://sex-love-city.forumactif.org/g3-the-girl-power">« the girl power »</a></font></span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe4"><font color="#8469B8"><a href="http://sex-love-city.forumactif.org/g5-the-purple-girl">« the purple-girl »</a></font></span></div>

Et il n'y a rien qui se passe :S

Miami-Works
**

Messages : 71
Inscrit(e) le : 01/02/2009

http://sex-love-city.forumactif.org/forum
Miami-Works a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les groupes en couleurs après modification

Message par Anzu le Lun 27 Déc 2010 - 20:34

Mettez plutôt les font devant les noms des groupes, par exemple:

Code:
<font color="#CC7D39">« the super-méga staff »

Chez moi ca fonctionne, il n'y a pas de raison pour que ca ne soit pas le cas sur votre forum ^^

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les groupes en couleurs après modification

Message par Miami-Works le Lun 27 Déc 2010 - 22:31

Parfait merci Smile

Miami-Works
**

Messages : 71
Inscrit(e) le : 01/02/2009

http://sex-love-city.forumactif.org/forum
Miami-Works 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