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! |
| Image de fond du QUEEL qui se duplique | |
| Saya
{ Membre }
Messages : 126
| Bonjour =) Alors je suis en train de coder un qui est en ligne. Cependant, j'ai un ennuie c'est que mon image de fond se duplique 3 fois alors que dans le CSS je ne l'ai mis qu'une seule fois. Je ne vois vraiment pas où est le problème malheureusement !
Voici le QUEEL sur mon forum de test; Cliquez.
Faut-il que je copie mon template et mon css ?
Merci d'avance : ) J'espère avoir été claire ^-^ | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour Oui il serait préférable que nous ayons ton template modifié et ton CSS pour pouvoir t'aider. | | |
| | | Saya
{ Membre }
Messages : 126
| Le voici : Template - 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 --> <center><table cellspacing="2" cellpadding="2" width="590px" border="0" class="atelier"> <tr> <td width="5px"></td> <td width="590px"> <br><center> <table style="margin-top:-50px;"><tbody><tr align="center"><td width="50%">
<span class=chatling><a class="infobulle" href="http://www.nano-roleplay.com/groupcp.forum?g=1" style="color: #990000"><b>BigBoss</b><em><div align="justify"><span style="font-size: 9px; line-height: normal"><center><b>BigBoss</b></center><br>LA TU ÉCRIS UNE DESCRIPTION DE CE GROUPE POUR L'INFOBULLE </span></div></em></a></span>
<span class=chatling><a class="infobulle" href="http://www.nano-roleplay.com/groupcp.forum?g=2" style="color: #45C902"><b>Petit Manitou</b><em><div align="justify"><span style="font-size: 9px; line-height: normal"><center><b>DESIGNERS</b></center><br> LA TU ÉCRIS UNE DESCRIPTION DE CE GROUPE POUR L'INFOBULLE.</span></div></em></a></span>
<span class=chatling><a class="infobulle" href="http://www.nano-roleplay.com/groupcp.forum?g=19" style="color: #D6440F"><b>Enquiquineurs</b><em><div align="justify"><span style="font-size: 9px; line-height: normal"><center><b>Enquiquineurs</b></center><br>LA TU ÉCRIS UNE DESCRIPTION DE CE GROUPE POUR L'INFOBULLE</span></div></em></a></span>
<span class=chatling><a class="infobulle" href="http://www.nano-roleplay.com/groupcp.forum?g=18" style="color: #054080"><b>Les Viocs</b><em><div align="justify"><span style="font-size: 9px; line-height: normal"><center><b>Les Viocs/b></center><br> LA TU ÉCRIS UNE DESCRIPTION DE CE GROUPE POUR L'INFOBULLE.</span></div></em></a></span>
<span class=chatling><a class="infobulle" href="http://www.nano-roleplay.com/groupcp.forum?g=3" style="color: #821657"><b>Players</b><em><div align="justify"><span style="font-size: 9px; line-height: normal"><center><b>Players</b></center><br> LA TU ÉCRIS UNE DESCRIPTION DE CE GROUPE POUR L'INFOBULLE.</span></div></em></a></span> </td><td width="15%"> </td> <td widht="50%"><span class="gensmall"><font size=1> {TOTAL_USERS}. <br> {NEWEST_USER}. <br> {TOTAL_POSTS}<br> {TOTAL_USERS_ONLINE}<br> <font size=1>{LOGGED_IN_USER_LIST} </font> </font> </td></tr></tbody></table> <table width="50%" align="center" style="text-align: justify> <tr><td class="yosh" align="center"><font size=1> {L_CONNECTED_MEMBERS}</font></td></tr></table></td></center></span></td> <td width="5px"></td> </tr> </table>
<table width="50%" align="center" style="text-align: justify; margin-top:-70px;" class="yosh"> <tr><td>{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}<br> <font size=1>{RECORD_USERS}</font></td></tr> </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 -->
{AUTO_DST} CSS - Code:
-
/* QUEEL NANO */
.statistiques{ border:0px; background-image: url("http://i24.servimg.com/u/f24/12/34/97/34/qel10.png"); background-repeat: no-repeat; background-position: center; height:30px;}
.groupes{ background-color:#2C1A1A;border: 1px #352020 solid; -moz-border-radius : 8px 8px 8px 8px; height:35px;padding-right:10px;padding-left:10px;padding-bottom:2px; font-size:11px;font-weight: bold;text-align:center; text-decoration: none !important;}
.chatling {background-color : #e9d5cf; font-size : 10px; text-align : center; display : block; border-left : 6px solid #7695AD; border-right : 6px solid #7695AD; color: #7695AD; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; margin: 0px 0px 1px 0px; padding-top: 3px; padding-bottom: 3px; width: 120px;}
.chatling:hover {background-color:#b9b6c8; font-size: 10px; text-align : center; text-transform: uppercase; border-left : 6px solid #A9BAC2; border-right : 6px solid #A9BAC2; color: #9FA8AD; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; margin: 0px 0px 1px 0px; padding-top: 3px; padding-bottom: 3px; width: 120x;}
a.imginfo span { display: none; /* on masque l'infobulle */ }
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 30px; /* on positionne notre infobulle */ left: 20px; background: white; color: #7d7d7d; padding: 3px; border: 0px solid grey; border-left: 5px solid #b6b6b6; border-right: 3px solid #b6b6b6; border-top: 3px solid #b6b6b6; border-bottom: 5px solid #b6b6b6; }
a.infobulle em {display:none;}
a.infobulle:hover { border: 0;position: relative;z-index: 999;text-decoration:none; background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.infobulle:hover em { font-style: normal;display: inline;position: absolute;top: 30px;left: 20px;background-color: #2C1A1A;color: #707779;padding: 3px;-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; padding-left: 6px; padding-right: 6px; padding-bottom: 6px; padding-top: 6px; border: 1px solid #352020;width:300px;} .yosh td { background-color: transparent; }
.atelier{ background-image: url('http://i24.servimg.com/u/f24/12/34/97/34/qel10.png'); height:590px; }
.abbe{ background-color: #ffffff; color: #777777; }
| | |
| | | iowan
{ Membre actif }
Messages : 304
| essaye d'ajouter ce code dans le css de ton forum - Code:
-
.atelier{ background-repeat: no-repeat; } .atelier table{ position: relative; top: -180px; }
| | |
| | | Saya
{ Membre }
Messages : 126
| Merci beaucoup c'est nikel ! Par contre juste une autre question, du coup il y a un grand espace entre le texte des connectés et des anniversaires... Je peux modifier l'écart où ? | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône en éditant votre 1er post.
| | |
| | | Druyk
{ Membre actif }
Messages : 339
| Bonjour, Mon collègue vous à fait une relance et toujours pas de réponses. Je suis désolé mais je vais devoir archivé votre demande d'aide.
| | |
| | | Contenu sponsorisé
| | | | | Image de fond du QUEEL qui se duplique | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|