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! |
| OceanSoul
{ Membre }
Messages : 137
| Bonjouur, je rencontre un petit soucis avec mon QEEL et mon cadre où se trouve les derniers membres connectés. J'ai en plus du fond de mon cadre, un fond noir qui apparaît derrière la liste des membres. J'ai tenté de le trouver dans mon Css et mon template, mais il n'apparait nul part. Et quand je rajoute la couleur de fond, cela ne change rien =S https://2img.net/h/oi50.tinypic.com/2m3jw46.jpg Voici mon CSS: - Spoiler:
- Code:
-
.descstati { width: 510px; background-color: #0e0d0c; padding: 10px; border-radius: 50px; border-left: solid #0d0807; 4px; border-right: solid #0d0807; 4px; }
.groupy { z-index: 2; width: 100%; text-align: center; font-family: Felipa; font-size: 18px; letter-spacing: 1px; text-shadow: 1px 1px 1px #000000; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.groupy:hover{ letter-spacing: 2px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.tableauqueel { width: 680px; height: 350px; -moz-border-radius: 30px 300px; -webkit-border-radius: 30px 300px; border-radius: 30px 300px; border-left: 2px solid #1d1310; border-right: 2px solid #1d1310; border-bottom: 2px solid #1d1310; border-top: 5px solid #1d1310; padding: 0 }
.textqeel { position: relative;z-index: 1;float: right; word-spacing: 1pt; padding: 10px; font-weight: normal; color: #2795A1; text-shadow: 1px 1px 1px black; font-family: Felipa; font-size: 18px; text-align: center; letter-spacing: 0pt; -webkit-transition: rotate(-5deg);/* pour navigateur webkit */ -moz-transform: rotate(-5deg); /* pour navigateur mozilla */ -o-transform: rotate(-5deg);/* pour navigateur opera */ transform: rotate(-5deg); /* pour les navigateurs récents */}
.back { background-color: #100a09; border-left: 2px solid #1d1310; border-right: 2px solid #1d1310; border-bottom: 2px solid #1d1310; border-top: 5px solid #1d1310; -box-shadow: black 10px; width: auto; padding: 10px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
Et mon template: - Spoiler:
- Code:
-
<table cellspacing="3" cellpadding="0" align="center" border="0" style="text-align: justify"> <tr> <td colspan="2" align="top" width="50%"> <div class="back" style="margin-left:55px;margin-top: 5px;"> <div style="margin-bottom: -3px; margin-top: 5px;line-height: 1.1; width: 250px; min-height:250px;text-align: justify;"> <br /> <span class="gensmall">Sois le bienvenue à New York, mon jeune ami. La Capitale et ses merveilles n'attendaient plus que toi. Ne crains rien, tu vas te plaire ici, tes nouveaux camarades sauront se montrer agréables. Ou pas. Mais ne t’en fais pas, quoi qu'il advienne, tu ne seras jamais seul dans l'Arène<br><br></span> <script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"Il y a déjà,");</script><span class="gensmall"><span id="TOTALUSERS">{TOTAL_USERS}</span><justify><script type="text/javascript">document.getElementById('TOTALUSERS').innerHTML=document.getElementById('TOTALUSERS').innerHTML.replace(/membre/,"participants");</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/,"Il y a déjà");</script><script type="text/javascript">document.getElementById('TOTALPOSTS').innerHTML=document.getElementById('TOTALPOSTS').innerHTML.replace(/messages/,"noms prêts à être sélectionnés.");</script></span>. <br><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 Elu à avoir franchi les portes de la Capitale");</script>, puisse le Sort lui être favorable!<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/,"utilisateur en ligne");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/utilisateurs en ligne/,"utilisateurs en ligne ");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistré/,"Habitant");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistrés/,"Habitants");</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é/,"Etranger");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invités/,"Etrangers");</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/,"En ces temps sombres, il y a toujours quelque courageux qui s’aventurent hors de leur zone. Il y en a actuellement : ");</justify></script><br /> <hr> La première édition des Hunters' Seasons a eu lieu le DATE OUVERTURE. Design réalisé par Cryingshame. Forum optimisé pour Mozilla Firefox (1280*1024) Un minimum de 20 lignes par post est demandé. <br/><br/> </span></div> </td> <td width="10%" valign="top" align="center"> </td> <td width="70%" align="center"> <div class="back" style="margin-top: 5px;margin-right:15px;color: #100a09;"><div style="line-height: 1.1; height:280px; overflow: auto; width: 230px; margin-bottom: 23px; margin-top: -5px; margin-right: 5px;margin-left: -5px;"><span style="text-align: justify; "> <ul><div class="gensmall"><table><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table><br /></div></ul> </span></div></div> </td> </tr> </table> <br /> </div> </center> <br />
Auriez-vous une idée de l'endroit d'où peut provenir ce cadre? Merci d'avance pour votre aide | | |
| | | Safran
{ Spécialiste }
Messages : 658
| Alors je sais que sa provient de la balise <table> mais je ne sais malheureusement pas le modifier , sur mon forum le fond est unicolore donc je ne sais pas vers quoi t'orienter. Désolé ! | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Salut, essaie ce code : - Code:
-
.row1 > span.gensmall { background: red; }
Changes la couleur comme tu le souhaites et dit moi si il y'as des soucis :ok: | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Merci beaucoup pour ta réponse *.* alors ça a en partie fait disparaître le problème. Le cadre noir a été réduit au nom d'utilisateur =S la ligne "membre connecté" est de la même couleur mais pas le reste =S | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| De quelle couleur aimerait tu que le fond soit ? Si il s'agit du forum dans ton profil, étant donné que tout le fond est noir je ne vois pas le problème, mais sinon peut tu me passer un lien vers le forum ? | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Le fond est bordeaux en fait =S Le truc c'est qu'en rajoutant le code que tu m'as donné, ça surligne aussi les liens du forum, ceux qu'il y a dans les catégories =S Le voilà:
| | |
| | | Hiro
Ninja Codeur
Messages : 1179
| D'accord, essaie de rajouter un td devant le .row1 | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Ca a enlevé une partie du sur-lignage des liens, mais niveau QEEL c'est toujours pareil =S | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Je vois, en fait le problème c'est que fa ajoute automatiquement une class au td de cette ligne : - Code:
-
<div class="gensmall"><table><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table><br /></div>
Essaie de supprimer ce td, dit moi si cela fonctionne sinon je verras pour supprimer la class en js. (et tu peux suppr le css précédemment donné). | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Ca a en levé le sur-lignagne des liens, mais du coup le fonds des derniers connectés est de nouveau tout noir *pas taper* | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| D’après ce que je vois tu n'as pas supprimer le bon td, peut tu reposter ton templates modifier ? | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Vouip, le voilà: - Code:
-
<table cellspacing="3" cellpadding="0" align="center" border="0" style="text-align: justify"> <tr> <td colspan="2" align="top" width="50%"> <div class="back" style="margin-left:55px;margin-top: 5px;"> <div style="margin-bottom: -3px; margin-top: 5px;line-height: 1.1; width: 250px; min-height:250px;text-align: justify;"> <br /> <span class="gensmall">Sois le bienvenue à New York, mon jeune ami. La Capitale et ses merveilles n'attendaient plus que toi. Ne crains rien, tu vas te plaire ici, tes nouveaux camarades sauront se montrer agréables. Ou pas. Mais ne t’en fais pas, quoi qu'il advienne, tu ne seras jamais seul dans l'Arène<br><br></span> <script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"Il y a déjà,");</script><span class="gensmall"><span id="TOTALUSERS">{TOTAL_USERS}</span><justify><script type="text/javascript">document.getElementById('TOTALUSERS').innerHTML=document.getElementById('TOTALUSERS').innerHTML.replace(/membre/,"participants");</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/,"Il y a déjà");</script><script type="text/javascript">document.getElementById('TOTALPOSTS').innerHTML=document.getElementById('TOTALPOSTS').innerHTML.replace(/messages/,"noms prêts à être sélectionnés.");</script></span>. <br><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 Elu à avoir franchi les portes de la Capitale");</script>, puisse le Sort lui être favorable!<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/,"utilisateur en ligne");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/utilisateurs en ligne/,"utilisateurs en ligne ");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistré/,"Habitant");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Enregistrés/,"Habitants");</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é/,"Etranger");</script><script type="text/javascript">document.getElementById('TOTALONLINE').innerHTML=document.getElementById('TOTALONLINE').innerHTML.replace(/Invités/,"Etrangers");</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/,"En ces temps sombres, il y a toujours quelque courageux qui s’aventurent hors de leur zone. Il y en a actuellement : ");</justify></script><br /> <hr>© La première édition des Hunters' Seasons a eu lieu le DATE OUVERTURE. Design réalisé par Cryingshame. Forum optimisé pour Mozilla Firefox (1280*1024) Un minimum de 20 lignes par post est demandé. <br/><br/> </span></div>
</td> <td width="10%" valign="top" align="center"> </td> <td width="70%" align="center"> <div class="back" style="margin-top: 5px;margin-right:5px;"><div style="line-height: 1.1; height:280px; overflow: auto; width: 230px; margin-bottom: 23px; margin-top: -5px; margin-right: 2px;margin-left: -20px;"><span style="text-align: justify; "> <ul><div class="gensmall" style="background-color: #100a09;"><table><tr>{L_CONNECTED_MEMBERS}</tr></table><br /></div></ul> </span></div></div> </td> </tr> </table> <br /> </div> </center> <br /> | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Oh là, oh là Hiro, tu es codeur tu ne peux pas faire ce genre d'erreur O_O
La variable {L_CONNECTED_MEMBERS} contient déjà une cellule et une ligne de tableau, on ne doit l'entourer que par des balises <table> !!
Par ailleurs, ce "bug" possède un correctif qui est disponible dans les tutoriels de CSSActif ! (Section Pas à Pas » Footer, si je ne me trompe pas)
Edit : http://www.css-actif.com/t5189-corriger-le-bug-du-qui-est-en-ligne | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Quelle goure je fais, j'ai pas pensé à regarder là dedans, pardon pardon Le problème est résolu en tout cas, merci beaucoup | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Hello OceanSoul, Merci d'avoir signalé que ton sujet est résolu. A bientôt ! Je classe. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|