Un QEEL récalcitrant
2 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
Un QEEL récalcitrant
Bonjour,
eh ben oui encore moi,
voila je viens de modifier mon qeel, mais j'ai un petit soucis je vous mes le screen et vous explique
Je vous mes mon forum test pour que vous ayez une idée
http://passioncathy.forumactif.com/
Alors voila que je vous explique:
- Mon image du haut je n'arrive pas a a la faire descendre pour qu'elle vienne toucher le cadre
- Mes groupe je n'arrive pas a les remonter
- Mon image en dessous des groupes je voudrais qu'elle sois un rien plus haute et bien centré au niveau des groupes et des statistique
- Les 24h toujours aussi difficile a mettre en place, j'aimerai bien qu'il sois dans le cadre et centré mais il veut pas
- Et l'image du bas j'aimerai qu'elle sois centré et elle veut pas non plus grrrrrr.
- En sachant que mon forum est en 60% j'aimerai que le qeel sois en 60% aussi pour ne pas qu'il deforme tous non plus.
Je mes en Hide car j'ai pas bossé dur dessus même s'il ressemble a d'autre
Voici mon tp:
Mon Css:
Merci de votre aide
eh ben oui encore moi,
voila je viens de modifier mon qeel, mais j'ai un petit soucis je vous mes le screen et vous explique
Je vous mes mon forum test pour que vous ayez une idée
http://passioncathy.forumactif.com/
Alors voila que je vous explique:
- Mon image du haut je n'arrive pas a a la faire descendre pour qu'elle vienne toucher le cadre
- Mes groupe je n'arrive pas a les remonter
- Mon image en dessous des groupes je voudrais qu'elle sois un rien plus haute et bien centré au niveau des groupes et des statistique
- Les 24h toujours aussi difficile a mettre en place, j'aimerai bien qu'il sois dans le cadre et centré mais il veut pas
- Et l'image du bas j'aimerai qu'elle sois centré et elle veut pas non plus grrrrrr.
- En sachant que mon forum est en 60% j'aimerai que le qeel sois en 60% aussi pour ne pas qu'il deforme tous non plus.
Je mes en Hide car j'ai pas bossé dur dessus même s'il ressemble a d'autre
Voici mon tp:
Mon Css:
Merci de votre aide
Dernière édition par CathyCréation le Mar 11 Juin 2013 - 10:52, édité 1 fois
Re: Un QEEL récalcitrant
Bonjour,
Je post pour avoir vos codes et ainsi vous aider
Je post pour avoir vos codes et ainsi vous aider
Re: Un QEEL récalcitrant
Merci beaucoup Mr Docteur
Re: Un QEEL récalcitrant
Re-bonjour,
Alors commençons avec votre image du haut que vous voulez redescendre. (Du coup, j'en n'ai profité pour faire quelques corrections sur votre codage )
Alors repérez votre image, soit ce code:
Et remplacez la par celui-ci:
Ensuite, repéré ce code:
Et remplacez le par celui-ci:
Maintenant que cela est fait, nous avons un problème car tu veux que ton image en dessous des groupes soit un brin plus haut et centré, mais tu l'a mis comme image de fond ^^!
Alors dans ton code CSS tu à ce code:
Remplace le par celui-ci (Je inséré l'image dans le table que je vous ai fait modifié plus haut):
Sache que je ne peux pas faire que l'image sois un peu par dessus les lien du groupe, car sinon les lien ne seront pas cliquable ... À moins que cela ne te dérange pas qu'il ne soit pas cliquable et que l'on voit que les nom de tes groupes
- Les 24Hrs sont aussi dans le code table que je t'ai fait modifié plus haut
Par contre, il faut que tu supprime ce code:
Passons maintenant à la dernière étape qui est de centré votre image du bas.
Il vous reste en bas de votre code, le code de votre image. Soit ce code:
Remplacez le simplement par ce code puis enregistrez et validez votre template
Encore une dernière chose... Voici un code CSS à ajouté à votre feuille de style:
Voilà
(J'ai modifié le code avec les grandeur de mon forum teste. Si jamais il y a des truc de décalé sur ton forum, laisse le code en place et fait moi signe. Je vais tester en local pour ajuster les dimension de mes codes à la largeur de ton forum )
Alors commençons avec votre image du haut que vous voulez redescendre. (Du coup, j'en n'ai profité pour faire quelques corrections sur votre codage )
Alors repérez votre image, soit ce code:
- Code:
<img src="http://nsa33.casimages.com/img/2013/06/11/130611050813516833.png">
Et remplacez la par celui-ci:
- Code:
<div class="image_top" align="center"><img src="http://nsa33.casimages.com/img/2013/06/11/130611050813516833.png" /></div>
Ensuite, repéré ce code:
- Code:
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<center><br><br><br><br>
<span class="groupes"><a href="LIEN DU GROUPE 2"><font color="#363636" size="2"><b>L'admin</b></font></a> </span> <img src="">
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="">
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br>
<br><br><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</span></center>
<td width="5%"></td>
</tr>
</table>
Et remplacez le par celui-ci:
- Code:
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques" style="margin: 0 auto; text-align: center;">
<tr>
<td width="15%"></td>
<td width="50%">
<br><br>
<span class="groupes"><a href="LIEN DU GROUPE 2"><font color="#363636" size="2"><b>L'admin</b></font></a> </span> <img src="" />
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="" />
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span>
<div class="place"></div>
<br /><br /><br /><br /><br /><br /><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}</span>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: center;">
<tr>
<td>{L_CONNECTED_MEMBERS}</td>
</tr>
</table>
<td width="5%"></td>
</td>
</tr>
</table>
Maintenant que cela est fait, nous avons un problème car tu veux que ton image en dessous des groupes soit un brin plus haut et centré, mais tu l'a mis comme image de fond ^^!
Alors dans ton code CSS tu à ce code:
- Code:
.statistiques{
border: 1px #7B1405 solid;
background-image: url("http://nsa34.casimages.com/img/2013/06/11/130611050721119959.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.groupes{
background-color: ;border: 1px #7B1405 solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
Remplace le par celui-ci (Je inséré l'image dans le table que je vous ai fait modifié plus haut):
- Code:
.statistiques{
border: 1px #7B1405 solid;
height:270px;}
.groupes{
position: relative;
background-color: ;
border: 1px #7B1405 solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
Sache que je ne peux pas faire que l'image sois un peu par dessus les lien du groupe, car sinon les lien ne seront pas cliquable ... À moins que cela ne te dérange pas qu'il ne soit pas cliquable et que l'on voit que les nom de tes groupes
- Les 24Hrs sont aussi dans le code table que je t'ai fait modifié plus haut
Par contre, il faut que tu supprime ce code:
- Code:
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
<center>{L_CONNECTED_MEMBERS}</table>
Passons maintenant à la dernière étape qui est de centré votre image du bas.
Il vous reste en bas de votre code, le code de votre image. Soit ce code:
- Code:
<img src="http://nsa33.casimages.com/img/2013/06/11/130611050813516833.png">
Remplacez le simplement par ce code puis enregistrez et validez votre template
- Code:
<div style="margin-left: 525px;"><img src="http://nsa33.casimages.com/img/2013/06/11/130611050813516833.png" /></div>
Encore une dernière chose... Voici un code CSS à ajouté à votre feuille de style:
- Code:
.image_top {
position: absolute;
margin-top:-80px;
margin-left: 525px;
}
.place {
background:url(http://nsa34.casimages.com/img/2013/06/11/130611050721119959.png);
position: absolute;
margin-top: -5px;
margin-left: 150px;
width: 385px;
height: 90px;
}
Voilà
(J'ai modifié le code avec les grandeur de mon forum teste. Si jamais il y a des truc de décalé sur ton forum, laisse le code en place et fait moi signe. Je vais tester en local pour ajuster les dimension de mes codes à la largeur de ton forum )
Re: Un QEEL récalcitrant
Super merci beaucoup
Pour les groupes s'ils sont pas clicable c'est pas grave car je pensais mettre une info bulle, mais je ne sais pas encore quelle genre, car j'en ai vu ou quand on passe la souris dessus l'info ce met dans un encadré a tour de role, mais je pense qu'il faut du javascript. Mais se sera pour plus tard la c'est parfait.
Par contre j'ai un soucis avec mes deux image d'en haut et en bas elles sont pas centré, j'ai ajouter <center></center> mais sa fonctionne pas
Pour les groupes s'ils sont pas clicable c'est pas grave car je pensais mettre une info bulle, mais je ne sais pas encore quelle genre, car j'en ai vu ou quand on passe la souris dessus l'info ce met dans un encadré a tour de role, mais je pense qu'il faut du javascript. Mais se sera pour plus tard la c'est parfait.
Par contre j'ai un soucis avec mes deux image d'en haut et en bas elles sont pas centré, j'ai ajouter <center></center> mais sa fonctionne pas
Re: Un QEEL récalcitrant
Effectivement, au lieu de centré les image j'ai mit un margin left simplement parce que la première image du haut elle est en position: absolute; pour être par dessus le cadre du forum. C'est ce genre de truc qu'il faut que j'ajuste pour ton forum^^
Donc dans ton CSS, remplace ce code:
Par celui-ci:
Et maintenant, dans ton template, repère ce code:
et remplace le par celui-ci:
Pour mettre l'image par dessus les groupe, remplace ce code:
Par celui-ci:
Cordialement,
Donc dans ton CSS, remplace ce code:
- Code:
.image_top {
position: absolute;
margin-top: -80px;
margin-left: 525px;
}
Par celui-ci:
- Code:
.image_top {
position: absolute;
margin-top: -80px;
margin-left: 300px;
}
Et maintenant, dans ton template, repère ce code:
- Code:
<div style="margin-left: 525px;"><img src="http://nsa33.casimages.com/img/2013/06/11/130611050813516833.png" /></div>
et remplace le par celui-ci:
- Code:
<div style="margin-left: 300px;"><img src="http://nsa33.casimages.com/img/2013/06/11/130611050813516833.png" /></div>
Pour mettre l'image par dessus les groupe, remplace ce code:
- Code:
.place {
background: url(http://nsa34.casimages.com/img/2013/06/11/130611050721119959.png);
position: absolute;
margin-top: -5px;
margin-left: 150px;
width: 385px;
height: 90px;
}
Par celui-ci:
- Code:
.place {
background: url(http://nsa34.casimages.com/img/2013/06/11/130611050721119959.png);
position: absolute;
margin-top: -30px;
margin-left: 150px;
width: 385px;
height: 90px;
}
Cordialement,
Re: Un QEEL récalcitrant
A croire que les codes aujourd'hui on décidée de m'en faire voir, maintenant j'ai l'image centrale qui est sur les groupes grrrr
J'ai regarder pour ajouter un <br> mais je vois pas ou le mettre
J'ai regarder pour ajouter un <br> mais je vois pas ou le mettre
Re: Un QEEL récalcitrant
Vous parlez de l'image qui est sensé être sous les groupes ?
Remplacer ce code:
Par celui-ci:
Remplacer ce code:
- Code:
.place {
background: url(http://nsa34.casimages.com/img/2013/06/11/130611050721119959.png);
position: absolute;
margin-top: -30px;
margin-left: 150px;
width: 385px;
height: 90px;
}
Par celui-ci:
- Code:
.place {
background: url(http://nsa34.casimages.com/img/2013/06/11/130611050721119959.png);
position: absolute;
margin-top: -15px;
margin-left: 150px;
width: 385px;
height: 90px;
}
Re: Un QEEL récalcitrant
Super merci c'est nickel,
juste encore une petite chose et se sera fini, cmt je fait pour faire mon cadre plus petit, je sais que c'est au niveau des margins mais je dois mettre margin-botter pour que la bordure arrive égale a mon header?
juste encore une petite chose et se sera fini, cmt je fait pour faire mon cadre plus petit, je sais que c'est au niveau des margins mais je dois mettre margin-botter pour que la bordure arrive égale a mon header?
Re: Un QEEL récalcitrant
Humm.. Je comprend ce que tu veux dire... Tu veux enlever la bordure de ton QEEL ?
Re: Un QEEL récalcitrant
Non sa je sais cmt faire, pour l'instant je la laisse pour me diriger en fonction du reste,
mais c'est la largeur que j'aimerai modifier car sa ne fait pas très centré enfin je trouve,
quand tu regarde sur la gauche elle parrait plus large et j'aime que tout sois égale je suis difficile
mais c'est la largeur que j'aimerai modifier car sa ne fait pas très centré enfin je trouve,
quand tu regarde sur la gauche elle parrait plus large et j'aime que tout sois égale je suis difficile
Re: Un QEEL récalcitrant
Ah je comprend
En fais, quand j'ai modifier ton template, j'ai gardé les codes qui y était déjà pour ce faire, remplace le code table que je t'ai fait modifier tentot. Soit celui-ci:
Et remplace le par celui-ci:
En fais, quand j'ai modifier ton template, j'ai gardé les codes qui y était déjà pour ce faire, remplace le code table que je t'ai fait modifier tentot. Soit celui-ci:
- Code:
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques" style="margin: 0 auto; text-align: center;">
<tr>
<td width="15%"></td>
<td width="50%">
<br><br>
<span class="groupes"><a href="LIEN DU GROUPE 2"><font color="#363636" size="2"><b>L'admin</b></font></a> </span> <img src="" />
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="" />
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span>
<div class="place"></div>
<br /><br /><br /><br /><br /><br /><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}</span>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: center;">
<tr>
<td>{L_CONNECTED_MEMBERS}</td>
</tr>
</table>
<td width="5%"></td>
</td>
</tr>
</table>
Et remplace le par celui-ci:
- Code:
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques" style="margin: 0 auto; text-align: center;">
<tr>
<td width="100%">
<br><br>
<span class="groupes"><a href="LIEN DU GROUPE 2"><font color="#363636" size="2"><b>L'admin</b></font></a> </span> <img src="" />
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="" />
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span>
<div class="place"></div>
<br /><br /><br /><br /><br /><br /><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}
{TOTAL_USERS_ONLINE}<br />
{LOGGED_IN_USER_LIST}</span>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: center;">
<tr>
<td>{L_CONNECTED_MEMBERS}</td>
</tr>
</table>
</td>
</tr>
</table>
Re: Un QEEL récalcitrant
Merci beaucoup c'est nickel
Sujets similaires
» bloquer la xatbox à certainS invitéS mauvaiS et récalcitrant
» Un tableau récalcitrant sur ma PA
» Fond de posts recalcitrant aux arrondis sous firefox
» Fond de page récalcitrant
» Problème de superposition de mon texte du qeel et l'image du qeel !
» Un tableau récalcitrant sur ma PA
» Fond de posts recalcitrant aux arrondis sous firefox
» Fond de page récalcitrant
» Problème de superposition de mon texte du qeel et l'image du 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