Code pour QEEL personnalisé

[MelissaD]

Bonjour,

Voilà je voudrais faire un QEEL personnalisé pour mon forum mais je ne sais pas comment faire... Pourriez-vous m'aider ?

J'ai déjà fait l'image, et une fois que vous la verrez vous comprendrez (enfin j'espère) :

Spoiler:

Merci d'avance

[Lixyr]

Bonjour.

Avez-vous déjà les images pour réaliser ce QEEL ?
Avez-vous déjà modifié votre template index_body ?

[MelissaD]

Bonjour,

Pour les images je n'ai pas bien compris... Il n'en faut qu'une normalement, non? Si oui, je l'ai mise en aperçu dans mon 1er message...
Et oui j'ai déjà modifié ma template Index_Body.

Bonne journée

[Lixyr]

Justement, vous avez une image de fond apparemment, si j'en regarde votre image de présentation. Une image violette avec une fille à capuche.
Ainsi que les images des titres : groupes ; qui est avec nous ? et Membres connectés au cours des 24 dernières heures.


Vous pouvez me poster votre template index_body modifié entre deux balises codes, ainsi que le css ? Merci.

[MelissaD]

Voici la 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" 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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <td class="catHead" colspan="2" height="28">
        <!-- BEGIN switch_viewonline_link -->
        <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
        <!-- END switch_viewonline_link -->

        <!-- BEGIN switch_viewonline_nolink -->
        <span class="cattitle">{L_WHO_IS_ONLINE}</span>
        <!-- END switch_viewonline_nolink -->
        </td>
    </tr>
    <tr>
        <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
        <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
        {TOTAL_USERS}<br />
        {NEWEST_USER}</span></td>
    </tr>
    <tr>
        <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}<br />
        <br />
        {LOGGED_IN_USER_LIST}</span></td>
    </tr>
    {L_CONNECTED_MEMBERS}
    {L_WHOSBIRTHDAY_TODAY}
    {L_WHOSBIRTHDAY_WEEK}
    <tr>
        <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
    </tr>
    <!-- BEGIN switch_chatbox_activate -->
    <tr>
        <td class="row1">
            <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>
<!-- 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>  </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
});
//]]>
</script>
<!-- END switch_fb_index_login -->
<html><head>
<style type="text/css">
.mycss
{
font-weight:normal;font-variant:small-caps;color:#000000;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;
}
</style>
</head>
<body>
<p class="mycss">© BlackRiver RPG.</p>

Et le CSS :

Code:

/******************* NAVIGATION******************************/

a.mainmenu{
margin-left : 4px;
margin-right : 4px;
font-family : Trebuchet MS;
color: #000000;
background-color: #DFCAE3;
text-align:none;
border-left: 4px solid #A061AD;
border-right: 4px solid none;
}


/******************* FIN******************************/








/******************* PA******************************/
.titre {
text-align: center;
font-size: 16px;
font-style: oblique;
margin-top: 1%;
background: #DFCAE3;
-moz-border-radius: 20px;
display: block;}

.fond {
background-color: #C7A2CF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
vertical-align: top;
}

.lienpa {
border-left: 10px solid #C7A2CF;
border-right: 10px solid #C7A2CF;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-radius-topright: 10px;
background-color: #C7A2CF;
text-align: center;
}

.imginfo {  /* INFOBULLES */
  position: relative;
  color: #7d7d7d; /* couleur de votre texte */
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

.imginfo span {
  display: none; /* on masque l'infobulle */
}
.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 10px; /* on positionne notre infobulle */
  left: 20px;
  background: #DFCAE3;
  color: #7d7d7d;
  padding: 3px;
  border: 0px solid #FFFFFF;
  border-left: 5px solid #FFFFFF; /* vos couleurs et taille de bordures */
  border-right: 3px solid #FFFFFF;
  border-top: 3px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}


/******************* FIN******************************/




/******************* ARRONDISSEMENT DES BOUTONS DU FORUM******************************/

.button2{ -moz-border-radius: 5px;}

/******************* FIN******************************/




/******************* ARRONDISSEMENT DU CADRE DU FORUM******************************/

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

/******************* FIN******************************/



/******************* FOND EN NO REPETITION******************************/

body{
background-image: url('http://nsa27.casimages.com/img/2011/07/12/110712054050465706.png');
background-repeat: no-repeat;}

/******************* FIN******************************/




/******************* LIENS GRANDISSANT AU SURVOL DE LA SOURIS******************************/

a:hover {
text-decoration: none !important;
text-transform: uppercase;
border-bottom : 1px dotted #000000
font-variant: small-caps;
letter-spacing : 2px;
}

/******************* FIN******************************/




/******************* ENLEVER SOULIGNEMENT DES LIENS******************************/

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

/******************* FIN******************************/

[Lixyr]

Merci.

Vous savez vous y prendre avec la modification du QEEL, et avec les tableaux en html ?

[MelissaD]

Hum.. Non, pas trop. La seule fois que j'ai modifié mon QEEL c'était pour faire un truc super simple... (Mettre une image sur tout le long et les groupes se mettaient automatiquement dessus...)

[Lixyr]

D'accord. Vous avez les images, donc ? Que je mesure bien la taille etc, pour ne pas faire de bêtises.

[MelissaD]

Je dois faire quoi pour les images ? Découper dans l'image chaque emplacement de groupes, etc ?

[Lixyr]

Non non. L'image de fond que vous voulez, en haut : celle en violet, avec sa capuche. J'imagine que si vous l'avez mise dans l'image de présentation, c'est que vous la voulez dans votre QEEL, non ?

[MelissaD]

Oui c'est bien ça =)

[Lixyr]

D'accord. Alors il me la faudrait si vous voulez que je teste quelque chose. Ce sera beaucoup plus simple.

[MelissaD]

Voici le lien de l'image ^^ : https://nsa27.casimages.com/img/2011/07/12/110712073328977636.png

[Lixyr]

D'accord, donc finalement, toute l'image est le fond. Oki. Alors je vais voir pour faire ça.

C'est pour ce forum-ci ? forum

Vous voulez des couleurs spéciales pour les groupes.
D'ailleurs, vous voulez les mettre dans quel sens ?

[MelissaD]

Non, c'est pour ce forum : http://blackriver-rpg.forumgratuit.org/

Sinon je préfère que tout reste en noir / gris (entre les deux) et pour le sens je veux bien vertical (par là >)

Bonne soirée ^^

[Lixyr]

D'accord, merci. Je ferai ça demain. ^^

[MelissaD]

Ok merci ^^

[Lixyr]

Désolée en ce moment je travaille, alors je suis débordée. Demain je suis en repos, je vous ferai, ça. ^^

[MelissaD]

D'accord merci

[Lixyr]

J'ai oublié un détail. ><
Quelle est la largeur de votre forum ?
Parce que comme je vais devoir travailler surtout sur les px, les pourcentages etc, j'ai besoin de la valeur exacte de la largeur de votre forum pour être synchro avec votre QEEL.

[MelissaD]

Comment voit-on la largeur d'un forum ? ^^'
Mais normalement la largeur du qeel n'est pas suffisant ???

[Lixyr]

Vous pourrez modifier ça, sinon, via le css.

J'ai ébauché un truc :

Template entier 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 -->
    <table class="QEEL" width="100%" border="0" cellspacing="16" cellpadding="0">
        <tr>
          <td width="100%">
                <table border="0" width="100%">
                      <tr>
          <td width="62%"></td>
          <td width="38%" height="200" align="right" valign="top" style="font-size:11px;">

<table cellspacing="16" valign="top" style="text-align:right; padding-top:8px;" border="0" width="100%">
<tr><td align="center"><font color="#1B7538">Chasseur</font></td>
<td align="left"><font color="#994949">Loup-Garou</font> </td>
</tr>
<tr><td align="center"><font color="#F52727">Vampire</font></td>
<td align="left"><font color="#8844A3">Sorcières</font></td>
</tr>
<tr><td align="center"><font color="#112747">Journalistes</font></td>
<td align="left"><font color="#DBC84C">Shérif & co.</font></td>
</tr>
<tr><td align="center"><font color="#54A82A">Autres créatures</font></td>
<td align="left"><span style="font-size:9px;"><font color="#28A5B5">Civils de BlackRiver</font></span></td>
</tr>
<tr><td colspan="2" align="center"><font color="#FFB152">Médiums</font></td>
</tr></table></td></tr></table>

</td>
</tr>
<tr>

            <td width="100%">

<table border="0" cellpadding="5" width="55%" height:"197" style="text-align:center; margin-left:22%; padding-top:8px;"><tr><td>

<span class="gensmall">{TOTAL_POSTS}<br />
            {TOTAL_USERS}<br />
            {NEWEST_USER}</span><br>
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}<br />
            <br />
            {LOGGED_IN_USER_LIST}</span>
</td>
        </tr>
</table>
</td>
</tr>
<tr><td>

        <table style="margin-left: 7%; padding-top:8px;" width:"100%"><tr><td>
<table border="0" class="connectes" cellspacing="10" width="645" height="60" valign="top">{L_CONNECTED_MEMBERS}</table>
</td></tr></table>
     
        <!-- BEGIN switch_chatbox_activate -->
        <tr>
            <td>
                <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>
    <!-- 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>  </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
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->
    <html><head>
    <style type="text/css">
    .mycss
    {
    font-weight:normal;font-variant:small-caps;color:#000000;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1;
    }
    </style>
    </head>
    <body>
    <p class="mycss"> BlackRiver RPG.</p>

et css entier :

Code:

    /******************* NAVIGATION******************************/

    a.mainmenu{
    margin-left : 4px;
    margin-right : 4px;
    font-family : Trebuchet MS;
    color: #000000;
    background-color: #DFCAE3;
    text-align:none;
    border-left: 4px solid #A061AD;
    border-right: 4px solid none;
    }


    /******************* FIN******************************/








    /******************* PA******************************/
    .titre {
    text-align: center;
    font-size: 16px;
    font-style: oblique;
    margin-top: 1%;
    background: #DFCAE3;
    -moz-border-radius: 20px;
    display: block;}

    .fond {
    background-color: #C7A2CF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    vertical-align: top;
    }

    .lienpa {
    border-left: 10px solid #C7A2CF;
    border-right: 10px solid #C7A2CF;
    -moz-border-radius-topleft: 10px;
    -webkit-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius-topright: 10px;
    background-color: #C7A2CF;
    text-align: center;
    }

    .imginfo {  /* INFOBULLES */
      position: relative;
      color: #7d7d7d; /* couleur de votre texte */
      text-decoration: none;
      border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
    }

    .imginfo span {
      display: none; /* on masque l'infobulle */
    }
    .imginfo:hover {
      background: none; /* correction d'un bug IE */
      z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
      cursor: help; /* on change le curseur par défaut en curseur d'aide */
    }
    .imginfo:hover span {
      display: inline; /* on affiche l'infobulle */
      position: absolute;
      white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
      top: 10px; /* on positionne notre infobulle */
      left: 20px;
      background: #DFCAE3;
      color: #7d7d7d;
      padding: 3px;
      border: 0px solid #FFFFFF;
      border-left: 5px solid #FFFFFF; /* vos couleurs et taille de bordures */
      border-right: 3px solid #FFFFFF;
      border-top: 3px solid #FFFFFF;
      border-bottom: 5px solid #FFFFFF;
    }


    /******************* FIN******************************/




    /******************* ARRONDISSEMENT DES BOUTONS DU FORUM******************************/

    .button2{ -moz-border-radius: 5px;}

    /******************* FIN******************************/




    /******************* ARRONDISSEMENT DU CADRE DU FORUM******************************/

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

    /******************* FIN******************************/



    /******************* FOND EN NO REPETITION******************************/

    body{
    background-image: url('http://nsa27.casimages.com/img/2011/07/12/110712054050465706.png');
    background-repeat: no-repeat;}

    /******************* FIN******************************/




    /******************* LIENS GRANDISSANT AU SURVOL DE LA SOURIS******************************/

    a:hover {
    text-decoration: none !important;
    text-transform: uppercase;
    border-bottom : 1px dotted #000000
    font-variant: small-caps;
    letter-spacing : 2px;
    }

    /******************* FIN******************************/




    /******************* ENLEVER SOULIGNEMENT DES LIENS******************************/

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

    /******************* FIN******************************/






    /******************* QEEL ******************************/

    .QEEL {background-image:url(http://nsa27.casimages.com/img/2011/07/12/110712073328977636.png);
background-repeat:no-repeat;
background-position:top center;
width:829px;
height:443px;}

.connectes .row1 {background:none !important;text-align:center;vertical-align:top;  overflow-y : auto; }

    /******************* FIN******************************/


[MelissaD]

Je viens de l'essayer sur mon forum test (le compte fondateur du forum où sera mis le QEEL je n'ai pas le mots de passe et la personne qui l'a est déconnecté)

Et les groupes je vois que des fois les noms de groupes sont une fois trop haut une fois trop bas et des fois ils dépassent, il n'y aurait pas moyen de tout bien centrer dans les cases ? Et comment on fait pour mettre un lien de redirection aux groupes respectifs ? (Pour civils de BlackRiver vu que ça dépasse, vous pouvez mettre simplement : Civils).
Et vous pourriez mettre les couleurs des noms de groupes entre noir et gris svp ?

Et une dernière chose, il n'y a pas moyen de retirer la phrase "membres connectés au cours des 24 dernières heures : " ??

Au faite, j'ai trouvé pour la largeur du forum en farfouillant et ils mettent en % : 65%


EDIT : J'ai également vu quelques fautes dans les noms des groupes, des fois ils sont au pluriel et des fois au singulier... Et aussi vous avez mis Sorcières, mais je voudrais : Sorciers, ou : Sorcièr(e)s, svp ^^

EDIT 2 : Le fondateur a mis le QEEL mais il y a un problème... Regardez : http://blackriver-rpg.forumgratuit.org/


Merci ^^

[Lixyr]

Oui, j'ai juste ébauché. Ensuite, il faudra coder un peu plus. Pour les groupes, c'est dur de centrer, puisque les cadres sont dans l'image, on ne peut pas modifier les cadres, donc il faut modifier les cellules, ce qui est plus compliqué.

Pour rajouter un lien, il faut faire comme ceci :

<a href="URL_DE_REDIRECTION"><font color="#CODE_COULEUR">VOTRE_GROUPE</font></a>

( vous avez déjà ce qui est violet, il suffit de rajouter ce qui est en orange, et de remplir par l'url/le lien. Et ce pour chaque groupe.

Modifiez les groupes avec l'orthographe qui vous sied dans le template. ^^


Pour la phrase "membre connectés, on peut l'enlever, oui :

* dans votre QEEL, repérez ceci :

<table border="0" class="connectes" cellspacing="10" width="645" height="60" valign="top">{L_CONNECTED_MEMBERS}</table>

remplacez : <table border="0" class="connectes"
par : <table border="0" class="connected"

* après la variable {L_CONNECTED_MEMBERS}, rajoutez

Code:

<script type="text/javascript">document.getElementById('connected').innerHTML=document.getElementById ('connected').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"");</script>

* et dans votre css, modifiez ceci :
.connectes { par ceci : #connected {
(n'oubliez pas de changer le petit point par un dièse.)

pour le forum, il faut mettre la bonne largeur, pour que ça s'affiche bien. Essayez de mettre à 65%, ou une valeur un petit peu plus grande.

[MelissaD]

Merci j'ai trouvé pour le texte qui sortait, en faite la taille de l'écriture était trop grande et le type d'écriture était trop gros aussi donc j'ai changé les deux.

Par-contre pour enlever la phrase "membres connectés" ça ne va pas, j'ai essayé derrière {L_CONNECTED_MEMBERS} et derrière tout les codes qui se finissaient (</le code>) et rien ne va...
(Je sais, je suis pas du tout douée dans les templates... ^^')

[Lixyr]

^^ Donnez-moi la partie de votre template, que je regarde ça.

[MelissaD]

Voilà ^^ :

Code:


        <table style="margin-left: 7%; padding-top:8px;" width:"100%"><tr><td>
<table border="0" class="connectes" cellspacing="10" width="645" height="60" valign="top">{L_CONNECTED_MEMBERS}
</table>
</td></tr></table>

EDIT : Dernière petite chose, comment retirer "Il y a actuellement 0 utilisateur(s) sur la ChatBox :
[ Rejoindre le Chat ]" qui est en-dessous du QEEL ? Car il fait un peu cloche tout seul au milieu, je crois qu'il s'est perdu x) Il y a une option dans le panneau d'admin pour retirer ou bien c'est un code aussi ?

[Lixyr]

^^ Il faut enlever cette partie dans le template :

Code:

<span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}


Essayez comme ceci pour la modification de la phrase :
Remplacez ceci :

<table style="margin-left: 7%; padding-top:8px;" width:"100%"><tr><td>
<table border="0" class="connectes" cellspacing="10" width="645" height="60" valign="top">{L_CONNECTED_MEMBERS}
</table>
</td></tr></table>

par ceci :

Code:

<table style="margin-left: 7%; padding-top:8px;" width:"100%"><tr><td>
<table border="0" id="connected" cellspacing="10" width="645" height="60" valign="top">{L_CONNECTED_MEMBERS}
    <script type="text/javascript">document.getElementById('connected').innerHTML=document.getElementById ('connected').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"");</script>
</table>
</td></tr></table>

et n'oubliez pas cette partie, que j'ai dite plus haut :

Pour la phrase "membre connectés, on peut l'enlever, oui :

dans votre QEEL, repérez ceci :

<table border="0" class="connectes" cellspacing="10" width="645" height="60" valign="top">{L_CONNECTED_MEMBERS}</table>

remplacez : <table border="0" class="connectes"
par : <table border="0" class="connected"

* après la variable {L_CONNECTED_MEMBERS}, rajoutez

Code:

  <script type="text/javascript">document.getElementById('connected').innerHTML=document.getElementById ('connected').innerHTML.replace(/Membres connectés au cours des 24 dernières heures/,"");</script>

* et dans votre css, modifiez ceci :
.connectes { par ceci : #connected {
(n'oubliez pas de changer le petit point par un dièse.)

[MelissaD]

Coucou,

Je viens d'essayer mais il y a un petit problème...
En-dessous de la liste des membres connectés ces dernières 24 heures, il y a apparut une ligne en-dessous d'une couleur style blanche et il reste les deux petits points de la phrase... =X

Et pour enlever la phrase "Il y a actuellement 0 utilisateur(s) sur la ChatBox :
[ Rejoindre le Chat ]" j'ai enlevé le code comme vous m'avez dit, mais le "Rejoindre le Chat" est resté et il est apparu en plus grosse taille...

[Lixyr]

Okay.

Alors, pour la chat, retirez tout ceci :

Code:


<!-- BEGIN switch_chatbox_activate -->
        <tr>
            <td>
                <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 -->

et pour les membres connectés, rajoutez les deux points dans le code :

<script type="text/javascript">document.getElementById('connected').innerHTML=document.getElementById ('connected').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"");</script>