CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| poussette59
{ Membre }
Messages : 236
| Bonjour à vous voila j'ai besoin d'une petite aide bon déjà mon code - Code:
-
<!-- BEGIN disable_viewonline --> <br> <center><img src="http://i36.tinypic.com/1tadyh.png"><br> <img src="http://i46.tinypic.com/20jsmiv.png"></center> <table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques"> <tr> <td width><img src="http://i35.tinypic.com/jhc87o.gif"></td> <td width="50%"> <div align="justify"><span id="kumao">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"Les Girlysiens ne cesse de nous faire partagé leur histoire déjà");</script>. <span id="matt"><br>{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"habitants à la Girly Ville");</script>. <span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le dernier arrivant en ville ");</script>. <span class="gensmall"><span class="gensmall"><span id="delf"><br>{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"habitant éveillé");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"habitants éveillés");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"habitant");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"habitants");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"habitant furtif,");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"habitants furtifs,");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"immigré");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"immigrés");</script></span>. <span id="boucherie"><br>{RECORD_USERS}</span><script type="text/javascript">document.getElementById('boucherie').innerHTML=document.getElementById('boucherie').innerHTML.replace(/d'utilisateurs en ligne/,"d'habitants éveillés");</script></font>.<br /><br /> <span id="nounou">{LOGGED_IN_USER_LIST}</span></span><script type="text/javascript">document.getElementById('nounou').innerHTML=document.getElementById('nounou').innerHTML.replace(/Utilisateurs enregistrés/,"Habitants éveillés");</script> </span></div></blockquote>
<span class="groupes"><a href="http://girlyacademy.allgoo.net"><font color="#D5AEEB" size="1"><b>Etudiants</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="http://girlyacademy.allgoo.net"><font color="#ABF5EF" size="1"><b>Habitants</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://girlyacademy.allgoo.net"><font color="#F7BEFA" size="1"><b>M.J</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="http://girlyacademy.allgoo.net"><font color="#7EADA4" size="1"><b>Pompom Girls</b></font></a> </span></center></span> <td></td></tr></table> <center><img src="http://i46.tinypic.com/20jsmiv.png"></center><br> <table border="0" cellspacing="3" cellpadding="0" width="100%" align="center" style="text-align: justify">{L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} </table><br> <!-- END disable_viewonline --> Voici mon forum test pour voir ce que ça donne: http://creationfg.bbflash.net/index.htm Voila je m'explique j'ai deux soucis. Le 1er: Je voudrais que les statistiques soit sous l'image et centrer! Le 2e: J'arrive pas à faire afficher les anniversaires :/ Si quelqu'un peut me venir en aide ça serait adorable ^^ merci bien | | |
| | | Invité Invité
| J'ai le même problème. J'ai tout tenté pour afficher les anniv. Je n'arrive pas à les mettre ailleurs que tout en bas à gauche. Si quelqu'un a la soluce... >.< | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Bonjour; Le code donné dans le message ne rend pas pareil que ce qui est affiché sur le forum de test. Est-ce que le problème persiste toujours donc, et si oui pourrait-on avoir les bons codes de templates (et éventuellement le CSS qui est rattaché au QEEL ?) Merci | | |
| | | poussette59
{ Membre }
Messages : 236
| le probléme est toujours d'actualité le template et toujours le même sauf que j'ai rajouté des < br> pour faire descendre l'inscription sous l'image mais impossible de centré quoi que ce soit -_- voici le css - Code:
-
/* qui est en ligne */
.statistiques{ border:0px; background-image: url("http://i42.tinypic.com/mh3hbc.png"); background-repeat: no-repeat; background-position: top center; height:360px;}
.groupes{ background-color:#C6C6C6;border: 1px #8C8A8A 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; } | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Okay, alors voilà donc ce que cela donne : https://2img.net/r/ihimizer/img123/6893/qeel.png Le code CSS : - Code:
-
.groupes {background-color:#C6C6C6; border: 1px #8C8A8A dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px; margin-left: 5px; margin-right: 5px; padding-right:12px; padding-left:12px; padding-bottom:3px; font-size:15px; font-weight: bold; text-align:center; text-decoration: none;} J'ai rajouté des "margin" de 5 pixels entre les groupes; et j'ai retiré l'image vide que tu avais mise dans le codage. Image qui prenait de la place pour pas grand chose, puisqu'on peut faire des espaces avec des marges . Le code du template : - Code:
-
<!-- BEGIN disable_viewonline --> <center><img src="http://i36.tinypic.com/1tadyh.png"><br><img src="http://i46.tinypic.com/20jsmiv.png"><br> <img src="http://i42.tinypic.com/mh3hbc.png"></center>
<table width="100%" border="0"> <tr> <td width="90%" align="center" valign="top"> <span class="gensmall"><div align="center"> <span id="kumao">{TOTAL_POSTS}</span> <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/Nos membres ont posté un total de/,"Les Girlysiens ne cessent de nous faire partager leurs histoires. Déjà");</script>. <span id="matt"><br>{TOTAL_USERS}</span> <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"habitants à la Girly Ville");</script>. <span id="yosh"><br>{NEWEST_USER}</span> <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le dernier arrivant en ville ");</script> <span id="delf"><br><br>{TOTAL_USERS_ONLINE}</span> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"habitant éveillé");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"habitants éveillés");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"habitant");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"habitants");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"habitant furtif,");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"habitants furtifs,");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"immigré");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"immigrés");</script> </span>. <span id="boucherie"><br>{RECORD_USERS}</span> <script type="text/javascript">document.getElementById('boucherie').innerHTML=document.getElementById('boucherie').innerHTML.replace(/d'utilisateurs en ligne/,"d'habitants éveillés");</script> <span id="nounou"><br><br>{LOGGED_IN_USER_LIST}</span> <script type="text/javascript">document.getElementById('nounou').innerHTML=document.getElementById('nounou').innerHTML.replace(/Utilisateurs enregistrés/,"Habitants éveillés");</script> </span> </span> <br><span class="groupes"> <a href="http://girlyacademy.allgoo.net"> <font color="#D5AEEB" size="1"><b>Etudiants</b></font> </a></span> <span class="groupes"> <a href="http://girlyacademy.allgoo.net"> <font color="#ABF5EF" size="1"><b>Habitants</b></font> </a></span> <span class="groupes"> <a href="http://girlyacademy.allgoo.net"> <font color="#F7BEFA" size="1"><b>M.J</b></font> </a></span> <span class="groupes"> <a href="http://girlyacademy.allgoo.net"> <font color="#7EADA4" size="1"><b>Pompom Girls</b></font> </a></span> <br><br> </td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="100%" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} </table>
<br>
<center><img src="http://i46.tinypic.com/20jsmiv.png"></center><br> <!-- END disable_viewonline --> Alors j'essaye de t'expliquer comme j'ai fait : - Déjà, j'ai rangé un peu pour mieux s'y retrouver . - J'ai retiré la class "statistiques" que tu avais mis dans ton CSS. Dans cette class, tu avais mis l'image en "background-image) donc en "image de fond". D'où ton problème de texte qui se mettait sur l'image. J'ai donc rajouté cette image directement dans le code; en centré . Le texte se met donc après l'image, dessous - Si ton texte ne se centrait pas, c'est parce que ton code était coupé en deux colonnes (deux "td"; dont une avec une image vide) J'en ai donc retiré une, qui se situait au tout début de ton code (le truc en bleu là - Citation :
- <table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques"><tr>
<td width><img src="https://2img.net/h/oi35.tinypic.com/jhc87o.gif"></td> - Ensuite, j'ai mis un span=gensmall dans ton code, pour que ton texte soit à une taille normale . Et j'ai rajouté des sauts de lignes pour que le tout soit plus esthétique (et corrigé les fautes d'orthographe disséminées dans tes phrases "Les Girlysiens ne cessent de nous faire partager leurs histoires" ) Je te précise aussi que les liens de tes groupes ne mènent à rien . Dis moi si le code va ou pas; et s'il y a des choses à modifier, où à expliquer ^^ Liliana | | |
| | | poussette59
{ Membre }
Messages : 236
| Tout d'abord merci à toi pour les liens qui ne mênent à rien je sais je suis en cours de fabrication c'est pour ça ^^ par contre j'ai un soucis chez moi les anniversaires ne s'affichent pas alors que j'ai copier coller ton code
http://creationfg.bbflash.net/index.htm | | |
| | | poussette59
{ Membre }
Messages : 236
| ah!! non la honte XD j'avais pas activer dans la gestion des membres mdrrrr merciii tout va nickel!!! | | |
| | | Liliana
{ Membre actif }
Messages : 997
| Hum .. Est-ce qu'ils sont mis dans ton panneau d'administration ? Panneau admin >> Utilisateurs & groupes >> Option des utilisateurs. En bas tu as "activer la gestion des anniversaires"; coches "oui" et ensuite mets un chiffre dans "regarder les dates d'anniversaire jusqu'à ..." Ca devrait marcher EDIT : Autant pour moi xD RE-EDIT : Je peux donc classer ? | | |
| | | poussette59
{ Membre }
Messages : 236
| ouiii mercii beaucoup | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|