Un QEEL récalcitrant

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

Résolu Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 5:25

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


Dernière édition par CathyCréation le Mar 11 Juin 2013 - 10:52, édité 1 fois

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

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

Résolu Re: Un QEEL récalcitrant

Message par Dr. Sam le Mar 11 Juin 2013 - 7:58

Bonjour,

Je post pour avoir vos codes et ainsi vous aider Wink

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 8:36

Merci beaucoup Mr Docteur

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

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

Résolu Re: Un QEEL récalcitrant

Message par Dr. Sam le Mar 11 Juin 2013 - 9:28

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 ::fleur::)

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 Wink

- Les 24Hrs sont aussi dans le code table que je t'ai fait modifié plus haut ::fleur::
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 Wink
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à cheers

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

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 9:52

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

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

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

Résolu Re: Un QEEL récalcitrant

Message par Dr. Sam le Mar 11 Juin 2013 - 10:02

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:
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,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 10:17

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

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

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

Résolu Re: Un QEEL récalcitrant

Message par Dr. Sam le Mar 11 Juin 2013 - 10:25

Vous parlez de l'image qui est sensé être sous les groupes ?

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

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 10:29

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?

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

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

Résolu Re: Un QEEL récalcitrant

Message par Dr. Sam le Mar 11 Juin 2013 - 10:30

Humm.. Je comprend ce que tu veux dire... Tu veux enlever la bordure de ton QEEL ?

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 10:33

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 Embarassed

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

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

Résolu Re: Un QEEL récalcitrant

Message par Dr. Sam le Mar 11 Juin 2013 - 10:42

Ah je comprend Smile

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>

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un QEEL récalcitrant

Message par CathyCréation le Mar 11 Juin 2013 - 10:52

Merci beaucoup c'est nickel

CathyCréation
****

Messages : 272
Inscrit(e) le : 20/10/2011

http://accrosgraph.forumactif.com
CathyCréation 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