QEEL en image
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
QEEL en image
Bonjour/bonsoir, c'est ENCORE moi désolé >.<" mais aillant un mauvais niveau de codage vous êtes mes meilleur allié(tout ceux qui m'aiderons aurons bien sur leur forum en copyright )
je voudrais un QEEL avec cette image de fond:
https://i.servimg.com/u/f41/16/61/99/22/touko11.png
bien vous voyez comment c'est déjà le positionnement c'est a dire dans les case orange foncé^^
après voici comment j'aimerais la chose:
https://i.servimg.com/u/f41/16/61/99/22/toukoo10.png
sur les coté c'est des barre qui monte et qui descendes XD(je sais plus le nom)
aucune tp modifiée et css perso mais aucun rapport avec le qeel il me semble.
phpbb2 fonda
merci de vos aide
je voudrais un QEEL avec cette image de fond:
https://i.servimg.com/u/f41/16/61/99/22/touko11.png
bien vous voyez comment c'est déjà le positionnement c'est a dire dans les case orange foncé^^
après voici comment j'aimerais la chose:
https://i.servimg.com/u/f41/16/61/99/22/toukoo10.png
sur les coté c'est des barre qui monte et qui descendes XD(je sais plus le nom)
aucune tp modifiée et css perso mais aucun rapport avec le qeel il me semble.
phpbb2 fonda
merci de vos aide
Re: QEEL en image
Bonsoir
Déjà dans votre template index_box, entre les codes : <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->. supprimez tous ce qui est class="row1" et class="forumline" afin de rendre votre QEEL transparent.
Puis commencez par changer de vous meme les phrases du QEEL. Vous trouverez sur ce post les phrases par défaut du QEEL
Commencez par effectuer ces changements. Puis revenez ici me dire ce qui marche ou ne marche pas. Par la suite nous verrons la mise en place de votre image et le reste ^^.
Cordialement.
Déjà dans votre template index_box, entre les codes : <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->. supprimez tous ce qui est class="row1" et class="forumline" afin de rendre votre QEEL transparent.
Puis commencez par changer de vous meme les phrases du QEEL. Vous trouverez sur ce post les phrases par défaut du QEEL
Commencez par effectuer ces changements. Puis revenez ici me dire ce qui marche ou ne marche pas. Par la suite nous verrons la mise en place de votre image et le reste ^^.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
je ne m'en sors pas avec votre tutoriel>.<
de plus je ne sais pas qu'est-ce que je dois retirer éxactement...
voici mon QEEL actuellement >.<:
https://i.servimg.com/u/f41/16/61/99/22/sans_296.jpg
voila ma TP:
de plus je ne sais pas qu'est-ce que je dois retirer éxactement...
voici mon QEEL actuellement >.<:
https://i.servimg.com/u/f41/16/61/99/22/sans_296.jpg
voila ma TP:
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<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"><span id="bert">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les dresseurs ont combatuent ").replace(/messages/," fois");</script><br />
<span id="matt">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"il y a ")L.replace(/membres enregistrés/," Dresseurs qui ont leur pokemons");</script><br />
<span id="yosh">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"viens de recevoir son starter:"); </script></span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a").replace(/utilisateur en ligne/,"dresseurs en ligne").replace(/utilisateurs en ligne/,"dresseurs en ligne").replace(/Enregistré(s?)/,"combat$1").replace(/Invisible(s?) et/,"se cache$1 et").replace(/Invité(s?)/,"arrive$1");</script><br />
{RECORD_USERS}<br />
<br />
<span id="alpha">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Dresseurs en ville");</script></span></td>
</tr>{L_CONNECTED_MEMBERS}<table class="trans">
{L_WHOSBIRTHDAY_TODAY}<span id="anniv">
</span>{L_WHOSBIRTHDAY_WEEK}
<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Dresseurs souflants leurs bougies:").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Dresseurs soufflants leurs bougies dans la semaine").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas de gateaux aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Pas de gateaux cette semaine");
</script></table>
<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,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Dernière édition par Nyko-neko le Mar 30 Oct 2012 - 23:49, édité 1 fois
Re: QEEL en image
^^ C'est déjà pas mal. Pouvez-vous me fournir le template actuel désormais. ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
post précédent édité
Re: QEEL en image
j'up!
Re: QEEL en image
Bon entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->
1. Remplacez
2. supprimez
3. Supprimez aussi les class="row1"
ici
4. Dans la css ajoutez :
Une fois cela effectuer, dites moi où vous en êtes. Normalement votre image apparait, mais par contre les phrases ne seront pas encore à leur place ^^
1. Remplacez
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
- Code:
<table class="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
2. supprimez
- Code:
<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>
3. Supprimez aussi les class="row1"
ici
- Code:
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
- Code:
<td class="row1" width="100%"><span class="gensmall"><span id="bert">{TOTAL_POSTS}</span>
- Code:
<td class="row1"><span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}</span>
- Code:
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
- Code:
<td class="row1">
4. Dans la css ajoutez :
- Code:
.trans .row1 { background-color : transparent;}
.qeel {background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
);
Une fois cela effectuer, dites moi où vous en êtes. Normalement votre image apparait, mais par contre les phrases ne seront pas encore à leur place ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
quelqu'un?
Re: QEEL en image
s'il vous plais help!! il me manque que ça pour créer mon forum et deux trois bricole Q_Q
Re: QEEL en image
Désolé pour l'attente. Puis-je avoir votre nouveau template complet, ainsi que la css se rapportant à l'image ^^. Ainsi je vérifierai les fautes s'il y en a. Puis nous allons voir comment readrer les phrases au bon endroit
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
merci^^ donc pour la TP:
et le/la CSS:
ma css complète si besoin:
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td width="100%"><span class="gensmall"><span id="bert">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les dresseurs ont combatuent ").replace(/messages/," fois");</script><br />
<span id="matt">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"il y a ")L.replace(/membres enregistrés/," Dresseurs qui ont leur pokemons");</script><br />
<span id="yosh">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"viens de recevoir son starter:"); </script></span></td>
</tr>
<tr>
<td><span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a").replace(/utilisateur en ligne/,"dresseurs en ligne").replace(/utilisateurs en ligne/,"dresseurs en ligne").replace(/Enregistré(s?)/,"combat$1").replace(/Invisible(s?) et/,"se cache$1 et").replace(/Invité(s?)/,"arrive$1");</script><br />
{RECORD_USERS}<br />
<br />
<span id="alpha">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Dresseurs en ville");</script></span></td>
</tr>{L_CONNECTED_MEMBERS}<table class="trans">
{L_WHOSBIRTHDAY_TODAY}<span id="anniv">
</span>{L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Dresseurs souflants leurs bougies:").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Dresseurs soufflants leurs bougies dans la semaine").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas de gateaux aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Pas de gateaux cette semaine");
</script></table>
<tr>
<td><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- 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,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
et le/la CSS:
- Code:
/*QEEL*/
.trans .row1 { background-color : transparent;}
.qeel {background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
);
}
ma css complète si besoin:
- Code:
#page-footer
{
width: 800px;
height: 355px;
margin: auto;
background: url(http://i47.servimg.com/u/f47/17/87/55/98/bdp11.jpg);
border-top: 3px solid #D7BA9D;
}
#page-footer a
{
font-size: 10px;
color: #545454 !important;
}
#page-footer a:hover
{
color: #303030 !important
}
.profil
{
width: 210px;
margin: auto;
padding: 2px;
background: #FCF7EB;
border: 1px dotted #E1AF39;
text-align: center;
}
.name
{
font-size: 14px;
font-variant: small-caps;
}
.profil_avatar
{
border: 1px solid #E1AF39;
background: #e9e9e6;
padding: 4px;
}
.message_contenu
{
text-align: justify;
font-size: 11px;
background: #FCF7EB;
border: 1px dotted #E1AF39;
padding: 10px;
}
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
a.nav img
{
width: 200px;
}
.cate_titre
{
width: 98%;
margin: auto;
text-align: center;
}
.categorie
{
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #EFCD87;
border-top: 3px solid #4c4842;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #FCF7EB;
border: 1px dotted #c0c0c0;
padding: 2px;
}
.forumlink
{
display: block;
width: 350px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
font-size: 16px;
border-bottom: 2px dotted #c0c0c0;
}
.description
{
display: block;
width: 465px;
padding: 2px;
font-size: 11px;
text-align: justify;
color: #a6a6a6;
}
.illu
{
float: right;
margin-right: 15px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #EFCD87;
padding: 5px;
}
.stats_last
{
display: block;
width: 140px;
margin-left: -25px;
background: #FCF7EB;
padding: 10px;
border: 1px dotted #c0c0c0;
}
.stats
{
display: block;
text-align: center;
font-size: 10px;
color: #a6a6a6;
border-bottom: 1px solid #cacaca;
padding-bottom: 4px;
margin-bottom: 4px;
}
.last
{
display: block;
text-align: center;
font-size: 11px;
}
.sous_forum
{
display: block;
width: 98%;
margin: auto;
background: #EFCD87;
padding: 2px;
text-align: center;
}
.forumline
{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #F3E0B4;
border: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;
}
table
{
width: 100%;
margin: auto;
}
#i_logo
{
margin-top: 22px;
}
#navig a
{
font-weight: bold;
color: #FAEFD8 !important;
text-shadow: 1px 1px 0px #F5E0B4;
}
#navig a:hover
{
color: #efefef !important;
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 802px;
margin: auto;
text-align: center;
background: #D7BA9D;
border-bottom: 2px solid #EECB82;
padding-bottom: 3px;
}
a:link, a:link hover
{
text-decoration: none !important;
}
body
{
background:#F6E4BF ;
}
.bodyline
{
width: 800px;
background-attachment: fixed;
background-image: url("http://img11.hostingpics.net/pics/685891fonddepage.png");
background-repeat: repeat;
background-position: top left;
padding: 0;
border-left: 5px solid #D7BA9D;
border-right: 5px solid #D7BA9D;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}
.bodylinewidth
{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
.cate
{
width: 400px;
height: 120px;
overflow: hidden;
border: 2px solid #000000;
background-color: #ffffff;
}
.cate_img
{
position: relative;
z-index: 2;
width: 400px;
height: 120px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
position: relative;
z-index: 1;
width: 400px;
height: 120px;
margin-top: -120px;
text-align: justify;
font-size: 11px;
color: #8c8c8c;
padding: 2px;
overflow: auto;
}
/*QEEL*/
.trans .row1 { background-color : transparent;}
.qeel {background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
);
}
Re: QEEL en image
^^ ok. Petit détail qui compte : as-tu une image dans la gestion des image pour la partie qui est en ligne ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
non je l'ai retirée, elle se voyait par dessus l'image de fond^^
Re: QEEL en image
Donc tu peux déja supprimé cette ligne dans ton code
Ensuite il va nous falloir recaler ce qu'on désire au endroits où on le désire. Pour cela faire un tableau à trois parties comme sur ton image.
Donc :
^^ entre les parties <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> bien sûr.
Remets les parties voulues à la place de celle en gras dans ton template.
- Code:
<td rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
Ensuite il va nous falloir recaler ce qu'on désire au endroits où on le désire. Pour cela faire un tableau à trois parties comme sur ton image.
Donc :
<div class="qeel"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
<td><div class="groupes"> les groupes </div></td>
<td><div class="annivs"> les anniversaires </div></td>
<td><div class="membres"> tout ce qui a attrait aux membres </div></td>
</tr></table></div>
^^ entre les parties <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> bien sûr.
Remets les parties voulues à la place de celle en gras dans ton template.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
tu peux me dire où éxactement je met ce tableau? juste en dessous de <!-- BEGIN disable_viewonline -->?
Re: QEEL en image
Oui ^^ en fait entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline --> tu remplaces tout par le code que je t'ai donné
si tu y arrives tu peux aussi remplacer les termes en gras par toi même, sinon je te donnerai ce que tu dois y mettre
si tu y arrives tu peux aussi remplacer les termes en gras par toi même, sinon je te donnerai ce que tu dois y mettre
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
quand j'essaie par moi même ça me met des
"<td>"/"</td>"/"<div>"/"</div>"
en rouge
et l'image de fond se duplique et se met au dessus des truc :/
"<td>"/"</td>"/"<div>"/"</div>"
en rouge
et l'image de fond se duplique et se met au dessus des truc :/
Re: QEEL en image
Vous pouvez voir ICI ce à quoi j'arrive déjà
Essayez de vider votre cache navigateur . Puis reprennez ce code directement entre les deux balises que je vous ai donné et à la place du tableau
Essayez de vider votre cache navigateur . Puis reprennez ce code directement entre les deux balises que je vous ai donné et à la place du tableau
- Code:
<center><div class="qeel"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
<td><div class="groupes">
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
</div></td>
<td><div class="annivs"> <table class="trans">
{L_WHOSBIRTHDAY_TODAY}<span id="anniv">
</span>{L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Dresseurs souflants leurs bougies:").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Dresseurs soufflants leurs bougies dans la semaine").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Pas de gateaux aujourd'hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Pas de gateaux cette semaine");
</script></table>
</div></td>
<td><div class="membres">
<span class="gensmall"><span id="bert">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Les dresseurs ont combatuent ").replace(/messages/," fois");</script><br />
<span id="matt">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"il y a ")L.replace(/membres enregistrés/," Dresseurs qui ont leur pokemons");</script><br />
<span id="yosh">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"viens de recevoir son starter:"); </script></span>
<span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a").replace(/utilisateur en ligne/,"dresseurs en ligne").replace(/utilisateurs en ligne/,"dresseurs en ligne").replace(/Enregistré(s?)/,"combat$1").replace(/Invisible(s?) et/,"se cache$1 et").replace(/Invité(s?)/,"arrive$1");</script><br />
{RECORD_USERS}<br />
<br />
<span id="alpha">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Dresseurs en ville");</script></span>
<table class="trans">{L_CONNECTED_MEMBERS}</table>
<!-- BEGIN switch_chatbox_activate -->
<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>
<!-- END switch_chatbox_activate -->
</div></td>
</tr></table></div></center>
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
Normal ^^ Il vous manque la css que je suis en train de régler.
remplacer celle du qeel par celle-ci :
remplacer celle du qeel par celle-ci :
- Code:
/*QEEL*/
.trans .row1 { background-color : transparent;}
.qeel {
background-image:url("http://i41.servimg.com/u/f41/16/61/99/22/touko11.png");
background-repeat : no-repeat;
height : 360px;
width : 800px;
padding-top : 130px;
}
.groupes {
margin-left : 55px;
width : 227px;
height : 171px;
overflow : auto;
margin-top : 20px;
}
.annivs {
margin-left : -40px;
margin-top : 50px;
width : 135px;
height : 142px;
overflow : auto;
padding : 5px;
}
.membres {
margin-left : 50px;
width : 187px;
height : 191px;
overflow : auto;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
d'accord^^, j'ai vu ce que vous avez fait sur votre FT, et c'est très beau:)
Re: QEEL en image
Pour les réglages, tout se passe au niveau de la css ici :
au niveau des parties en gras. A vous d'adapter selon la taille de votre forum ^^
.groupes {
margin-left : 55px;
width : 227px;
height : 171px;
overflow : auto;
margin-top : 20px;
}
.annivs {
margin-left : -40px;
margin-top : 50px;
width : 135px;
height : 142px;
overflow : auto;
padding : 5px;
}
.membres {
margin-left : 50px;
width : 187px;
height : 191px;
overflow : auto;
}
au niveau des parties en gras. A vous d'adapter selon la taille de votre forum ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
très bien merci^^ j'ai vu sur des forum qu'on pouvais personnaliser ses scroolbarre(je crois que ça se dit comme ça), comment peut-ont faire?
edit: merci du travail si vous en avez marre je peux voir si quelqu'un peut prendre la relève, il me manque que les nom de groupe et les scroolbarre:
https://i.servimg.com/u/f41/16/61/99/22/toukoo10.png
merci infiniment de votre aide^^
edit: merci du travail si vous en avez marre je peux voir si quelqu'un peut prendre la relève, il me manque que les nom de groupe et les scroolbarre:
https://i.servimg.com/u/f41/16/61/99/22/toukoo10.png
merci infiniment de votre aide^^
Re: QEEL en image
pour le noms des groupes il faut remplacer ainsi :
par
- Code:
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
par
etc... en remplaçant les parties en gras. pour les scrollbarre --" j'ai la mémoire qui flanche je vois ça<span class="gensmall">
<a href="lien vers la page du groupe1">nom du groupe1</a>
<a href="lien vers la page du groupe2">nom du groupe2</a>
<a href="lien vers la page du groupe3">nom du groupe3</a>
<a href="lien vers la page du groupe4">nom du groupe4</a>
</span>
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
merci de te donner du mal :3 c'est très gentil
Re: QEEL en image
Pour coloriser les scrollbarr en fait, ce n'est plus visible que sur IE. Etes-vous toujours ok pour le faire ? http://www.startyourdev.com/css/style-css-scrollbar
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: QEEL en image
c'est bon j'ai reussi grace à matriochka à personnalier mes Scrollbars
Re: QEEL en image
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Sujets similaires
» Problème de superposition de mon texte du qeel et l'image du qeel !
» Image qeel modern bb
» image QEEL !
» QEEL personnalisation image
» QEEL, image en fond
» Image qeel modern bb
» image QEEL !
» QEEL personnalisation image
» QEEL, image en fond
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum