Problème QEEL (largueur, affichage et opacité des backgrounds)
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
Problème QEEL (largueur, affichage et opacité des backgrounds)
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : A la création du code.
Lien du forum : http://descendres.forumactif.com/
Description du problème
Bonsoir !Les QEEL sont vraiment ma bête noire, donc c'est encore pour un soucis d'affichage que je viens vous demander de l'aide. J'essaye d'arriver à ce résultat là : https://2img.net/image.noelshack.com/fichiers/2017/46/2/1510617176-essaie-qeel.png
Comme vous pouvez le voir, ce n'est pas ça du tout
Je n'arrive pas à :
- régler la largueur du qeel
- afficher l'image de fond
- mettre le fond des blocs en oppacité
J'ai essayé du mieux que je pouvais, j'espère que vous aurez une solution qui pourrait débloquer mes problèmes (j'ai l'impression que plus je creuse, plus ça devient n'importe quoi ).
Merci d'avance pour votre aide
Dernière édition par Juillet le Mer 15 Nov 2017, 08:36, édité 1 fois
Re: Problème QEEL (largueur, affichage et opacité des backgrounds)
Bonsoir,
Si tu veux un qeel aligné avec le reste du forum, il vaut mieux lui attribuer simplement une largeur de 100% comme dans le template par défaut :
J'ai introduit au niveau de l'index_body une largeur de 100% et effacé en plus dans la feuille de styles les deux 50% dans le style des cellules, suite à quoi le tableau s'est proprement adapté à la largeur du forum.
Pour ce qui est de l'arrière-plan, je l'ai mis comme style directement dans le tableau dans l'index_body, ce qui améliore déjà la situation.
Reste encore l'adaptation de l'arrière-plan au contenu (pour que l'image occupe toute la largeur, et aussi la hauteur si tu veux l'agrandir pour éviter de vilains ascenseurs en cas d'affluence de membres sur la liste des connectés ).
Finalement cela donne :
Ou en agrandissant la hauteur à 210px :
Nouveau qeel :
Pour les connectés tu risques de devoir encore définir un arrière-plan transparent pour ce qui est à l'intérieur de ce tableau dans le tableau.
Si tu veux un qeel aligné avec le reste du forum, il vaut mieux lui attribuer simplement une largeur de 100% comme dans le template par défaut :
J'ai introduit au niveau de l'index_body une largeur de 100% et effacé en plus dans la feuille de styles les deux 50% dans le style des cellules, suite à quoi le tableau s'est proprement adapté à la largeur du forum.
Pour ce qui est de l'arrière-plan, je l'ai mis comme style directement dans le tableau dans l'index_body, ce qui améliore déjà la situation.
Reste encore l'adaptation de l'arrière-plan au contenu (pour que l'image occupe toute la largeur, et aussi la hauteur si tu veux l'agrandir pour éviter de vilains ascenseurs en cas d'affluence de membres sur la liste des connectés ).
Finalement cela donne :
Ou en agrandissant la hauteur à 210px :
Nouveau qeel :
- Code:
<!-- BEGIN disable_viewonline -->
<center><div class="qeel">
<div class="phqeel">QUI EST EN LIGNE</div>
<table class="forumline" border="0" cellspacing="1" cellpadding="0" width="100%" style="background-image:url(https://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg); background-size:cover";>
<tr>
<td width="50%"><div class="tabl1"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span><br>
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
<br />
{LOGGED_IN_USER_LIST}</span></div></td>
<td width="50%">
<div class="tabl2"><table>{L_CONNECTED_MEMBERS}</table></div></td>
</tr>
</table></div></center>
<!-- END disable_viewonline -->
Pour les connectés tu risques de devoir encore définir un arrière-plan transparent pour ce qui est à l'intérieur de ce tableau dans le tableau.
Re: Problème QEEL (largueur, affichage et opacité des backgrounds)
Bonjour à vous, @Juillet, en mettant votre tempalte ainsi :
Et en modifiant votre css ainsi :
Résultat :
Bien à vous.
- Spoiler:
- Code:
<!-- BEGIN disable_viewonline -->
<center><div class="qeel">
<div class="phqeel">QUI EST EN LIGNE</div>
<table class="forumline qeel" border="0" cellspacing="1" cellpadding="0">
<tr>
<td width="50%"><div class="tabl1"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span><br>
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
<br />
{LOGGED_IN_USER_LIST}</span></div></td>
<td width="50%">
<div class="tabl2"><table> {L_CONNECTED_MEMBERS}</table></div></td>
</tr>
</table></div></center>
<!-- END disable_viewonline -->
Et en modifiant votre css ainsi :
- Spoiler:
- Code:
/************************************ QEEL **************************************/
.QEEL {
text-align: center;
padding: 5px;
}
.groupes {
margin: auto;
text-align: center;
padding: 2px;
font-family: arial;
text-transform: uppercase;
font-size: 14px;
letter-spacing: -1px;
line-height: 4px;
}
.forumline.qeel{width:800px;
background-image:url(https://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg);
background-size:cover;
}
div.tabl1{background-color: rgba(255,255,255,0.5) ;
font-size: 10px;
height: 180px;
line-height: 8pt;
margin: 7px 0 7px 30px;
overflow: auto;
padding: 7px 20px 7px 20px;
text-align: justify;
width: 300px;}
div.tabl2{background-color: rgba(255,255,255,0.5) ;
font-size: 10px;
height: 180px;
line-height: 8pt;
margin: 7px 30px 7px 30px;
overflow: auto;
padding: 7px 20px 7px 20px;
text-align: justify;
width: 300px;}
Résultat :
Bien à vous.
Re: Problème QEEL (largueur, affichage et opacité des backgrounds)
Merci beaucoup ◦Jay◦ !
J'avais complètement oublié : il faut encore rentrer le titre à l'intérieur du tableau.
J'avais complètement oublié : il faut encore rentrer le titre à l'intérieur du tableau.
Re: Problème QEEL (largueur, affichage et opacité des backgrounds)
A ce moment la, on peut laisser le template comme donné par Juillet au début et mettre le css ainsi :
- Code:
/************************************ QEEL **************************************/
.qeel {width:800px;
background-image:url(https://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg);
background-size:cover;
}
.groupes {
margin: auto;
text-align: center;
padding: 2px;
font-family: arial;
text-transform: uppercase;
font-size: 14px;
letter-spacing: -1px;
line-height: 4px;
}
div.tabl1{background-color: rgba(255,255,255,0.5) ;
font-size: 10px;
height: 180px;
line-height: 8pt;
margin: 7px 0 7px 30px;
overflow: auto;
padding: 7px 20px 7px 20px;
text-align: justify;
width: 300px;}
div.tabl2{background-color: rgba(255,255,255,0.5) ;
font-size: 10px;
height: 180px;
line-height: 8pt;
margin: 7px 30px 7px 30px;
overflow: auto;
padding: 7px 20px 7px 20px;
text-align: justify;
width: 300px;}
Re: Problème QEEL (largueur, affichage et opacité des backgrounds)
Ca marche parfaitement ! Merci beaucoup à vous tous pour votre aide
Sujets similaires
» Problème d'affichage des Avatars (Opacité)
» qeel problème affichage {L_CONNECTED_MEMBERS}
» Petit problème d'affichage de mon qeel.
» Problème d'affichage de mon QEEL
» Problème d'affichage [QEEL].
» qeel problème affichage {L_CONNECTED_MEMBERS}
» Petit problème d'affichage de mon qeel.
» Problème d'affichage de mon QEEL
» Problème d'affichage [QEEL].
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