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! |
| Modifications et problèmes de QEEL | |
| Tarsicius
{ Membre }
Messages : 107
| Bonjour! Voilà, je cherchais à modifier les phrases de mon QEEL, j'ai suivi ce qu'Iko', je pense, avait expliqué mais j'ai encore pas mal de problèmes.. Voilà l'illustration: Et les codes: CSS: - Spoiler:
- Code:
-
.barre1{ background-color:#D9E5F5;border: 1px #2D81EA 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:left; text-decoration: none !important; height:auto}
.statistiques{ border:0px; background-image: url("LIEN IMAGE DU HAUT"); background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ 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;}
a:hover { text-decoration: underline overline; font-family: 'Comic sans MS'; text-transform: uppercase; }
a { text-decoration: none; }
.vignettes {-moz-border-radius:7px; background-color: #8d6235; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px;}
#chatbox_members ul li, body.chatbox { background-image: url("http://images.cdn.fotopedia.com/flickr-526457195-image.jpg");}
td.row1,td.row2,td.row3.over { background-color: #BA8C43; }
#qeel td.row1 { background: none; }
.postbody { margin-left: 20px; }
a { text-align: justify;}
#add-google{ border: 2px dotted #9c7638; }
Template: - Spoiler:
- Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
<span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="15%"></td> <td width="50%"> <br><br><center> <span class="groupes"> <a href="LIEN DU GROUPE 1"><font color="#A3EAFF" size="2"><b>Administrateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="Lien groupe2"><font color=#000099 size="2"><b>Modérateurs</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="Lien groupe3"><font color=#000000 size="2"><b>Directeur</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br> <span class="groupes"> <a href="Lien groupe4"><font color=#ecfa2a size="2"><b>Etudiants d'Art</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="Lien groupe5"><font color=#ffb459 size="2"><b>Etudiants de Langues</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="lien groupe1"><font color=#ff5252 size="2"><b>Etudiants de Sport</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"><a href="Lien groupe2"><font color=#ffdd00 size="2"><b>Professeurs d'Art</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br> <span class="groupes"> <a href="Lien groupe3"><font color=#d06f11 size="2"><b>Professeurs de Langues</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"> <span class="groupes"> <a href="Lien groupe4"><font color= #ff1919 size="2"><b>Professeurs de Sports</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<blockquote><blockquote><font size="1"><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 élèves se sont déjà passé");</script>. <span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"élèves inscrits à Khyssian University");</script>. <span id="yosh"><i>{NEWEST_USER}</i></span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le dernier élève arrivé");</script>.
<span class="gensmall"><span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Personne foulant le sol de Khyssian University");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"Personnes foulant le sol de Khyssian University");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Élève");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Élèves");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Élève qui se cache et");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Élèves qui se cachent et");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Visiteur");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Visiteurs");</script></span>. <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/,"Élèves dans l'école");</script></span></blockquote></blockquote></td></font><br><br>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
Ce qui ne va pas: - Les statistiques se sont décalées vers la droite, alors qu'il ne me semble pas l'avoir demandé - La phrase du dernier inscrit est tout en italique alors qu'il ne faudrait que le nom (ça aussi ça a changé d'un coup alors que ça fonctionnait bien au début) - Le point des personnes en ligne est décalé par rapport au texte.. :/ - La première partie des stats est écrite plus petite et si je mets des balises du début à la fin du code, cette partie change mais pas la suite >.< Ce que je voudrais encore changer: - Le nombre de message postés. Il me semblait que j'avais le {} de ça mais il a disparu de mon code - Et je voulais savoir s'il était aussi possible de changer ce qui est encadré en bleu dans les connexions en 24h... Merci d'avance! | | |
| | | .Little Lady
{ Membre actif }
Messages : 564
| Alors, je peux juste te dire que changer le texte de l'encadré bleu est impossible. Pour le reste, je pense qu'un codeur pourra mieux t'aider que moi. | | |
| | | Tarsicius
{ Membre }
Messages : 107
| Merci déjà pour cette réponse | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
| | | Tarsicius
{ Membre }
Messages : 107
| | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
| | | Tarsicius
{ Membre }
Messages : 107
| | | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Euhm, désolé, encore une fois ... Le probème est-il résolu ? | | |
| | | Tarsicius
{ Membre }
Messages : 107
| | | | Liliana
{ Membre actif }
Messages : 997
| Bonjour, En considérant que le problème est toujours d'actualité; - Les statistiques se sont décalées vers la droite, alors qu'il ne me semble pas l'avoir demandé>> Normal; vous avez deux colonnes dans votre tableau. Un "td" qui fait 15% de la largeur, ce qui crée une zone vide sur la gauche, et décale les statistiques sur la droite. - La phrase du dernier inscrit est tout en italique alors qu'il ne faudrait que le nom (ça aussi ça a changé d'un coup alors que ça fonctionnait bien au début)>> Normal, il y a une balise "i" dans la variable. - La première partie des stats est écrite plus petite et si je mets des balises du début à la fin du code, cette partie change mais pas la suite >.<>> C'est une différence de taille & d'écriture. Une balise a été rajoutée pour que tout soit pareil =) Donc, j'ai modifié le code du template; et retiré ce qui n'allait pas : - Spoiler:
- Code:
-
{JAVAscript} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
</td> </tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username"/> <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password"/> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> </td> </tr> </table> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques"> <tr> <td width="100%" align="justify"> <div align="center"><span class="groupes"> <a href="LIEN DU GROUPE 1"><font color="#A3EAFF" size="2"><b>Administrateurs</b></font></a> </span> <span class="groupes"> <a href="Lien groupe2"><font color="#000099" size="2"><b>Modérateurs</b></font></a> </span> <span class="groupes"> <a href="Lien groupe3"><font color="#000000" size="2"><b>Directeur</b></font></a> </span> <br><br>
<span class="groupes"> <a href="Lien groupe4"><font color="#ecfa2a" size="2"><b>Etudiants d'Art</b></font></a> </span> <span class="groupes"> <a href="Lien groupe5"><font color="#ffb459" size="2"><b>Etudiants de Langues</b></font></a> </span> <span class="groupes"> <a href="lien groupe1"><font color="#ff5252" size="2"><b>Etudiants de Sport</b></font></a> </span> <span class="groupes"> <a href="Lien groupe2"><font color="#ffdd00" size="2"><b>Professeurs d'Art</b></font></a> </span> <br><br> <span class="groupes"> <a href="Lien groupe3"><font color="#d06f11" size="2"><b>Professeurs de Langues</b></font></a> </span> <span class="groupes"> <a href="Lien groupe4"><font color="#ff1919" size="2"><b>Professeurs de Sports</b></font></a> </span> </div> <br>
<span class="gensmall"> <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 élèves se sont déjà passé");</script>. <span id="matt">{TOTAL_USERS}</span> <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"élèves inscrits à Khyssian University");</script>. <br> <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 élève arrivé");</script>.<br><br>
<span id="delf">{TOTAL_USERS_ONLINE}</span> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Personne foulant le sol de Khyssian University");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"Personnes foulant le sol de Khyssian University");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Élève");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Élèves");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Élève qui se cache et");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Élèves qui se cachent et");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Visiteur");</script> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Visiteurs");</script> <br> <span id="nounou">{LOGGED_IN_USER_LIST}</span> <script type="text/javascript">document.getElementById('nounou').innerHTML=document.getElementById('nounou').innerHTML.replace(/Utilisateurs enregistrés/,"Élèves dans l'école");</script> </span> </td> <br><br>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">{L_CONNECTED_MEMBERS}</table>
<!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
Et dans ton CSS; remplace ta class "groupe" par celle là (y'a juste une marge de rajoutée) - Code:
-
.groupes{ 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; margin-left: 5px;} En espérant que ça marchera | | |
| | | Tarsicius
{ Membre }
Messages : 107
| Super! Merci beaucoup Liliana ^^ C'est bon, à classer | | |
| | | Liliana
{ Membre actif }
Messages : 997
| De rien Je classe =) | | |
| | | Contenu sponsorisé
| | | | | Modifications et problèmes de QEEL | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|