Problème QEEL (largueur, affichage et opacité des backgrounds)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème QEEL (largueur, affichage et opacité des backgrounds)

Message par Juillet le Mar 14 Nov 2017 - 0:59

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 ! I love you
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à : http://image.noelshack.com/fichiers/2017/46/2/1510617176-essaie-qeel.png
Comme vous pouvez le voir, ce n'est pas ça du tout What a Face
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 Arrow ).

Merci d'avance pour votre aide I love you


Dernière édition par Juillet le Mer 15 Nov 2017 - 14:36, édité 1 fois
avatar

Juillet
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 26/06/2011

http://descendres.forumactif.com/
Juillet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème QEEL (largueur, affichage et opacité des backgrounds)

Message par Faline le Mer 15 Nov 2017 - 1:41

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 Wink ).

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.






avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème QEEL (largueur, affichage et opacité des backgrounds)

Message par ◦Jay◦ le Mer 15 Nov 2017 - 8:22

Bonjour à vous, @Juillet, en mettant votre tempalte ainsi :

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.


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3710
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème QEEL (largueur, affichage et opacité des backgrounds)

Message par Faline le Mer 15 Nov 2017 - 10:56

Merci beaucoup ◦Jay◦ !

J'avais complètement oublié : il faut encore rentrer le titre à l'intérieur du tableau.
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème QEEL (largueur, affichage et opacité des backgrounds)

Message par ◦Jay◦ le Mer 15 Nov 2017 - 12:04

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;}


avatar

◦Jay◦
Créactif
Créactif

Masculin
Messages : 3710
Inscrit(e) le : 24/12/2014

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème QEEL (largueur, affichage et opacité des backgrounds)

Message par Juillet le Mer 15 Nov 2017 - 14:35

Ca marche parfaitement ! Merci beaucoup à vous tous pour votre aide I love you
avatar

Juillet
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 26/06/2011

http://descendres.forumactif.com/
Juillet a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum