Actif'Help

Aide à la naissance et à la relance
 

Partagez | 
 

 Centrage de qui est en ligne.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Shoki 鍾馗

avatar

Messages : 31
Date d'inscription : 08/10/2012
Age : 44

MessageSujet: Centrage de qui est en ligne.   Mer 17 Oct - 4:33

Url du forum concerné: http://spiritgraph.graphforum.com/
Spoiler:
 
Sur mon forum test, j'ai voulu center le texte de mon qui est en ligne. Mais j'ai un soucis au niveau de la 3è et 4è ligne.
J'ai rajouté une balise center devant chaque balise span.
Mais pour ces lignes, il n'y en a pas et les balises center ne change rien.
En fait, il n'y a que ça et je ne sais pas comment les centrer.
Code:
 {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
Merci d'avance pour ton aide. Wink
PS: j'ai essayé de les entourer d'un div et les centrer via le css, ça marche pas non plus.

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Saray
Duck President
Duck President
avatar

Messages : 352
Date d'inscription : 10/07/2012
Age : 27

MessageSujet: Re: Centrage de qui est en ligne.   Mer 17 Oct - 19:52

Coucou ^^

Aaaah le fameux casse-tête des anniversaires dans le QEEL! ^^
Allez je te donne l'astuce, tu essayes et si ça ne va pas on y regard ensemble Wink

En faite, pour modifier ces 3 lignes, elles doivent obligatoirement être dans un tableau. Voici comment on construit un tableau en html :

Code:
<table><tr><td>TEXTE</td></tr></table>

Alors pour toi pouvoir le modifier tu as deux solutions :

* Via le CSS : tu vas donc donner une id ou une class à ton tableau
Code:
#nom_de_ton_id{
TON CSS;
}
.nom_de_ta_class{
TON CSS;
}
* Ou alors tu mets tes propriétés directement dans le html :
Code:
<table style="CSS;"></table

Je te laisse essayer et si jamais ça ne va pas, dis-le qu'on y regarde ensemble Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://actif-help.probb.fr
Shoki 鍾馗

avatar

Messages : 31
Date d'inscription : 08/10/2012
Age : 44

MessageSujet: Re: Centrage de qui est en ligne.   Mer 17 Oct - 22:30

Pas simple. lol!
J'ai tenté les deux manières. Dans les deux cas, ça déforme tout. lol!

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Saray
Duck President
Duck President
avatar

Messages : 352
Date d'inscription : 10/07/2012
Age : 27

MessageSujet: Re: Centrage de qui est en ligne.   Mer 17 Oct - 22:46

Ok lol
C'est souvent la bête noire du QEEL ^^

Si tu pouvais me mettre ton template et ton CSS ça m'arrangerai Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://actif-help.probb.fr
Shoki 鍾馗

avatar

Messages : 31
Date d'inscription : 08/10/2012
Age : 44

MessageSujet: Re: Centrage de qui est en ligne.   Mer 17 Oct - 22:50

