Accueil
Créer un forumProblème de positionnement du background avec le Qeel
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de positionnement du background avec le Qeel
par Azzuen Sam 1 Fév 2014 - 22:37
Bonjour, je ne sais pas si je poste dans la bonne section, mais je m'en excuse d'avance si c'est le cas... En fait j'ai un problème avec mon Qeel, l'image de background ne veut pas se positionner comme je le veux. Mon image ( https://www.zupimages.net/up/14/05/w96h.png ) devrait s'afficher au complet, mais elle s'affiche comme ça ( https://www.zupimages.net/up/14/05/gh2b.bmp ). Et puis, si j'arrive à la mettre au complet ça me fais ça ( https://www.zupimages.net/up/14/05/0k3b.bmp ). J'aimerais pouvoir remonter mon image pour qu'elle soit au dessus au lieu d'en dessous.
Voilà mon code CSS du Qeel:
Merci beaucoup à l'avance!
Voilà mon code CSS du Qeel:
- Code:
/*
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
Code proposé par Miki sur CSSActif
Correction par CSSActif - http://www.css-actif.com
=======================================================
DEBUT DU CODE
=======================================================
*/
/* Conteneur du QEEL */
.Qeel {
border:0px;
background: url("http://zupimages.net/up/14/05/w96h.png") no-repeat top center;
min-height:300px;
}
/* Conteneur principal */
.QeelMain {
padding-left:ESPACEMENTpx;
}
.ListeGroupes {
text-align:center;
}
/* Mise en forme des liens des groupes */
.ListeGroupes a {
display:inline-block;
background:#FFFFFF; /* couleur de fond */
border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
font-size:15px; /* taille du texte */
font-weight: bold; /* épaisseur du texte */
text-decoration: none !important; /* pas de soulignement */
/* coins arrondis (tous navigateurs) */
border-radius:5px;
-moz-border-radius : 5px;
-webkit-border-radius:5px;
}
/* Mise en forme des liens des groupes au survol */
.ListeGroupes a:hover {
background:#F0F0F0;
color:#000000;
}
/* Pour chaque groupe, préciser la couleur */
a.groupe1 { color:#0A522F; }
a.groupe2 { color:#186B10; }
a.groupe3 { color:#4BAB51; }
a.groupe4 { color:#A8F590; }
/* Affichage des statistiques du forum (nombre de sujets, de messages, de membres) */
.LesStatistiques {
text-align:center;
margin:10px 0; /* marges haut/bas et droite/gauche */
}
/* Affichage des membres en ligne (nombres d'enregistrés/invisibles/invités et liste des membres en ligne) */
.MembresOnline {
text-align:center;
margin:10px 0; /* marges haut/bas et droite/gauche */
}
/* Affichage des membres connectés au cours des dernières XX heures */
.Historique {
text-align:center;
margin:10px 0; /* marges haut/bas et droite/gauche */
}
/* Correctif liste 24h */
.Liste24h td.row1 { background : none; }
/*
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
=======================================================
FIN DU CODE
=======================================================
Merci beaucoup à l'avance!
Dernière édition par Azzuen le Dim 2 Fév 2014 - 21:54, édité 1 fois
Azzuen- Nouveau membre
-
Messages : 17
Inscrit(e) le : 26/12/2011
Re: Problème de positionnement du background avec le Qeel
par Yoshikuni Dim 2 Fév 2014 - 10:23
Hello
Ton image fait 389px de hauteur donc c'est normal que tu vois presque rien il faut mettre la hauteur du bloque à l'image donc tu remplace cela dans ton qeel.
Sinon quand tu dis au-dessus, le texte doit être au dessous de l'image ou sur l'image vers la bas ?
Yo
Ton image fait 389px de hauteur donc c'est normal que tu vois presque rien il faut mettre la hauteur du bloque à l'image donc tu remplace cela dans ton qeel.
- Code:
.Qeel {
border:0px;
background: url("http://zupimages.net/up/14/05/w96h.png") no-repeat top center;
height:389px;
}
Sinon quand tu dis au-dessus, le texte doit être au dessous de l'image ou sur l'image vers la bas ?
Yo
Yoshikuni- ***
- Messages : 191
Inscrit(e) le : 07/04/2012
Re: Problème de positionnement du background avec le Qeel
par Azzuen Dim 2 Fév 2014 - 17:15
Bonjour, merci de ta réponse, sauf que mon problème n'est pas réglé. Ça me donne ça ( https://2img.net/r/hpimg15/pics/218597Sanstitre37.png ) Je me suis mal exprimée, pardon. J'ai fais un petit schémas (Affreux) pour que tu puisse comprendre ma demande. ( https://2img.net/r/hpimg15/pics/480006Sanstitre40.png ) Merci~
Azzuen- Nouveau membre
-
Messages : 17
Inscrit(e) le : 26/12/2011
Re: Problème de positionnement du background avec le Qeel
par Yoshikuni Dim 2 Fév 2014 - 17:28
question es ce que le qeel est composé avec un tableau ou simplement d'une balise div ?
Yoshikuni- ***
- Messages : 191
Inscrit(e) le : 07/04/2012
Re: Problème de positionnement du background avec le Qeel
par Azzuen Dim 2 Fév 2014 - 18:14
Je ne comprends pas bien ta question, je ne m'y connais pas vraiment ^^, mais pour installer le Qeel j'ai dû utiliser les templates et le Css. Veux-tu que je te passe aussi le template?
Azzuen- Nouveau membre
-
Messages : 17
Inscrit(e) le : 26/12/2011
Re: Problème de positionnement du background avec le Qeel
par Yoshikuni Dim 2 Fév 2014 - 18:56
Oui pourrais tu me le passer s'il te plait =)
Yoshikuni- ***
- Messages : 191
Inscrit(e) le : 07/04/2012
Re: Problème de positionnement du background avec le Qeel
par Azzuen Dim 2 Fév 2014 - 20:12
Voilààà~
- 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></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</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 -->
<!--
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
Code proposé par Miki sur CSSActif
Correction par CSSActif - http://www.css-actif.com
=======================================================
DEBUT DU CODE
=======================================================
-->
<div class="Qeel">
<div class="QeelMain">
<div class="ListeGroupes">
<a href="http://brokenwonderland.forumactif.org/g2-famille-royale" class="groupe1">Famille royale</a>
<a href="http://brokenwonderland.forumactif.org/g3-unite-speciale" class="groupe2">Unité spéciale</a>
<a href="http://brokenwonderland.forumactif.org/g4-rebelles" class="groupe3">Rebelles</a>
<a href="http://brokenwonderland.forumactif.org/g5-fideles" class="groupe4">Fidèles</a>
</div>
<div class="LesStatistiques">
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}</span>
<br />
<span class="gensmall">{NEWEST_USER}</span>
</div>
<div class="MembresOnline">
<span class="gensmall">{TOTAL_USERS_ONLINE}</span>
<br />
<span class="gensmall">{LOGGED_IN_USER_LIST}</span>
</div>
</div>
<div class="Historique"><table class="Liste24h">{L_CONNECTED_MEMBERS}</table></div>
</div>
<!--
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE (END)
=======================================================
-->
<!-- 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 -->
Azzuen- Nouveau membre
-
Messages : 17
Inscrit(e) le : 26/12/2011
Re: Problème de positionnement du background avec le Qeel
par Yoshikuni Dim 2 Fév 2014 - 21:01
Hello
Alors comme tu peux le voir ce n'est qu'une petite balise div < div class="Qeel" > alors il suffit de jouer avec le padding-top, c'est l'espace entre la bordure de qeel du haut et le reste à l'intérieur de ton qeel.
Je pense que c'est bon =)
Alors comme tu peux le voir ce n'est qu'une petite balise div < div class="Qeel" > alors il suffit de jouer avec le padding-top, c'est l'espace entre la bordure de qeel du haut et le reste à l'intérieur de ton qeel.
- Code:
.Qeel {
border:0px;
background: url("http://zupimages.net/up/14/05/w96h.png") no-repeat top center;
height:389px;
padding-top: 250px;
}
Je pense que c'est bon =)
Yoshikuni- ***
- Messages : 191
Inscrit(e) le : 07/04/2012
Re: Problème de positionnement du background avec le Qeel
par Azzuen Dim 2 Fév 2014 - 21:54
Ah, ça marche! Je te remercie infiniment de m'avoir prêté de ton temps pour résoudre mon petit problème. Je peux donc mettre mon sujet résolu grâce à toi!
Azzuen- Nouveau membre
-
Messages : 17
Inscrit(e) le : 26/12/2011
Sujets similaires» Problème avec le QEEL.
» Problème avec un background dans une navigation flottante
» Problème avec des onglets background-image sous Firefox
» QEEL - positionnement des groupes et des stats
» Problème avec le QEEL.
» Problème avec un background dans une navigation flottante
» Problème avec des onglets background-image sous Firefox
» QEEL - positionnement des groupes et des stats
» Problème avec le QEEL.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum