| | [Clos - Pitbull] Problème QQEL RESOLUU |  |
|
|
 Jessica A. 
{ Membre }
 Messages : 139
![[Clos - Pitbull] Problème QQEL RESOLUU Empty](https://2img.net/i/fa/empty.gif) | Bonjour/Bonsoir, ça dépend de quel côté du globe vous vous trouvez...pour ma part ça va, ma sœur a accouché d'un petit bout trop mignon, bref j'arrête de raconter ma vie, ça devient maladif  J'ai un problème que voici, mon image (ci-dessous) s'affiche au dessus du texte et des groupes et je désirerais que cela se fonde dedans, comme sur : exemple :http://theisland.forumakers.com/ CAPTURE D'ÉCRAN- Spoiler:
CSS- Spoiler:
- Code:
-
.statistiques{
border:0px;
background-image: url("http://nsa11.casimages.com/img/2009/10/21/091021053350563001.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;
}
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-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;}
TEMPLATE PARTIE CONCERNÉE - Spoiler:
- Code:
-
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="650" border="0" class="statistiques"> <tr> <img src="http://nsa11.casimages.com/img/2009/10/21/091021053350563001.jpg"> <td width="15%"></td> <td width="50%"><center> <span class="groupes"><a href="http://cursed-moon.bbactif.com/groupcp.forum?g=3"><font color="#B8B8B8" size="2"><b>VAMPIRES</b></font></a></span> <span class="groupes"><a href="http://cursed-moon.bbactif.com/groupcp.forum?g=4"><font color="#806652" size="2"><b>HUMAINS</b></font></a></span> <span class="groupes"><a href="http://cursed-moon.bbactif.com/groupcp.forum?g=6"><font color="#922B15" size="2"><b>LOUPS-GAROUS</b></font></a></span> <span class="groupes"><a href="http://cursed-moon.bbactif.com/groupcp.forum?g=6"><font color="#C2C2C2" size="2"><b>PNJ</b></font></a></span> <br><br> <span class="gensmall"><span id="TOTALUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('TOTALUSERS').innerHTML=document.getElementById('TOTALUSERS').innerHTML.replace(/membre/,"étudiant");</script>. <span class="gensmall"><span id="TOTALPOSTS">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('TOTALPOSTS').innerHTML=document.getElementById('TOTALPOSTS').innerHTML.replace(/Nos membres ont posté un total de/,"Ils ont déjà écrit");</script><script type="text/javascript">document.getElementById('TOTALPOSTS').innerHTML=document.getElementById('TOTALPOSTS').innerHTML.replace(/messages/,"lettres");</script></span>. <span id="NEWUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('NEWUSER').innerHTML=document.getElementById('NEWUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le dernier étudiant inscrit");</script>, nous lui souhaitons la bienvenue à Belligham !<br><br> <span class="gensmall"><span id="TOTALONLINE">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/utilisateur en ligne/,"étudiants à Western Washington");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/utilisateurs en ligne/,"étudiants à Western Washington");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistré/,"Étudiant");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistrés/,"Étudiant");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invisible et/,"Invisible");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invisibles et /,"Invisibles");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invité/,"Invités");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invités/,"Invités");</script><br> <span id="LOGGED">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('LOGGED').innerHTML=document.getElementById('LOGGED').innerHTML.replace(/Utilisateurs enregistrés/,"Étudiants parcourant les environs");</script><br /></span><br> <table border="0" cellspacing="3" cellpadding="0" width="650" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <br> <!-- END disable_viewonline -->
exemple :http://westown-show.forumactif.org/forum.htm Et bien sûr...j'ai essayé de bidouiller (pas pour faire pareil, ah ça non !) Mais savoir comment on fait pour que le texte soit à droite ou à gauche (bon ça suffit de bidouiller les valeurs, ce n'est pas très compliqué) mais savoir comment on fait pour que ça s'affiche dans un cadre (comme une nouvelle catégorie de forum quoi !) et non comme sur mon forum (je ne sais pas si c'est compréhensif...) je veux dire, que mon image (image test) et mon texte soit aussi dans une cellule comme le forum et non, l'image comme ça (parce que la création serait plus facile à faire et l'esthétique serait également plus beau). Si vous ne comprenez pas, laissez tombez, je ne vous embête pas plus^^ |
Dernière édition par Jessica A. le Lun 02 Nov 2009, 14:35, édité 1 fois | |
|
| | |
Invité Invité
| Salut,
Bon si je comprend bien tu veux que ca fasse partie des catégorie de ton forum ?
Peux tu me donner le lien vers les test ? Même en MP ? | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Ben comme sur WESTOWN, j'aimerais bien
http://cursed-moon.bbactif.com/forum.htm
(il n'est pas ouvert)
J'ai bidouillé deux trois trucs, mais je peux te repasser le nouveau code, les deux barres oranges c'était pour voir la taille (deux barres mises sur une seule image et non en deux parties) mais c'est trop dur et ce serait plus facile comme sur l'exemple mais faudra recommencer tout le code... | | |
|
| | |
Invité Invité
| Donne moi l'image de fond et je vais t'arranger ca. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| L'image de fond ? Pour quel truc ? Mon histoire de la légendes et des groupes qui s'affichent en dessous de l'image ou comme sur l'exemple ? Dans les deux cas je n'ai aucune créa, je n'ai que des images sans rien, je n'arrive pas à faire de créa sans savoir exactement la taille, comment m'y prendre et soit dans l'un mon code ne marche pas, soit l'autre je n'arrive pas à le faire donc^^ | | |
|
| | |
Invité Invité
| Alors commence par faire ton image de fond.
Ensuite la hauteur (exemple 300px) tu l'ajoute dans ton CSS statistiques dans la partie heigth. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Oui mais il faudrait que tu me dises si tu va m'aider à ce que ça s'affiche comme sur ce que j'ai à la base ou faire un truc dans le genre du forum WESTOWN, car dans le deuxième cas j'ai une taille définie (728 largeur de mon forum, contrairement à eux ou c'est 874)^^ | | |
|
| | |
Invité Invité
| Fais ton image de fond et j'adapterais en fonction de ton forum. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Oui mais je n'ai aucune directive (désolé d'être comme ça mais j'ai déjà beaucoup de mal à réaliser ce QQEEL), dans le premier exemple, faut que je mette un truc en haut, une image en haut et combler en bas. Dans le deuxième, j'ai simplement à faire un truc à gauche ou à droite... Bon je m'y mets et j'essaie de faire quelque chose ! (Merci de m'aider en tout cas et j'ai toujours ce problème de page qui rame au passage)  | | |
|
| | |
Invité Invité
| Essaye de faire un fond comme tu veux et ensuite on s'adaptera.
T'inquiète pas. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| J'ai pas réussis le premier alors j'ai pris le second pour exemple :
https://nsa11.casimages.com/img/2009/11/02/091102020739563933.png | | |
|
| | |
Invité Invité
| Ok alors ton code du templates index_body tu le commence par ceci : - Code:
-
<!-- BEGIN disable_viewonline --> <center><table cellspacing="2" cellpadding="2" width="728px" border="0" class="statistiques"> <tr> <td width="325px"></td> <td width="400px">Tes groupes, textes divers ....</td> </tr> </table> | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| |
| | |
Invité Invité
| Non tu dois y mettre les différent groupes. bref je vais le faire avec toi. Peux tu me donner les liens et intitulés de chaque groupes ? Tu veux le texte standart de FA ou personnalisé comme sur ce forum ci ? | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Le résultat est horrible et le texte est à droite, mais pourtant j'ai fais une image qui ne coïncide pas avec ce mode...dois-je en refaire une autre ? - Code:
-
http://cursed-moon.bbactif.com/groupcp.forum?g=3 VAMPIRES
http://cursed-moon.bbactif.com/groupcp.forum?g=4 HUMAINS
http://cursed-moon.bbactif.com/groupcp.forum?g=6 LOUPS-GAROUS
http://cursed-moon.bbactif.com/groupcp.forum?g=6 PNJ
| | |
|
| | |
Invité Invité
| Regarde le test ici :
http://css-forum.forumotion.com/index.htm
Je mets tes liens pour te donner le templates complet en une fois.
Tu veux des textes personnalisés ?
Il me faut les couleurs de chaque groupe aussi. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Des textes personnalisés ? Genre le membre qui a posté, ect ? Car ça je l'ai déjà personnalisé en fait. Excuse moi j'ai oublié le code de couleur. - Code:
-
#B8B8B8 VAMPIRES
#806652 HUMAINS
#922B15 LOUPS-GAROUS
#C2C2C2 PNJ
EDIT : au pire si les groupes ne tiennent pas en une ligne on peut rétrécir la taille^^ | | |
|
| | |
Invité Invité
| Voilà c'est fait.
http://css-forum.forumotion.com/index.htm
La suite tu veux quoi ? | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Pour la couleur à l'intérieur de la bulle du groupe, le contour, ect, ça va va être comme sur ma capture ? Avec mon CSS ça va le modifier ? EN DESSOUS, j'avais modifié la légende que voici : - Code:
-
<span class="gensmall"><span id="TOTALUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('TOTALUSERS').innerHTML=document.getElementById('TOTALUSERS').innerHTML.replace(/membre/,"étudiant");</script>. <span class="gensmall"><span id="TOTALPOSTS">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('TOTALPOSTS').innerHTML=document.getElementById('TOTALPOSTS').innerHTML.replace(/Nos membres ont posté un total de/,"Ils ont déjà écrit");</script><script type="text/javascript">document.getElementById('TOTALPOSTS').innerHTML=document.getElementById('TOTALPOSTS').innerHTML.replace(/messages/,"lettres");</script></span>. <span id="NEWUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('NEWUSER').innerHTML=document.getElementById('NEWUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le dernier étudiant inscrit");</script>, nous lui souhaitons la bienvenue à Belligham !<br><br> <span class="gensmall"><span id="TOTALONLINE">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/utilisateur en ligne/,"étudiants à Western Washington");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/utilisateurs en ligne/,"étudiants à Western Washington");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistré/,"Étudiant");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistrés/,"Étudiant");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invisible et/,"Invisible");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invisibles et /,"Invisibles");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invité/,"Invités");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invités/,"Invités");</script><br> <span id="LOGGED">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('LOGGED').innerHTML=document.getElementById('LOGGED').innerHTML.replace(/Utilisateurs enregistrés/,"Étudiants parcourant les environs");</script><br /></span><br> <table border="0" cellspacing="3" cellpadding="0" width="650" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <br> <!-- END disable_viewonline --> Ensuite bah simplement les membres connectés sous les 24h en justifié (bon cette partie du code elle est ci-dessus) mais dans une celulle comme sur WESTOWN en fait, ce serait bien non ? Sinon on laisse comme tel^^ | | |
|
| | |
Invité Invité
| Si tu as déjà le code CSS sur ton forum rien ne bougera.
C'est ce code qui mettra les couleurs et style sur tes groupes. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| |
| | |
Invité Invité
| N'oublie pas de mettre la partie CSS qui gère l'image de fond ... - Code:
-
.statistiques{
border:0px;
background-image: url("http://nsa11.casimages.com/img/2009/11/02/091102020739563933.png");
background-repeat: no-repeat;
background-position: center;
height:200px;} | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| AH oui, merci !
Et ensuite ? Que dois-je faire ? | | |
|
| | |
Invité Invité
| Ben pour moi en voyant ton forum c'est OK.
Sauf si tu veux des choses en plus. | | |
|
| | |
Jessica A.
{ Membre }
Messages : 139
| Ben je désirais que mes membres connectés soient dans une cellule mais c'est pas trop grave.
http://cursed-moon.bbactif.com/forum.htm
Faut que je m'arrange pour que les groupes et la légende soient un peu plus jolis mais je pense qu'avec un petit saut de ligne, enfin je sais pas, je vais voir, ça m'embête un peu pour les groupes quand même car ils ne sont pas sur une ligne (mais normal dans l'image ce serait moche) mais un seul, ou centré...fin je vais voir. | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | [Clos - Pitbull] Problème QQEL RESOLUU | |
|
![[Clos - Pitbull] Problème QQEL RESOLUU Bouton_active](https://2img.net/h/theme3.cssactif.com/ui/bouton_active.png)
![[Clos - Pitbull] Problème QQEL RESOLUU Bouton_hover](https://2img.net/h/theme3.cssactif.com/ui/bouton_hover.png)
![[Clos - Pitbull] Problème QQEL RESOLUU Fb-hover](https://2img.net/h/theme3.cssactif.com/facebook/fb-hover.png)
![[Clos - Pitbull] Problème QQEL RESOLUU Fb-active](https://2img.net/h/theme3.cssactif.com/facebook/fb-active.png)
![[Clos - Pitbull] Problème QQEL RESOLUU Logo](https://2img.net/h/theme3.cssactif.com/logo.png){kind=logo}
![[Clos - Pitbull] Problème QQEL RESOLUU 091102093859925887](https://nsa10.casimages.com/img/2009/11/02/091102093859925887.jpg)