Le template Index_body
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="window.location='/facebook_connect.forum'" v="2" scope="{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 -->
         <br /><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><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><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="window.location='/facebook_connect.forum'" v="2" scope="{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="cathead"><center><div class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><b><font color="#000000">{L_WHO_IS_ONLINE}</font></b></a></div></center></div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   
   <tr>
      
      <td class="row1" width="100%"><center><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
                  {NEWEST_USER}</span></center></td>
   </tr>
   <tr>
          <td class="row1"><center><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
            {LOGGED_IN_USER_LIST}</span></center></td>
   </tr>
  {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
   <tr>
          <td class="row1"><center><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></center></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <center><span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
                          </span></center>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
  </table></div><div class="catfoot"></div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <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> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- 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,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Le CSS (attention, c'est un peu le bordel lol! )
Code:
a[href="/u1"] span strong {background:url("http://i40.servimg.com/u/f40/17/10/28/33/couron14.png") no-repeat;padding-left:2px;padding-top:1px}
a:hover{text-transform:uppercase;}
.signature_div img {
        max-height:150px;
        max-width:400px;
        }
.postdetails.poster-profile a img {
  max-width:200px;
  max-height:200px;
}
.forumline
        {
  text-shadow: #000000 1px 3px 5px;
  box-shadow: #000000 1px 3px 5px;
  padding-left: 0px;
  padding-right:0px;
  margin-right: 15px;
  margin-left: 15px;
  width: 900px;
}


.modo {
    background-image: url('http://users.skynet.be/fc357926/sg/modoshoki.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: top left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color: #f26522; /*--- Couleur de fond ---*/
    border: 2px solid #197b30; /*--- Taille, type et couleur de la bordure ---*/
    color: #000000; /*--- Couleur du texte ---*/
    padding-left: 63px; /*--- On espace la bordure gauche du texte de 55px ---*/
    padding-top: 23px;
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
body{
            background-position: top center;
            background-repeat: repeat;
            background-attachment: fixed;
        }
a.gensmall{
text-shadow:2px 2px 2px #000000;
}
a.forumlink {
  text-shadow: #000000 1px 3px 5px;
        }
.code
    {
 
    margin:20px;
    margin-top:20px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    border: 3px solid white;
    padding: 20px;
    padding-left: 40px;
    width: 90%;
    margin: 20px;
    background-color: #4F4C48;
    min-height: 60px;
    }
.quote {
    margin:20px;
    margin-top:20px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    border: 3px solid white;
    padding: 20px;
    padding-left: 40px;
    width: 90%;
    margin: 20px;
    background-color: #4F4C48;
    min-height: 60px;
}
.atelierdesc {
background-image: url('http://costik.free.fr/costik/img/fondMetal.jpg');
background: #000000;
color: #ffffff;
margin-left: 15px;
margin-top: 15px;
padding: 15px;
padding-left: 15px;
border-top : 2px  solid #ffffff;
border-bottom : 2px  solid #ffffff;
border-left : 4px  solid #ffffff;
border-right : 4px  solid #ffffff;
}
.mimo {
    margin:25px;
    margin-top:25px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    border: 3px solid #C9C9C9;
    padding: 25px;
    padding-left: 25px;
    margin: 25px;
    background-color: #4F4C48;
    min-height: 60px;
}
.spoiler {
    margin:20px;
    margin-top:20px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    border: 3px solid white;
    padding: 20px;
    padding-left: 40px;
    width: 90%;
    margin: 20px;
    background-color: #4F4C48;
    min-height: 60px;
}
.postbody h1 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Courgette',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 30px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #ffffFF; /* Couleur de la police ^^ */
  text-align: center;
}
.postbody h2 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Courgette',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 20px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #ffffFF; /* Couleur de la police ^^ */
  text-align: center;
}
.postbody h6 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Marcellus SC',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #FFffff; /* Couleur de la police ^^ */
  text-align: center;
}
.postbody h7 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Ranchers',impact,serif,cursive; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #FFffff; /* Couleur de la police ^^ */
  text-align: center;
}
.postbody h3 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Norican',impact,serif,cursive; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #FFffff; /* Couleur de la police ^^ */
  text-align: center;
}
.postbody h4 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Marcellus SC',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #FFffff; /* Couleur de la police ^^ */
  text-align: center;
  text-shadow: 2px 2px 2px black;
}
.postbody h5 {
  margin:0; /* pour supprimer les marges automatiques des balises de titre */
  font-family: 'Marcellus SC',impact,serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
  font-size: 40px; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
  color: #FFffff; /* Couleur de la police ^^ */
  text-align: center;
  text-shadow: 1px 1px 1px white;
}
.mimo5 {
    margin:25px;
    margin-top:25px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    border: 3px solid #C9C9C9;
    padding: 25px;
    padding-left: 25px;
    margin: 25px;
    background-image: url('http://i37.servimg.com/u/f37/17/57/15/92/bumppl10.jpg')
    background-color: #4F4C48;
    min-height: 60px;
}
.sujets_messages {
  width:160px;
  padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */
  font-size: 10px;
  font-weight : bold;
  /* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
  border: 2px solid #C9C9C9;
  -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
  background-color: #888888;
}


.derniers_sujets {
  margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté" */
  padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre */

  /* après on peut rajouter ce qu'on veut : une bordure, une image de fond, des coins arrondis un peu originaux... */
  border: 2px solid #C9C9C9;
  background-color: #4F4C48;
  border-radius:0 10px 0 10px;
  -moz-border-radius:0 10px 0 10px;
  -webkit-border-radius:0 10px 0 10px;
  -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
}
.shoki {
    margin:15px;
    margin-top:5px;
    border-radius:0 30px 0 30px;
  -moz-border-radius:0 30px 0 30px;
  -webkit-border-radius:0 30px 0 30px;
    -moz-box-shadow: 4px 4px 4px black;
    -webkit-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    border: 3px solid #C9C9C9;
    padding: 5px;
    padding-left: 20px;
    margin: 5px;
    background-color: #4F4C48;
    min-height: 60px;
}
.shoki2 {
  float:right;
  height:40px;
  width:200px;
  margin-right: 10px;
  padding :2px;
  border: 2px solid #C9C9C9;
  border-radius:0 10px 0 10px;
  -moz-border-radius:0 10px 0 10px;
  -webkit-border-radius:0 10px 0 10px;
  box-shadow:2px 2px 10px black inset;
  -moz-box-shadow:2px 2px 10px black inset;
  -webkit-box-shadow:2px 2px 10px black inset;
  color: #000000;
  background-color: #5a5a5a;
  overflow: auto;
}
/* Votes */
.votingplus {background-image: url('http://i67.servimg.com/u/f67/15/97/13/33/icon_r10.gif'); background-position: top center; background-repeat: no-repeat; width: 20px; height: 20px;}
.votingplus:hover {background-image: url('http://i67.servimg.com/u/f67/15/97/13/33/icon_r10.gif'); background-position: bottom center; background-repeat: no-repeat; width: 20px; height: 20px;}
.vote {float: right;width: 20px; margin-left: 4px;}
.vote .vote-bar { width: 20px; height: 20px; margin: 0 auto;border: none; font-size: 0; background-color: transparent; }
.vote .vote-bar-plus {background-image: url('http://i67.servimg.com/u/f67/15/97/13/33/ok10.png'); background-position: top center; background-repeat: no-repeat; width: 20px; height: 20px; background-color: transparent; }
.cathead {
  background: url(http://i33.servimg.com/u/f33/16/63/49/07/dessus11.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
  width: 930px; /*Largeur de l'image*/
  height: 94px; /*Hauteur de l'image*/
  margin: auto; /*Permet de centrer la partie du corps*/
}
.catbody {
  background: url(http://i33.servimg.com/u/f33/16/63/49/07/milieu11.png) center repeat-y; /*Ici on veut qu'elle se répète*/
  width: 930px; /*Largeur de l'image*/
  margin: auto;
}
.catfoot {
  background: url(http://i37.servimg.com/u/f37/17/57/15/92/dessou10.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
  width: 930px; /*Largeur de l'image*/
  height: 94px; /*Hauteur de l'image*/
  margin: auto; /*Permet de centrer la partie du corps*/
}
.TitreCategorie h2 {
  padding-top: 60px;
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
    color:#ffffff; /* couleur du texte */
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-size:12px;
}
.cattitle {
  padding-top: 60px;
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
    color:#ffffff; /* couleur du texte */
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-size:12px;
}

.ongl1, .ongl2, .ongl3, .ongl4
{
display: inline-block;
width: 120px;
height: 30px;
margin-left: 20px;
background-color: #abb8cd;
border-top: 1px solid #808489;
border-left: 1px solid #808489;
border-right: 1px solid #808489;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
text-align: center;
}
.ongl1:hover, .ongl2:hover, .ongl3:hover, .ongl4:hover
{
background-color: #d3dce9;
}
.ongl1 a, .ongl2 a, .ongl3 a, .ongl4 a
{
display: block;
padding-top: 2px;
font-weight: bold;
text-decoration: none !important;
color: #8b9cb8 !important;
text-shadow: 1px 1px 0px #eef1f6;
font-size: 18px;
}
.ongl1 a:hover, .ongl2 a:hover, .ongl3 a:hover, .ongl4 a:hover
{
color: #446291 !important;
text-shadow: 1px 1px 0px #23334c;
}
#content1
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
border: 1px solid #596b87;
font-size: 11px;
color: #3c506f;
}
#content2, #content3, #content4
{
display: none;
}
#accueil1:target #content1
{
display: block;
height: 300px;
overflow: hidden;
border: 1px solid #596b87;
font-size: 11px;
color: #3c506f;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
#accueil2:target #content2
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
font-size: 11px;
color: #3c506f;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
#accueil3:target #content3
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
font-size: 11px;
color: #3c506f;
}
#accueil4:target #content4
{
display: block;
height: 300px;
overflow: hidden;
background: #8799b6;
font-size: 11px;
color: #3c506f;
}
.info_accueil
{
padding: 10px;
text-align: justify;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}


_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Saray
Duck President
Duck President
avatar

Messages : 352
Date d'inscription : 10/07/2012
Age : 27

MessageSujet: Re: Centrage de qui est en ligne.   Mer 17 Oct - 22:57

Uh uh mais pourquoi vous mettez tous votre CSS sans dessus dessous? x)
Bon je regarde à ça et reviens vers toi dès que c'est fait Wink

Par contre, j'ai une question ... tu as voulu dire quoi en mettant ça
Code:
a[href="/u1"] span strong
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://actif-help.probb.fr
Shoki 鍾馗

avatar

Messages : 31
Date d'inscription : 08/10/2012
Age : 44

MessageSujet: Re: Centrage de qui est en ligne.   Mer 17 Oct - 23:20

En fait, c'est un code qu'Anheru m'a donné pour mettre une image devant le pseudo. Je l'ai laissé tel quel, j'ai pas cherché plus loin. Wink
PS: si tu veux avoir les pass fondateurs pour tester, tu n'as qu'un mot à dire. Wink
Merci encore pour tout. I love you I love you I love you I love you

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Saray
Duck President
Duck President
avatar

Messages : 352
Date d'inscription : 10/07/2012
Age : 27

MessageSujet: Re: Centrage de qui est en ligne.   Jeu 18 Oct - 0:00

Ayé ^^
J'ai trouvé ta petite erreur Wink

Lorsque tu veux centrer le texte de ton QEEL, tu ne dois pas uniquement te contenter de mettre
Code:
<center>

Tu dois donner une id à ton QEEL donc en clair ça donne ça
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="qeel">

Après quoi tu dis dans le CSS que ton texte doit être centré :

Code:
table#qeel{
text-align:center
}

En tout cas, chez moi ça fonctionne à merveille ^^
Si jamais tu vois que ça ne va pas correctement chez toi, je prendrai le pass fondateur pour jeter un oeil de plus près Wink

Et comme je suis gentille, je t'ai rassemblé la partie CSS concernant ton QEEL x)
Code:
.cathead {
  background: url(http://i33.servimg.com/u/f33/16/63/49/07/dessus11.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
  width: 930px; /*Largeur de l'image*/
  height: 94px; /*Hauteur de l'image*/
  margin: auto; /*Permet de centrer la partie du corps*/
}
.cattitle {
  padding-top: 60px;
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
    color:#ffffff; /* couleur du texte */
    font-family: Geneva, Tahoma, Verdana, sans-serif;
    font-size:12px;
}
.catbody {
  background: url(http://i33.servimg.com/u/f33/16/63/49/07/milieu11.png) center repeat-y; /*Ici on veut qu'elle se répète*/
  width: 930px; /*Largeur de l'image*/
  margin: auto;
}
.catfoot {
  background: url(http://i37.servimg.com/u/f37/17/57/15/92/dessou10.png) top center no-repeat; /*Ici on ne veut pas qu'elle se répète*/
  width: 930px; /*Largeur de l'image*/
  height: 94px; /*Hauteur de l'image*/
  margin: auto; /*Permet de centrer la partie du corps*/
}
table#qeel{
text-align:center;
}

Voilà également la partie de ton Template (uniquement le QEEL) corrigée Wink
Code:
<!-- BEGIN disable_viewonline -->
<div class="cathead"><div class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><b><font color="#000000">{L_WHO_IS_ONLINE}</font></b></a></div></center></div><div class="catbody">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="qeel">
 
  <tr>
     
      <td class="row1" width="100%"><center><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
                  {NEWEST_USER}</span></center></td>
  </tr>
  <tr>
          <td class="row1"><center><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
            {LOGGED_IN_USER_LIST}</span></center></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
  <tr>
          <td class="row1"><center><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></center></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1">
        <center><span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
                          </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
  </table></div><div class="catfoot"></div>
<!-- END disable_viewonline -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://actif-help.probb.fr
Shoki 鍾馗

avatar

Messages : 31
Date d'inscription : 08/10/2012
Age : 44

MessageSujet: Re: Centrage de qui est en ligne.   Jeu 18 Oct - 0:44

Tu m'en apprends tous les jours. Merci à toi. J'aime bien apprendre de nouvelles choses. Et grâce à toi, c'est beaucoup plus clair.
Merci. I love you I love you I love you
PS: ça marche nickel. Wink
RePS: grâce à toi. Tu m'as donné un autre idée pour un bug d'affichage sur le profil. En fait, j'ai changé la class du tableau pour l'index box et retirer l'attribut de largeur dans mon css pour le forumline. J'ai appliqué un attribut à ma nouvelle class dans mon css et tout c'est réglé.
Encore merci, tu m'aides énormément. Wink

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Saray
Duck President
Duck President
avatar

Messages : 352
Date d'inscription : 10/07/2012
Age : 27

MessageSujet: Re: Centrage de qui est en ligne.   Jeu 18 Oct - 6:31

Ah bah ravie d'avoir pu être utile Very Happy
Si tu as encore besoin tu sais où me trouver Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://actif-help.probb.fr
Shoki 鍾馗

avatar

Messages : 31
Date d'inscription : 08/10/2012
Age : 44

MessageSujet: Re: Centrage de qui est en ligne.   Jeu 18 Oct - 6:47

Saray a écrit:
Ah bah ravie d'avoir pu être utile Very Happy
Si tu as encore besoin tu sais où me trouver Wink
En fait, mis à part la PA. Je pense que je vais en rester là question codage. Trop de codage, tue le codage. lol!
Merci encore. Wink

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Saray
Duck President
Duck President
avatar

Messages : 352
Date d'inscription : 10/07/2012
Age : 27

MessageSujet: Re: Centrage de qui est en ligne.   Jeu 18 Oct - 19:38

En effet lol ^^
Je verrouille donc ici Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://actif-help.probb.fr
Contenu sponsorisé




MessageSujet: Re: Centrage de qui est en ligne.   

Revenir en haut Aller en bas
 
Centrage de qui est en ligne.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comboost : un diaporama hébergé en ligne
» Webjam : créer un site en ligne
» Testeur de ligne
» Des jeux en ligne qui prend 5 min
» Ligne d'occupation des trains comme dans la réalité

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Actif'Help :: Aide à la naissance :: Codage-
Sauter vers: