Mettre un fond au QEEL
4 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
Mettre un fond au QEEL
Détails techniques
Version du forum : phpBB3Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : origine
Lien du forum : http://amicaledescallois.forumactif.com/
Description du problème
Bonjour,J'ai vu plusieurs sujets mais je n'ai pas tout saisi. Je souhaite mettre un fond à mon QEEL et par la suite j’enlèverai le footer (c'est lui qui deviendra l'image de fond du QEEL)
Je vous joins mon index_body qui doit être mofifier
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="M14_stats">
<script>
$(function(){if(_userdata["session_logged_in"] !== 1)
$('.M14_stats').remove();
});
</script>
<!-- BEGIN switch_viewonline_link -->
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br />
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
<!-- BEGIN switch_statistics_link -->
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
Je sais aussi qu'il faut modifier le CSS mais je ne sais pas comment et Mettre le lien de la photo
https://i.servimg.com/u/f62/14/75/62/44/bandea11.png)
Merci d'avance.
Dernière édition par LOBODU89 le Ven 12 Jan 2018 - 16:30, édité 1 fois
Re: Mettre un fond au QEEL
Bonjour,
Pour effectuer un fond au QEEL:
1. On va utiliser une balise id, pour l'exemple on va l'appeler "QEELperso".
2. Se rendre dans la feuille de style CSS et affecter les propriétés suivant à la balise QEELperso :
3. Se rendre dans PA > Templates > Général > index_body.
3.1. Pour englober seulement le Qui est en ligne :
Repérer :
3.2. Pour englober le Qui est en ligne avec les statistiques :
Repérer :
3.3. Pour englober jusqu'à la chatbox :
Repérer :
4. Visualiser le template temporairement avec le lien rouge "en attente" puis Valider.
Pour effectuer un fond au QEEL:
1. On va utiliser une balise id, pour l'exemple on va l'appeler "QEELperso".
2. Se rendre dans la feuille de style CSS et affecter les propriétés suivant à la balise QEELperso :
- Code:
#QEELperso {
.background-color: #FFFFF; /* blanc pour exemple */
}
3. Se rendre dans PA > Templates > Général > index_body.
3.1. Pour englober seulement le Qui est en ligne :
Repérer :
- Code:
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
- Code:
<div id="QEELperso">
- Code:
</div>
- Code:
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
3.2. Pour englober le Qui est en ligne avec les statistiques :
Repérer :
- Code:
<p class="page-bottom">
{NEWEST_USER}
</p>
- Code:
</div>
3.3. Pour englober jusqu'à la chatbox :
Repérer :
- Code:
{CHATBOX_BOTTOM}
4. Visualiser le template temporairement avec le lien rouge "en attente" puis Valider.
Re: Mettre un fond au QEEL
Bonjour @_Ayno,
Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
|
Re: Mettre un fond au QEEL
Bonsoir @_Ayno,
Merci pour votre réponse, je ne trouve pas la ligne rubrique "3.1."
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
Car mon template est modifier et mon QEEL très allégé, comme vous pouvez le voir ci-dessous.
Mon souhait serait d'insérer l'image ci-dessous:
en fond de QEEL.
Merci pour votre réponse, je ne trouve pas la ligne rubrique "3.1."
<div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
Car mon template est modifier et mon QEEL très allégé, comme vous pouvez le voir ci-dessous.
Mon souhait serait d'insérer l'image ci-dessous:
en fond de QEEL.
Re: Mettre un fond au QEEL
Chacha a écrit:Bonjour @"_Ayno",
Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
- Le gras et la couleur (réservés au staff de ce forum),
- L'écriture en SMS (abréviations)
Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum.
Pour le gras je reconnais en avoir mis beaucoup afin de mettre de la clarté dans mon explications qui prend particulièrement de la place.
Pour le sms ou les abréviations je ne vois pas.
Re: Mettre un fond au QEEL
@LOBODU89,
pour trouver facilement la ligne; utiliser la fonction de rechercher en insérant "L_WHO_IS_ONLINE" par exemple. (ou un autre mot pour l'exemple)
pour le background utiliser la propriété :
pour trouver facilement la ligne; utiliser la fonction de rechercher en insérant "L_WHO_IS_ONLINE" par exemple. (ou un autre mot pour l'exemple)
pour le background utiliser la propriété :
- Code:
.QEELperso {
background-image: url('http://lienversvotreimage');
background-repeat: no-repeat; /*pour éviter la répétition du bg*/
}
Re: Mettre un fond au QEEL
Vous avez mis :_Ayno a écrit:Chacha a écrit:Bonjour @_Ayno,
Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
- Le gras et la couleur (réservés au staff de ce forum),
- L'écriture en SMS (abréviations)
Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum.
Pour le gras je reconnais en avoir mis beaucoup afin de mettre de la clarté dans mon explications qui prend particulièrement de la place.
Pour le sms ou les abréviations je ne vois pas.
Bonjour,
- Code:
[size=16][color=#0066ff][b]Bonjour, [/b][/color][/size]
Cordialement.
Re: Mettre un fond au QEEL
Bonjour @_Ayno,
Merci pour votre aide.
Dans la recherche de "L_WHO_IS_ONLINE" , voici le code que je trouve correspondant
il n'y a pas d'autres "L_WHO_IS_ONLINE"
Je ne sais donc pas exactement quel endroit je doit mettre
Bien Cordialement
Merci pour votre aide.
Dans la recherche de "L_WHO_IS_ONLINE" , voici le code que je trouve correspondant
- Code:
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
il n'y a pas d'autres "L_WHO_IS_ONLINE"
Je ne sais donc pas exactement quel endroit je doit mettre
- Code:
<div id="QEELperso">
</div>
Bien Cordialement
Re: Mettre un fond au QEEL
Bonjour,
voilà vous avez trouvé, il faut mettre l'ouverture de balise div avant ce que vous avez montré, et la fermture "</div>" là où vous le souhaitez selon ce que vous voulez prendre en compte avec le bg.
voilà vous avez trouvé, il faut mettre l'ouverture de balise div avant ce que vous avez montré, et la fermture "</div>" là où vous le souhaitez selon ce que vous voulez prendre en compte avec le bg.
Re: Mettre un fond au QEEL
Pouvez-vous coller le template modifié ici sil vous plait
Re: Mettre un fond au QEEL
@_Ayno
Les lignes ajoutées dans le index-body se situent aux lignes 77 et 138
Les lignes ajoutées dans le index-body se situent aux lignes 77 et 138
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="M14_stats">
<script>
$(function(){if(_userdata["session_logged_in"] !== 1)
$('.M14_stats').remove();
});
</script>
Voici les lignes ajoutées au CSS
*********************************** QEEL **************************************/
.
.QEELperso {
background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat: no-repeat; /*pour éviter la répétition du bg*/
}
Cordialement
<!-- BEGIN switch_viewonline_link -->
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<div id="QEELperso">
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br />
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
<!-- BEGIN switch_statistics_link -->
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
</div>
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
Re: Mettre un fond au QEEL
Vous vous méprenez,
ce que vous avez fait n'est pas bon.
Le code
est à mettre dans la feuille de style css, pour se faire il faut se rendre dans le Panneau d'administration > Affichage > Couleurs > Feuille CSS
Ensuite sur le template :
mettre l'ouverture de la balise :
ce que vous avez fait n'est pas bon.
Le code
- Code:
#QEELperso {
background-image: url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat: no-repeat; /*pour éviter la répétition du bg*/
est à mettre dans la feuille de style css, pour se faire il faut se rendre dans le Panneau d'administration > Affichage > Couleurs > Feuille CSS
Ensuite sur le template :
mettre l'ouverture de la balise :
- Code:
<div id="QEELperso">
- Code:
<!-- BEGIN switch_viewonline_nolink -->
- Code:
</div>
- Code:
<!-- END disable_viewonline -->
Re: Mettre un fond au QEEL
Bonsoir @Ayno,
Merci pour l'aide
J'ai bien mis les lignes dans le CSS et j'ai rajouté le "}" manquant
J'ai bien mis l'ouverture de la balise à la ligne 74 juste avant (<!-- BEGIN switch_viewonline_nolink -->)
J'ai bien mis la fermeture de la balise à la ligne 132 juste après (<!-- END disable_viewonline -->)
Je n'obtiens aucun changement mais aucune erreur et aucun décalage, rien ne change.
J'ai aussi changé l'adresse de l'image dans le CSS pour ne pas la confondre avec le footer qui était la même image et toujours pas de fond de QEEL. C'est à se tirer les cheveux.
Cordialement
Merci pour l'aide
J'ai bien mis les lignes dans le CSS et j'ai rajouté le "}" manquant
J'ai bien mis l'ouverture de la balise à la ligne 74 juste avant (<!-- BEGIN switch_viewonline_nolink -->)
J'ai bien mis la fermeture de la balise à la ligne 132 juste après (<!-- END disable_viewonline -->)
Je n'obtiens aucun changement mais aucune erreur et aucun décalage, rien ne change.
J'ai aussi changé l'adresse de l'image dans le CSS pour ne pas la confondre avec le footer qui était la même image et toujours pas de fond de QEEL. C'est à se tirer les cheveux.
Cordialement
Re: Mettre un fond au QEEL
en relisant mon code css j'ai vu que j'ai fait une erreur entre les parenthèses, il faut y mettre des apostrophes : url('LIEN').
si aucun changement, merci de copier/coller la template complète pour voir si y'a à modifier
sur mon phpbb3 avec bg color :
avec bg image :
si aucun changement, merci de copier/coller la template complète pour voir si y'a à modifier
sur mon phpbb3 avec bg color :
avec bg image :
Re: Mettre un fond au QEEL
Bonjour _Ayno,
Merci pour votre patiente et votre persévérance, je n'ai toujours pas le fond de qeel qui apparait.
Je vous joins mon template, les deux lignes ajoutées se trouvent aux lignes 75 et 133.
Cordialement.
Merci pour votre patiente et votre persévérance, je n'ai toujours pas le fond de qeel qui apparait.
Je vous joins mon template, les deux lignes ajoutées se trouvent aux lignes 75 et 133.
- Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />
<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->
<!-- BEGIN message_admin_index -->
<div class="panel introduction">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN message_admin_titre -->
<div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
<!-- END message_admin_txt -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END message_admin_index -->
{CHATBOX_TOP}
{BOARD_INDEX}
<!-- BEGIN disable_viewonline -->
<div class="qeel"><center>
<div class="M14_stats">
<script>
$(function(){if(_userdata["session_logged_in"] !== 1)
$('.M14_stats').remove();
});
</script>
<!-- BEGIN switch_viewonline_link -->
<!-- END switch_viewonline_link -->
<div id="QEELperso">
<!-- BEGIN switch_viewonline_nolink -->
<div class="h3">{L_WHO_IS_ONLINE}</div>
<!-- END switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}
{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<br />
<em>{LEGEND} : {GROUP_LEGEND}</em>
</p>
<div class="clear"></div>
<!-- BEGIN switch_statistics_link -->
<div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
<!-- END switch_statistics_link -->
<!-- BEGIN switch_statistics_nolink -->
<div class="h3">{L_STATISTICS}</div>
<!-- END switch_statistics_nolink -->
<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
</div>
<!-- BEGIN switch_chatbox_activate -->
<div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
<div class="page-bottom">
{TOTAL_CHATTERS_ONLINE} :
{CHATTERS_LIST}<br />
</div>
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
</script>
<!-- END switch_chatbox_popup -->
<!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
</div>
{CHATBOX_BOTTOM}
<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div class="user_login_form center">
<label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
<label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
<label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
<!-- BEGIN switch_social_login -->
<div class="social_btn">
<!-- BEGIN fb_connect -->
<div class="fb-login-button"></div>
<!-- END fb_connect -->
<!-- BEGIN topicit_connect -->
<div class="ti-connect"></div>
<!-- END topicit_connect -->
</div>
<!-- END switch_social_login -->
</div>
</form>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->
<br style="clear:both" />
<!-- BEGIN switch_legend -->
<ul id="picture_legend">
<li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
<li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
<li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->
{AUTO_DST}
Cordialement.
Re: Mettre un fond au QEEL
Re,
j'ai vérifié la template ça me semble correct,
après le css il y avait juste le petit oublie de ma part.
J'ai tout essayé, je ne comprends, sur mon forum ça fonctionne.
j'ai vérifié la template ça me semble correct,
après le css il y avait juste le petit oublie de ma part.
J'ai tout essayé, je ne comprends, sur mon forum ça fonctionne.
Re: Mettre un fond au QEEL
Re,
Pourrait il y avoir des interférences entre le template et mon CSS ?
Cordialement
Pourrait il y avoir des interférences entre le template et mon CSS ?
Cordialement
Re: Mettre un fond au QEEL
Hum... Le problème ici, c'est que dans ton template tu as ça :
et dans ta CSS tu as ça :
Du coup, ça ne matche pas...
Correction :
Dans le template :
Dans la CSS :(on supprime le "point" qui ne sert à rien)
- Code:
<div class="qeel"><center>
et dans ta CSS tu as ça :
- Code:
. #QEELperso{
background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat:no-repeat
}
Du coup, ça ne matche pas...
Correction :
Dans le template :
- Code:
<div id="QEELperso"><center>
Dans la CSS :(on supprime le "point" qui ne sert à rien)
- Code:
#QEELperso{
background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat:no-repeat
}
Re: Mettre un fond au QEEL
Merci @Miettes d'être intervenu, je n'ai pas fait attention a ces choses
Re: Mettre un fond au QEEL
Merci @Miettes @_Ayno
J'ai fait la modification dans le CSS et le template en supprimant la ligne "<div class="qeel"><center>" et en ajoutant l'autre mais toujours le même résultat , pas de fond à l’horizon.
Cordialement
J'ai fait la modification dans le CSS et le template en supprimant la ligne "<div class="qeel"><center>" et en ajoutant l'autre mais toujours le même résultat , pas de fond à l’horizon.
Cordialement
Re: Mettre un fond au QEEL
tu as bien publié le template ? Parce qu'en regardant le code de ton forum, je vois toujours
EDIT :
Et je vois toujours l'erreur dans la CSS :
il faut supprimer le . avant #
- Code:
<div class="qeel"><center>
EDIT :
Et je vois toujours l'erreur dans la CSS :
- Code:
. #QEELperso{
background-image:url(https://i62.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat:no-repeat
}
il faut supprimer le . avant #
Dernière édition par Miettes le Ven 12 Jan 2018 - 16:15, édité 1 fois
Re: Mettre un fond au QEEL
Oups @Miettes
Là il est publié, c'est pareil.
Là il est publié, c'est pareil.
Re: Mettre un fond au QEEL
C'est bien sur ce forum hein ?
http://amicaledescallois.forumactif.com/
Et je vois toujours l'erreur dans la CSS :
[code]. #QEELperso{
background-image:url(https://i.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat:no-repeat
}[/b]
il faut supprimer le . avant #
http://amicaledescallois.forumactif.com/
Et je vois toujours l'erreur dans la CSS :
[code]. #QEELperso{
background-image:url(https://i.servimg.com/u/f62/14/75/62/44/bandea11.png);
background-repeat:no-repeat
}[/b]
il faut supprimer le . avant #
Re: Mettre un fond au QEEL
Big merci @Miettes @_Ayno
Vous êtes des chefs, je n'avais pas vu le point plus haut dans le CSS.
Je vais maintenant essayer de centrer l'image et la réduire en hauteur dans le QEEL, c'est une autre paire de manches.
Merci beaucoup
Vous êtes des chefs, je n'avais pas vu le point plus haut dans le CSS.
Je vais maintenant essayer de centrer l'image et la réduire en hauteur dans le QEEL, c'est une autre paire de manches.
Merci beaucoup
Re: Mettre un fond au QEEL
Ah nickel =)
N'oublie pas de passer le topic en résolu du coup ^^
bon courage pour ton autre problème
N'oublie pas de passer le topic en résolu du coup ^^
bon courage pour ton autre problème
Sujets similaires
» Mettre une image de fond à un header de fond
» Mettre une image en fond de mon QEEL
» Fond du QEEL à mettre transparent
» QEEL, image en fond
» Comment mettre une image en fond lorsque notre bannière est déjà le fond ?
» Mettre une image en fond de mon QEEL
» Fond du QEEL à mettre transparent
» QEEL, image en fond
» Comment mettre une image en fond lorsque notre bannière est déjà le 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