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

3 participants

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 Lun 13 Nov 2017, 18: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à : 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 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, 08:36, édité 1 fois
Juillet

Juillet
*

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

http://ucloremipsum.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 Mar 14 Nov 2017, 19: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 :

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

Ou en agrandissant la hauteur à 210px :

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

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.






Faline

Faline
Membre habitué

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

https://laststickers.forumactif.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◦ Mer 15 Nov 2017, 02:22

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

Spoiler:

Et en modifiant votre css ainsi :

Spoiler:

Résultat :

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

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Mer 15 Nov 2017, 04:56

Merci beaucoup ◦Jay◦ !

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

Faline
Membre habitué

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

https://laststickers.forumactif.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◦ Mer 15 Nov 2017, 06: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;}
◦Jay◦

◦Jay◦
Membre actif

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

https://forum.forumactif.com
◦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 Mer 15 Nov 2017, 08:35

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

Juillet
*

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

http://ucloremipsum.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

- Sujets similaires

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