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! |
| Mettre une image pour mon QEEL | |
| Sweety_Vanoux
{ Membre }
Messages : 7
| Bonjour, Bonsoir ! Alors voici à quoi ressemble mon QEEL: - Spoiler:
Moi j'aimerais pouvoir mettre une image à cet endroit : - Spoiler:
Voilà mon template index_body - 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 --> <center> <table class="qeel1" width="870" cellspacing="0" cellpadding="0" border="0" style="text-align: justify;"> <tbody> <tr> <td> <img border="0" src="http://i31.tinypic.com/mugck1.jpg" /> <img border="0" src="http://i31.tinypic.com/mugck1.jpg" /> </td> <td> <br> <center> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=4&sid=834ee839e1448984739097dc12a42f3d"> <font color="#A5DB30"> <b>PNJ</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=3&sid=834ee839e1448984739097dc12a42f3d"> <font color="#3D689C"> <b>POLICE</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=7&sid=834ee839e1448984739097dc12a42f3d"> <font color="#C48DB9"> <b>PROSTITUEES</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=5&sid=834ee839e1448984739097dc12a42f3d"> <font color="#35A9B8"> <b>CITOYENS</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=6&sid=834ee839e1448984739097dc12a42f3d"> <font color="#7A2276"> <b>CRIMINELS</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!-->
</center> <br> <span class="gensmall"> <table width="400" cellspacing="3" cellpadding="3" border="0" style="text-align: justify;"> <tbody> <tr> <td> Les habitants de <span id="oli">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('oli').innerHTML=document.getElementById('oli').innerHTML.replace(/Nos membres/,"Miami");</script>. <span id="mario">{TOTAL_USERS}. </span><script type="text/javascript">document.getElementById('mario').innerHTML=document.getElementById('mario').innerHTML.replace(/membres enregistrés/,"personnes vivant à Miami");</script> <span id="caro">{NEWEST_USER}</span> <script type="text/javascript">document.getElementById('caro').innerHTML=document.getElementById('caro').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière personne à s'être installée à Miami est :");</script>.<br><br> <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 qui se promène à Miami");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes qui se promènent à Miami ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"citoyen");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"citoyens");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"agent secret, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"agents secret, ");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"étranger");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"étrangers");</script></span><br><br> {LOGGED_IN_USER_LIST}<br> </td> </tr> </tbody> </table> <td> <span class="qeel2"> <table class="listlastconnected" width="400" cellspacing="3" cellpadding="3" style="border-left: 2px dotted rgb(196, 189, 194); text-align: justify;" > <tbody> <tr> <td valign="top"> <span class="qeel3"></span> </td> </tr> <tr> <td class="row1"> <span class="gensmall">{L_CONNECTED_MEMBERS}</span> </td> </tr> <tr> <td valign="top"></td> </tr> </tbody> </table> </span> </td> </tr> </tbody> </table> </span> </td> <td> </td> </tr> </tbody> </table> </center> <!-- 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 -->
<html><head> <style type="text/css"> .mycss { font-weight:normal;font-variant:small-caps;color:#000000;letter-spacing:1pt;word-spacing:2pt;font-size:11px;text-align:center;font-family:arial, helvetica, sans-serif;line-height:1; } </style> </head> <body> <p class="mycss">(c) SWEETY / Toute Reproduction, Même Partielle Est Interdite !</p> </body> {AUTO_DST}
Et le CSS pour mon QEEL - Spoiler:
- Code:
-
/* CSS pour QUEEL */ .qeel1 { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background-color:#000000; background-repeat:no-repeat; border:3px solid #1d465e; padding:5px; }
.qeel2 { background-color:#E1DDE0; background-repeat:no-repeat; padding-bottom:5px; }
.groupes { -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; background-color:#092230; border-bottom:0 none; color:#000000; font-size:14px; font-weight:bold; padding:1px 10px 2px; text-align:center; text-decoration:none !important; text-transform:uppercase; } /* Fin CSS pour QUEEL */
Je vous remercie d'avance pour les solutions que vous pourrez m'apporter ! Si vous avez besoin d'autres informations, dites le moi ! |
Dernière édition par Sweety_Vanoux le Jeu 11 Nov 2010, 13:42, édité 1 fois | |
| | | Sui
{ Membre actif }
Messages : 346
| Il suffit de mettre "background-image: url('URL DE IMG');" dans ta balise qui concerne le coté du QEEL que tu veux. (: | | |
| | | Sweety_Vanoux
{ Membre }
Messages : 7
| Merci beaucoup Sui ! Finalement j'ai fait autre chose (nouvelle position du QEEL etc.) mon image de fond c'est mise correctement mais voilà, à propos de "Membres connectés au cours des 24 dernières heures" le fond ne s'affiche pas correctement. Explication en image: - Spoiler:
Voici le CSS qui concerne mon QEEL: - Spoiler:
- Code:
-
/* CSS pour QUEEL */ .texteqeel { text-align:justify; color: #FFFFFF; }
.imageqeel { background-image: url(http://i54.tinypic.com/noc22t.jpg); background-repeat: no-repeat; }
.groupes { -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; background-color:#092230; border-bottom:0 none; color:#000000; font-size:14px; font-weight:bold; padding:1px 10px 2px; text-align:center; text-decoration:none !important; text-transform:uppercase; } /* Fin CSS pour QUEEL */
Et la partie du template concernée : - Spoiler:
- Code:
-
<!-- BEGIN disable_viewonline --> <div class="imageqeel"> <center><table width="85%" border-collapse="collapse" cellspacing="10px"> <tr><td width="44%" valign="top"><table><span class="texteqeel">{L_CONNECTED_MEMBERS}</span><br><br></table><br><div class="texteqeel">Merci d'être parmi nous ! Nous vous souhaitons à tous de passer d'agréables moments en notre compagnie. Et chers petits membres, n'oubliez pas de voter pour votre forum préféré !</div> </td> <td width="41%" valign="top"><br> <center> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=4&sid=834ee839e1448984739097dc12a42f3d"> <font color="#A5DB30"> <b>PNJ</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> • <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=3&sid=834ee839e1448984739097dc12a42f3d"> <font color="#3D689C"> <b>POLICE</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> • <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=7&sid=834ee839e1448984739097dc12a42f3d"> <font color="#C48DB9"> <b>PROSTITUEES</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--><br><br> <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=5&sid=834ee839e1448984739097dc12a42f3d"> <font color="#35A9B8"> <b>CITOYENS</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!--> • <!--CETTE PARTIE EST A RECOPIER AUTANT DE FOIS QU'IL Y A DE GROUPES!--> <span class="groupes"> <a href="http://miami-crime.forumactif.org/groupcp.forum?g=6&sid=834ee839e1448984739097dc12a42f3d"> <font color="#7A2276"> <b>CRIMINELS</b> </font> </a> </span> <!--RECOPIER JUSQU'ICI!-->
</center><br> <div class="texteqeel"><span id="delf2">{TOTAL_USERS}. </span><script type="text/javascript">document.getElementById('delf2').innerHTML=document.getElementById('delf2').innerHTML.replace(/membres enregistrés/,"personnes vivant à Miami");</script><script type="text/javascript">document.getElementById('delf2').innerHTML=document.getElementById('delf2').innerHTML.replace(/Nous avons/,"Il y a");</script><span id="delf3">{TOTAL_POSTS}.</span> <script type="text/javascript">document.getElementById('delf3').innerHTML=document.getElementById('delf3').innerHTML.replace(/Nos membres ont posté un total de/,"Les habitants de Miami sont de vrais aventuriés. Leur sont dédiés plus de");</script><span id="delf1">{NEWEST_USER}. </span><script type="text/javascript">document.getElementById('delf1').innerHTML=document.getElementById('delf1').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière personne à s'être installée est");</script><span id="delf">{TOTAL_USERS_ONLINE}.</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Il y a en tout/,"Miami est animé par");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Citoyen");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Citoyens");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Agent secret et,");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Agents secret et,");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"touriste");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"touristes");</script><br></div> <br></div></td> </tr> </table></center></div></div>
<!-- END disable_viewonline -->
J'ai essayé de farfouiller et changer quelques trucs mais rien n'y fait, je n'arrive pas à arranger mon problème =/ Merci d'avance à qui viendra me sauver ! <3 | | |
| | | Invité Invité
| Coucou n_n
Alors pour le fond de tes derniers membres connectés, tu ne pourras rien y faire =O La variable est configuré de telle manière à prendre la couleur d'un des fond d'une row de ton forum ._." | | |
| | | Sweety_Vanoux
{ Membre }
Messages : 7
| Haaan ='(
Bon bah je vais essayer de faire une image avec un fond noir à cet endroit alors ... Merci de ta réponse Ketsia ! | | |
| | | Druyk
{ Membre actif }
Messages : 339
| Vu que le probléme est résolu, je déplace le sujet | | |
| | | Contenu sponsorisé
| | | | | Mettre une image pour mon QEEL | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|