Le QEEL en dehors du cadre forum

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

Résolu Le QEEL en dehors du cadre forum

Message par hp-pblv le Jeu 19 Sep 2013 - 22:38

Bonsoir,

Suite à ce topic : http://forum.forumactif.com/t354234-header-au-dessus-du-cadre-interieur-du-forum?highlight=header
Je voulais faire la même chose pour le QEEL, ce qui donnerai :

J'ai essayé de le déplacer en bas de "index_body" ou dans "overall_footer_end" mais il reste dans le cadre :/
Du coup, je voulais savoir où est-ce que je pourrais le mettre pour avoir le rendu ci-dessous ?

Template 'index_body' modifié :
...

La partie CSS concernant la partie QEEL (si besoin je peux mettre le CSS en entier) :
...
Si besoin l'adresse du forum, sinon la version est Phpbb2 et je suis la fondatrice.
J'ai cherché sur le forum avec différents mots clés mais je n'ai pas trouvé; après peut-être que j'ai mal cherché ou pas assez chercher :3

Merci d'avance pour votre aide Smile


Dernière édition par hp-pblv le Jeu 26 Sep 2013 - 12:19, édité 2 fois

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le QEEL en dehors du cadre forum

Message par Anzu le Ven 20 Sep 2013 - 20:24

Bonsoir,

Je l'avais fait pour l'un de mes anciens forums, alors dans l'index body, repérez:

   {CHATBOX_TOP}
   {BOARD_INDEX}

juste après, vous mettez:

Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" valign="top">
 
</td>
 <td width="50%" align="right">

 </td>
 </tr>
</table>
Ensuite, là où vous avez votre qui est en ligne, rajoutez autour de votre div un table/tr/td
Code:
   <!-- BEGIN disable_viewonline -->
   <div class="qeel"><center>
<table width="960px" border="0" cellspacing="1" cellpadding="0" style="padding-left: 10px;">
 <tr><td>ici tous vos codes</td></tr></table>
et dans la css, j'avais mis:

Code:
.qeel{
width: 100%;
height: xxxpx;
left: -2px;
border-bottom: 2px solid #5c5c5c;
position: absolute;
overflow: hidden;
z-index:-1;
padding-top: 15px;
margin-bottom: 0px;
margin-top: 78px;
}
à adapter selon votre forum Smile 

Cordialement.


Dernière édition par Anzu le Ven 20 Sep 2013 - 22:46, édité 1 fois

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Le QEEL en dehors du cadre forum

Message par hp-pblv le Ven 20 Sep 2013 - 22:38

Merci, ça fonctionne.
J'ai réussi à adapter seul petit soucis c'est que je n'arrive pas à le centrer par rapport à la largeur du cadre forum.
J'ai essayé en alignant le div, text-align, margin-left (qui du coup il me décale le QEEL mais il agrandi aussi la largeur du forum -une scrollbar en bas apparait-) mais ça veut pas aligné ^^' Avez-vous une idée de ce que je pourrais mettre pour que ça centre ? :3


Sinon, est-il possible de mettre les liens du footer sous le QEEL ?
Comme par exemple sur ce forum : http://wildwide.forumactif.com on voit les liens forumactif en-dehors du cadre forum.

Merci de votre aide Smile

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le QEEL en dehors du cadre forum

Message par Anzu le Ven 20 Sep 2013 - 22:51

Pour le centrer, il faut mettre les balises center autour du div dans le td Smile 

Donc dans le code que j'ai donné plus haut:

Code:
          <!-- BEGIN disable_viewonline -->
          <div class="qeel"><center>
        <table width="960px" border="0" cellspacing="1" cellpadding="0" style="padding-left: 10px;">
        <tr><td>ici tous vos codes</td></tr></table>
A mettre autour de "ici tous vos codes".

et pensez à retirer le margin left dans le premier div.




Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Le QEEL en dehors du cadre forum

Message par hp-pblv le Sam 21 Sep 2013 - 19:01

Suis-je bête ><
Merci bien, ça fonctionne à merveille du coup ^^

Pour les liens du footer je cherche toujours comment faire pour les déplacer sous le QEEL :3

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le QEEL en dehors du cadre forum

Message par hp-pblv le Dim 22 Sep 2013 - 21:46

Désolé du double-post.
J'ai finalement réussi à déplacer les liens Forumactif/Panneau de configuration avec ce code CSS :
Code:
#page-footer {
margin-top: -100px;
display: block !important;
left: 720;
position: absolute;
top: 3190;
}
mais du coup je me posais la questions, est-ce qu'on verra ceci (image ci-dessous) selon les résolutions d'écran ? Sinon, comment rendre cela 'fixe' ?


Edit : Je viens de me rendre compte en allant dans un sous-forum (pareil pour les forums) qu'il y a un grand espace vide du coup ça va pas ^^" Y'a-t-il une autre solution de changer de place les liens du footer sans avoir de 'bug' ? :3

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le QEEL en dehors du cadre forum

Message par hp-pblv le Lun 23 Sep 2013 - 22:49

Bonsoir,
Petit UP

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le QEEL en dehors du cadre forum

Message par hp-pblv le Mer 25 Sep 2013 - 9:57

Bonjour,
Petit UP x)
Bonne Journée ^^

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le QEEL en dehors du cadre forum

Message par hp-pblv le Jeu 26 Sep 2013 - 12:16

Finalement, je vais les laisser là où ils sont ^^

Problème résolu, merci pour votre aide Smile

hp-pblv
**

Féminin
Messages : 75
Inscrit(e) le : 10/01/2009

http://test-toshishu.forumactif.com/
hp-pblv 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