Image de fond du QUEEL qui se duplique Bouton_activeImage de fond du QUEEL qui se duplique Bouton_hoverImage de fond du QUEEL qui se duplique Fb-hoverImage de fond du QUEEL qui se duplique Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Image de fond du QUEEL qui se duplique EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Image de fond du QUEEL qui se duplique EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Image de fond du QUEEL qui se duplique EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Image de fond du QUEEL qui se duplique EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Image de fond du QUEEL qui se duplique EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Image de fond du QUEEL qui se duplique EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Image de fond du QUEEL qui se duplique EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Image de fond du QUEEL qui se duplique EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Image de fond du QUEEL qui se duplique

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://elegance-temptation.forumsactifs.net/forum.htm
Saya
Saya
{ Membre }
{ Membre }

Féminin Messages : 126



Image de fond du QUEEL qui se duplique Empty
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 ^-^
MessageSujet: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptySam 23 Oct 2010, 11:05
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Image de fond du QUEEL qui se duplique Empty
Bonjour Smile

Oui il serait préférable que nous ayons ton template modifié et ton CSS pour pouvoir t'aider. Image de fond du QUEEL qui se duplique 926145
MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptySam 23 Oct 2010, 11:07
Revenir en haut Aller en bas
http://elegance-temptation.forumsactifs.net/forum.htm
Saya
Saya
{ Membre }
{ Membre }

Féminin Messages : 126



Image de fond du QUEEL qui se duplique Empty
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;
}

MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptySam 23 Oct 2010, 11:16
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Image de fond du QUEEL qui se duplique Empty
essaye d'ajouter ce code dans le css de ton forum

Code:

.atelier{
  background-repeat: no-repeat;
}
.atelier table{
    position: relative;
    top: -180px;
}
MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptySam 23 Oct 2010, 18:39
Revenir en haut Aller en bas
http://elegance-temptation.forumsactifs.net/forum.htm
Saya
Saya
{ Membre }
{ Membre }

Féminin Messages : 126



Image de fond du QUEEL qui se duplique Empty
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ù ?
MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptyDim 24 Oct 2010, 10:06
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Image de fond du QUEEL qui se duplique Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône Image de fond du QUEEL qui se duplique Resolu3 en éditant votre 1er post.
MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptyLun 01 Nov 2010, 10:29
Revenir en haut Aller en bas
Druyk
Druyk
{ Membre actif }
{ Membre actif }

Masculin Messages : 339



Image de fond du QUEEL qui se duplique Empty
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.
MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique EmptyDim 07 Nov 2010, 04:57
Revenir en haut Aller en bas
Contenu sponsorisé




Image de fond du QUEEL qui se duplique Empty
MessageSujet: Re: Image de fond du QUEEL qui se duplique   Image de fond du QUEEL qui se duplique Empty
Revenir en haut Aller en bas
 

Image de fond du QUEEL qui se duplique

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Comment mettre une image de fond pour un QUEEL? En COURS
» Queel en bas du forum Juste le fond blanc
» Mettre une image en Image du fond des titres.
» Centrer l'image du QUEEL?
» Problème au niveau de l'image de queel

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit