Design Groupes

2 participants

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

Résolu Design Groupes

Message par Horatio Dim 10 Juil 2011, 01:35

Bonjour,

Je voudrais modifier la présentation de mes groupes, j'aimerais qu'il soit centrés sous l'image de mon qui est en ligne et encadré par des petits pointillés blancs.

Design Groupes 0_bmp11

Merci pour votre aide,
Cordialement


Dernière édition par Horatio le Lun 11 Juil 2011, 16:20, édité 2 fois
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Dim 10 Juil 2011, 03:35

Bonjour

pouvez-vous me fournir la liste de vos groupes ainsi que votre index_body ? Par ailleurs votre titre ne colle pas avec votre demande. Pouvez-vous le renommer ? Merci d'avance. ^^

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Dim 10 Juil 2011, 15:15

Bonsoir,

J'ai modifié le titre comme demandé, dsl je pensais à autre chose quand je l'est tappé.
Voici la liste de mes groupes :

- Direction
- Membres du Ministère
- Modérateurs
- Professeurs de Poudlard Univers
- Personnel de Poudlard Univers
- Aurors
- Médicomages
- Marchands
- Ordre du phénix
- Mangemorts
- Gryffondor
- Poufsouffle
- Serdaigle
- Serpentard
- Sorciers

Et voici mon 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" 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 -->
        <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" 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 -->
<br><center><img src="http://i43.servimg.com/u/f43/16/63/49/41/qeel_b10.jpg"></center>
 
<center><table cellspacing='50' >
  <tr>
<td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; "><span class="gensmall">

<span class="gensmall">
                <span id="messages">{TOTAL_POSTS}</span>
                <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers de Poudlard Univers ont jeté :");

document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/message/,"sort");
    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sorts");
                </script><br><br>
             
                <span id="users">{TOTAL_USERS}</span>
                <script type="text/javascript">
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"L'univers de Poudlard compte");
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"sorciers rescensés");           
                </script><br><br>

                <span id="newuser">{NEWEST_USER}</span>
                <script type="text/javascript">              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le sorcier le plus récent à avoir pris le Poudlard Express est");
                </script><br><br>

                <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"personne dans l'école");      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"personnes dans l'école");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Sorcier");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Sorciers"); 
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Cracmol");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Cracmol");
                </script><br>
                </script><br>

                <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Sorciers recensés");        document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers recensés");
                </script><br>

                <span id="record">{RECORD_USERS}</span>
                <script type="text/javascript">              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de sorciers vu à Poudlard Univers est de");
                </script><br>
                </span>
        </td>

        <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; ">
                                 
                    <div style="background;>{L_CONNECTED_MEMBERS}</div>

</center>
</td>
</tr>
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

{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 -->

 <DIV align=center><FONT size=2>Poudlard Univers.org<BR>Toute reproduction en totalité ou en partie est interdite.<BR>Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.<BR>© 2011/2012 Design by C.Sébastien © 2011/2012 Projet par C.Sébastien, Jeff, C. Rémi<BR>Optimisé pour Firefox 3, Internet Explorer 7, Safari 3 et Opera 9</FONT></DIV>

Merci pour votre aide,
Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 03:20

Up

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 06:22

Dans votre template repérez :
Code:
<!-- END disable_viewonline -->

juste avant mettez :

Code:
<table width="100%"><tr><td align="center" class="zonegroupe">
<a href="" class="groupe">Direction</a>
<a href="" class="groupe">Membres du Ministère</a>
<a href="" class="groupe">Modérateurs</a>
<a href="" class="groupe">Professeurs de Poudlard Univers</a>
<a href="" class="groupe">Personnel de Poudlard Univers</a>
<a href="" class="groupe">Aurors</a>
<a href="" class="groupe">Médicomages</a>
<a href="" class="groupe">Marchands</a>
<a href="" class="groupe">Ordre du phénix</a>
<a href="" class="groupe">Mangemorts</a>
<a href="" class="groupe">Gryffondor</a>
<a href="" class="groupe">Poufsouffle</a>
<a href="" class="groupe">Serdaigle</a>
<a href="" class="groupe">Serpentard</a>
<a href="" class="groupe">Sorciers</a>
</td></tr></table>

Il vous faudra mettre à chaque groupe l'adresse prévue...

pour personnaliser la zone où se trouve les groupes, e vous ai créer deux class :

.zonegroupe comme son nom l'indique c'est pour l'ensemble des groupes.

à mettre ainsi dans votre css par exemple :
Code:

.zonegroupe {
background-color : #ff0000;
}

et .groupe pour chacun d'entre eux individuellement.

Code:
.groupe {
border : 3px dotted #ffffff;
color : #000000;
font-size : 12px;
}

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 07:18

Bonjour,

Qu'entendez vous par adresse prévue ?
Svp

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 07:20

l'adresse qui mène à la description de vos groupes.

vous pouvez la retrouver a partir du panneau d'administration

PA > Utilisateur & Groupes > Gestion des groupes

Cliquez sur le nom d'un de vos groupes, vous vous retrouverez directement sur l'adresse dont je vous parle ^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 07:28

Je dois donc les placer à la place du nom du groupe ?

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 07:29

<a href="ici" class="groupe">nom du groupe</a>

mettez l'adresse à lemplacement signalé en rouge.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 07:39

Ok c'est fais. Parfait merci
Deux petites questions :
- Pourquoi la couleur des groupes n'est pas celle que j'ai attribué ?
- Au niveau des pointillés j'aurais voulu ceci
- - - - - - - - - -
Ansi qu'un petit espace entre chaque groupe pour éviter que ce soit trop serré.

Cordialement,
Merci beaucoup pour votre aide.
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 07:48

Code:
.groupe {
border : 3px dotted #ffffff;
color : #000000;
font-size : 12px;
}

ceci normalement vous fait des pointillés blancs, comme demandé avant.

pour avoir un espace entre chaque groupe rajoutez un margin :

Code:
.groupe {
border : 3px dotted #ffffff;
font-size : 12px;
margin : 10px;
}

Pour mettre la couleur de chacun de vos groupes, il faut l'attribuer manuellement dans votre template à chacun de vos groupes.

exemple :

<a href="adresse" class="groupe"><font color="#couleur voulue">Nom du groupe</font></a>
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 08:43

Bon pour les couleurs c'est ok.
Mais regardez j'ai fais un capture d'écran et il n'y a pas de :

- - - - - -

Juste des sortes de points.
Les espaces sont mis, mais les points se touchent et s'enmellent.

Regardez :
Design Groupes Sans_t10

Cordialement,
Merci
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 08:49

Essayez alors ainsi :

Code:
.groupe {
border : 3px dashed #ffffff;
font-size : 12px;
margin : 10px;
}

scratch
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 09:03

Pour les pointillés sa marche mais ils se touchent quand même.

Design Groupes Sans_t11

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 09:14

Repérez ceci dans votre template :

Code:
Aurors</font></a>

et juste derrière ajoutez :

Code:
</td></tr><tr><td align="center" class="zonegroupe">

SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 09:27

J'ai agrandis la police alors finalement je l'es mis aprés personnel de poudlard et voici ce que sa donne :

Design Groupes Sans_t12

Mais pourquoi certains pointillés sont plus gros que d'autres, et ils sont trop collés au nom du groupe.
Mettons d'accord, dans les trois codes css que vous m'avez donné lequel dois-je mettre les trois ?

Cordialement
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 09:31

pour que les pointillés ne soit plus collés au nom vous pouvez rajoutez un padding :

.groupe {
border : 3px dashed #ffffff;
font-size : 12px;
margin : 10px;
padding : 3px;
}

par contre l'agencement des pointillés plus gros est du à la longueur de vos groupes.

De même, si vous augmentez la police il faudra faire passer les groupes autrement dans le tableau ou ils sont passés.

Réglez la taille des groupes à votr convenance, puis fournissez moi de nouveau votre template et votre css.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 10:07

Trés bien voici :

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" 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 -->
        <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" 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 -->
<br><center><img src="http://i43.servimg.com/u/f43/16/63/49/41/qeel_b10.jpg"></center>
 
<center><table cellspacing='50' >
  <tr>
<td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; "><span class="gensmall">

<span class="gensmall">
                <span id="messages">{TOTAL_POSTS}</span>
                <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers de Poudlard Univers ont jeté :");

document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/message/,"sort");
    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sorts");
                </script><br><br>
             
                <span id="users">{TOTAL_USERS}</span>
                <script type="text/javascript">
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"L'univers de Poudlard compte");
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"sorciers rescensés");           
                </script><br><br>

                <span id="newuser">{NEWEST_USER}</span>
                <script type="text/javascript">              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le sorcier le plus récent à avoir pris le Poudlard Express est");
                </script><br><br>

                <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"personne dans l'école");      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"personnes dans l'école");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Sorcier");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Sorciers"); 
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Cracmol");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Cracmol");
                </script><br>
                </script><br>

                <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Sorciers recensés");        document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers recensés");
                </script><br>

                <span id="record">{RECORD_USERS}</span>
                <script type="text/javascript">              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de sorciers vu à Poudlard Univers est de");
                </script><br>
                </span>
        </td>

        <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; ">
                                 
                    <div style="background;>{L_CONNECTED_MEMBERS}</div>

</center>
</td>
</tr>
</table>
<table width="100%"><tr><td align="center" class="zonegroupe">
<a href="http://www.poudlardunivers.org/g1-direction" class="groupe"><font color="#6600FF">Direction</font></a>
<a href="http://www.poudlardunivers.org/g3-membres-du-ministere" class="groupe"><font color="#336600">
Membres du Ministère</font></a>
<a href="http://www.poudlardunivers.org/g2-moderateurs" class="groupe"><font color="#000099">
Modérateurs</font></a>
<a href="http://www.poudlardunivers.org/g4-professeurs-de-poudlard-univers" class="groupe"><font color="#660000">
Professeurs de Poudlard Univers</font></a>
<a href="http://www.poudlardunivers.org/g5-personnel-de-poudlard-univers" class="groupe"><font color="#0066CC">
Personnel de Poudlard Univers</font></a>
</td></tr><tr><td align="center" class="zonegroupe">
<a href="http://www.poudlardunivers.org/g6-aurors" class="groupe"><font color="#CC6600">
Aurors</font></a>
<a href="http://www.poudlardunivers.org/g7-medicomages" class="groupe"><font color="#999900">
Médicomages</font></a>
<a href="http://www.poudlardunivers.org/g8-marchands" class="groupe"><font color="#99CCCC">
Marchands</font></a>
<a href="http://www.poudlardunivers.org/g9-ordre-du-phenix" class="groupe"><font color="#663333">
Ordre du phénix</font></a>
<a href="http://www.poudlardunivers.org/g10-mangemorts" class="groupe"><font color="#333333">
Mangemorts</font></a>
<a href="http://www.poudlardunivers.org/g11-gryffondor" class="groupe"><font color="#CC0000">
Gryffondor</font></a>
<a href="http://www.poudlardunivers.org/g12-poufsouffle" class="groupe"><font color="#FFCC00">
Poufsouffle</font></a>
</td></tr><tr><td align="center" class="zonegroupe">
<a href="http://www.poudlardunivers.org/g13-serdaigle" class="groupe"><font color="#3333CC">
Serdaigle</font></a>
<a href="http://www.poudlardunivers.org/g14-serpentard" class="groupe"><font color="#003300">
Serpentard</font></a>
<a href="http://www.poudlardunivers.org/g15-sorciers" class="groupe"><font color="#FFFFFF">
Sorciers</font></a>
</td></tr></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

{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 -->

 <DIV align=center><FONT size=2>Poudlard Univers.org<BR>Toute reproduction en totalité ou en partie est interdite.<BR>Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.<BR>© 2011/2012 Design by C.Sébastien © 2011/2012 Projet par C.Sébastien, Jeff, C. Rémi<BR>Optimisé pour Firefox 3, Internet Explorer 7, Safari 3 et Opera 9</FONT></DIV>

Et mon css :

Code:
.dersuj {
border : 1px solid #000000;
margin : 20px;
}

.descrip {
margin-top : 20px;
margin-left : 20px;
margin-right : 20px;
min-height : 61px;
}

/*Titre des catégories*/
        .secondarytitle{
        background-color: transparent;
}
        .secondarytitle h2 {
        background-color: transparent;
        color : #ffffff;
        font-size : 20px;
        font-family : Gentium Basic;
        }
 .forumlink {
        background-color: transparent;
        background-position:left bottom;
        }

  a.forumlink {
    background-color: transparent;
    color : #ffffff;
    font-size : 13px;
    font-family : Gentium basic;
    padding-left : 10px;
    }

.catfond {
background-image: url('http://img68.xooimage.com/files/e/2/5/sans-titre-13-copie-2a866ef.png');
background-repeat: repeat;
background-position: top center;
height: 200px;
width: 900px;}


.infobulle{position: relative;z-index: 0;}
.infobulle:hover{z-index: 50;}
.infobulle span{  position: absolute;visibility: hidden;}
.infobulle:hover span{  visibility: visible;  top: 15px;  left: 20px;  width: auto;  color:#FFFFFF;  font-size: 17px;  font-family: Palatino, time new roman, serif;}
.infobulle a{color:#FFFFFF;}
.infobulle a:hover{color:#FFFF00;}

body{
  background-position:top center;
  background-repeat:repeat;
}

.zonegroupe {
background-color : transparent;
}

a { text-decoration: none; }

.bodyline {
-moz-border-radius:6px;
}

.groupe {
border : 3px dashed #ffffff;
font-size : 18px;
margin : 10px;
padding : 3px;
}

Cordialement,

Merci
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par SoraNoHime Lun 11 Juil 2011, 11:18

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" 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 -->
            <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" 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 -->
    <br><center><img src="http://i43.servimg.com/u/f43/16/63/49/41/qeel_b10.jpg"></center>
   
    <center><table cellspacing='50' >
      <tr>
    <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; "><span class="gensmall">

    <span class="gensmall">
                    <span id="messages">{TOTAL_POSTS}</span>
                    <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers de Poudlard Univers ont jeté :");

    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/message/,"sort");
        document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sorts");
                    </script><br><br>
               
                    <span id="users">{TOTAL_USERS}</span>
                    <script type="text/javascript">
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"L'univers de Poudlard compte");
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"sorciers rescensés");         
                    </script><br><br>

                    <span id="newuser">{NEWEST_USER}</span>
                    <script type="text/javascript">              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le sorcier le plus récent à avoir pris le Poudlard Express est");
                    </script><br><br>

                    <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                    <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"personne dans l'école");      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"personnes dans l'école");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Sorcier");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Sorciers");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Sous cape d'invisibilité");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Sous cape d'invisibilité");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Cracmol");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Cracmol");
                    </script><br>
                    </script><br>

                    <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                    <script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Sorciers recensés");        document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers recensés");
                    </script><br>

                    <span id="record">{RECORD_USERS}</span>
                    <script type="text/javascript">              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de sorciers vu à Poudlard Univers est de");
                    </script><br>
                    </span>
            </td>

            <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; ">
                                   
                        <div style="background;>{L_CONNECTED_MEMBERS}</div>

    </center>
    </td>
    </tr>
    </table>
    <table width="100%"><tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g1-direction" class="groupe"><font color="#6600FF">Direction</font></a>
    <a href="http://www.poudlardunivers.org/g3-membres-du-ministere" class="groupe"><font color="#336600">Membres du Ministère</font></a>
    <a href="http://www.poudlardunivers.org/g2-moderateurs" class="groupe"><font color="#000099">Modérateurs</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g4-professeurs-de-poudlard-univers" class="groupe"><font color="#660000">Professeurs de Poudlard Univers</font></a>
    <a href="http://www.poudlardunivers.org/g5-personnel-de-poudlard-univers" class="groupe"><font color="#0066CC">Personnel de Poudlard Univers</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g6-aurors" class="groupe"><font color="#CC6600">Aurors</font></a>
    <a href="http://www.poudlardunivers.org/g7-medicomages" class="groupe"><font color="#999900">Médicomages</font></a>
    <a href="http://www.poudlardunivers.org/g8-marchands" class="groupe"><font color="#99CCCC">Marchands</font></a>
    <a href="http://www.poudlardunivers.org/g9-ordre-du-phenix" class="groupe"><font color="#663333">Ordre du phénix</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g10-mangemorts" class="groupe"><font color="#333333">Mangemorts</font></a>
    <a href="http://www.poudlardunivers.org/g11-gryffondor" class="groupe"><font color="#CC0000">Gryffondor</font></a>
    <a href="http://www.poudlardunivers.org/g12-poufsouffle" class="groupe"><font color="#FFCC00">Poufsouffle</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g13-serdaigle" class="groupe"><font color="#3333CC">Serdaigle</font></a>
    <a href="http://www.poudlardunivers.org/g14-serpentard" class="groupe"><font color="#003300">Serpentard</font></a>
    <a href="http://www.poudlardunivers.org/g15-sorciers" class="groupe"><font color="#FFFFFF">Sorciers</font></a>
    </td></tr></table>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />

    {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 -->

    <DIV align=center><FONT size=2>Poudlard Univers.org<BR>Toute reproduction en totalité ou en partie est interdite.<BR>Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.<BR>© 2011/2012 Design by C.Sébastien © 2011/2012 Projet par C.Sébastien, Jeff, C. Rémi<BR>Optimisé pour Firefox 3, Internet Explorer 7, Safari 3 et Opera 9</FONT></DIV>

Voici votre template, j'ai reformaté le tableau en fonction de vos données css. Cela correspond-t-il mieux à vos attentes ?
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 13:57

Bonjour,

Le résultat obtenu n'est pas ce que je voulais avoir, néanmoins permettez moi de vous demandez quelque chose de différent.

Pouvez vous au lieu des pointillés me mettre des points, qui formeraient un cadre avec la couleur intérieure suivante : #996633, les catégories seraient en majuscules.
Un exemple un peu comme je voudrais : http://nineteen-years-later.forums-actifs.com/

Merci beaucoup pour l'aide que vous m'apportez. Yahoo
Cordialement

Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Design Groupes

Message par Horatio Lun 11 Juil 2011, 16:19

Bonsoir,

J'ai réussi grace à votre aide et au petit bidouillage que j'ai fais à obtenir ce que je voulais.

Cordialement résolu
Merci
Horatio

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio 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