Mettre l'image de QEEL au dessus des stats. Bouton_activeMettre l'image de QEEL au dessus des stats. Bouton_hoverMettre l'image de QEEL au dessus des stats. Fb-hoverMettre l'image de QEEL au dessus des stats. Fb-active
AccueilForumÉquipe 
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
» Fiche de Présentation RPG
Mettre l'image de QEEL au dessus des stats. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mettre l'image de QEEL au dessus des stats. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mettre l'image de QEEL au dessus des stats. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mettre l'image de QEEL au dessus des stats. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mettre l'image de QEEL au dessus des stats. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mettre l'image de QEEL au dessus des stats. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mettre l'image de QEEL au dessus des stats. EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Mettre l'image de QEEL au dessus des stats. EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
ETB Pokémon Fable Nébuleuse : où acheter le coffret dresseur ...
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Mettre l'image de QEEL au dessus des stats.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://quaker-oats.bbactif.com/forum.htm
eat-the-mistakes
{ Membre }
{ Membre }

Féminin Messages : 31



Mettre l'image de QEEL au dessus des stats. Empty
Bonsoir I love you I love you

Ahah, je viens en mode gros stress, en mode panique quoi. Je suis une boulette, sérieusement. J'avais demandé par MP à un modérateur où placer cette requête assez spéciale et... j'ai oublié de la poster. Je me retrouve sans QEEL à moins de douze heures de la maintenance de mon forum. Ouais, je me sens bête... Rolling Eyes M'enfin, qui ne tente rien n'a rien... Alors me voilà avec ma demande d'aide assez spéciale.

En fait, j'avais demandé il y a environ un mois un QEEL ici, et j'avais été plus que satisfaite I love you I love you I love you Pour la nouvelle version de mon forum, nous voudrions garder ce QEEL en changeant juste deux choses. Je voudrais que l'image du QEEL soit au dessus et en longueur (elle est actuellement à gauche) & que par conséquent, que tout ce qui était à droite de l'image avant soit centré en dessous (dans les mêmes dimensions). Je ne savais pas où poster ça... Mais on m'a dit de le faire ici. Me voilà, en retard...

Template index_body (je crois que c'est lui)
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">Nom:</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 -->

<!-- QEEL modifié par .Little Lady -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background-color="#FFFCE6">
  <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

      <td class="row1" width="50%"><div class="stats"><span class="gensmall">
      <span id="matt">{TOTAL_USERS}</span>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Bienvenue chez nous, cher petit kangourou  !");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"habitant vit à présent dans cette superbe ville qu'est Perth.");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"habitants vivent à présent dans cette superbe ville qu'est Perth. ");</script>

      <span id="yow">{TOTAL_POSTS}</span>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/Nos membres ont posté un total de/,"Ils ont envoyé à ce jour");</script>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById(yow').innerHTML.replace(/message/,"carte postale à leurs proches. ");</script>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/messages/,"cartes postales à leurs proches. ");</script>
 
      <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 est/,"Le dernier jeune à s'être lancé dans cette folle aventure est");</script>. Nous lui souhaitons la bienvenue.
 
    <br><br><span id="mike">{RECORD_USERS}</span>
    <script type="text/javascript">document.getElementById('mike').innerHTML=document.getElementById('mike').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/," Le record du nombre d'habitants dans les rues de Perth est de");</script>
    </span></div></td>
      <td class="row1" width="50%"><div class="stats"><span id="yohan">{TOTAL_USERS_ONLINE}</span>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateurs en ligne/,"participants se baladant dans les rues de Perth");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateur en ligne/,"participant se baladant dans les rues de Perth");</script>
 
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistré/,"participant");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistrés/,"participants");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisible/,"timide");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisibles/,"timides");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invité/,"touriste");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invités/,"touristes");</script>

                <span id="bret">{LOGGED_IN_USER_LIST}</span>
      <script type="text/javascript">document.getElementById('bret').innerHTML=document.getElementById('bret').innerHTML.replace(/Utilisateurs enregistrés/,"Les participants présents sont");</script>
      </div></td>
  </tr>
  <tr>
      <td class="row1" colspan="2"><table class="theboite stats2" colspan="2"><tr colspan="2"><td colspan="2">{L_CONNECTED_MEMBERS}</td></tr></table></td>
  </tr>
  <tr>
      <td class="row1" colspan="2"><span class="gensmall"><div align="center"><span class="groupe"><a href="http://quaker-oats.bbactif.com/groupcp.forum?g=3"><font color="#98C752">Ils sont du Pays</font></a></span>

<span class="groupe"><a href="http://quaker-oats.bbactif.com/groupcp.forum?g=4"><font color="#E06262">Ils viennent d'ailleurs</font></a></span></div></span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1">
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- Fin QEEL modifié par .Little Lady -->
{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:
.bodyline {
      border-bottom: 2px solid #B32727;
      border-left: 2px solid #B32727;
      border-right: 2px solid #B32727;
      border-top: 2px solid #B32727;
    -moz-border-radius: 5px;
}

a.mainmenu{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.mainmenu:hover{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.forumlink {
text-transform:lowercase;
margin-bottom:1px;
font-family: times new roman;
font-weight:lighter;
letter-spacing:0px;
font-size:17px;
cursor:pointer;
text-decoration: none!important;
text-shadow: #E1C99B 0px 0px 1px;
}

a.forumlink:hover{
text-transform:lowercase;
margin-bottom:1px;
font-family: times new roman;
weight:lighter;
letter-spacing:0px;
font-size:17px;
cursor:pointer;
text-shadow: #E1C99B 0px 0px 1px;
border-bottom: 3px double;
display:block;
text-align: center;
}

a.forumlink{
border-bottom: 3px double #AAD875;
display:block;
text-align: center;
}

a:hover {
text-decoration: none !important;
}

a { text-decoration: none; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #AAD875;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

tr.post span.gensmall { display: none; }

.postbody {
    display: block;
    text-align:justify;
}

.theboite {
height: 20px
overflow: auto;
}

.stats {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
height: 150px;
border: 1px solid #fffce6;
text-align: justify;
font-size:10px
}

.stats2 {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
border: 1px solid #fffce6;
text-align: justify;
width: auto;
}

.groupe {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #fffce6;
text-align: justify;
font-size: 20px;
}

#chatbox_header .catBottom .cattitle {
color: #AAD875}


a:hover {
cursor:crosshair;
}

.barre
{background-color:#AAD875;
-moz-border-radius: 15px;
font-family: courrier new;
text-align: center;
font-size: 20px;
padding-top: 2px;
width: 455px;
margin: auto;}

.nom
{text-align: center;
font-size: 22px;
font-family: courrier new;
font-weight: bold;
color: #FFFCE0;
line-height: 24px;}

.citation
{font-family: "Courier new";
font-size: 16px;
color: #FFFCE0;
text-align: justify;}

.copyright
{background-color: rgb(252, 238, 210);
-moz-border-radius: 5px;
width: 300px;
margin: auto;
padding-left: 3px;
padding-right: 3px;
line-height: 10px;
font-family: Tahoma;
font-size: 10px;
text-align: justify;}

.texte-haut
{text-align: right;
font-family: georgia;
font-size: 24px;
color: #AAD875;
line-height: 16px;}

.texte-bas
{color: #B32727;
font-size: 20px;
font-family: georgia;
font-style: italic;
text-align: left;
line-height: 9px;}

.boite
{border: 4px double #B32727;
-moz-border-radius: 5px;
width: 450px;
margin: auto;
padding: 5px;
text-align: justify;
color: #A37272;
font-size : 11px;}

.icon
{float: right;
margin: 5px;}

.postbody
{padding-left: 10px;
padding-right: 10px;}

Et voilà l'image de QEEL : https://2img.net/r/ihimizer/img193/7236/queelv.png

Bordellou, je vous remercie d'avance, vraimeeeeeeeeeeent
Shocked Embarassed I love you I love you I love you
MessageSujet: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptySam 18 Sep 2010, 18:26
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Mettre l'image de QEEL au dessus des stats. Empty
Et voilà miss =)

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">Nom:</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 -->

<!-- QEEL modifié par .Little Lady -->
<table width="100%" border="0" cellspacing="5" cellpadding="0" style="background-image: url('http://img193.imageshack.us/img193/7236/queelv.png'); width: 801px; height: 386px; background-repeat: no-repeat;">
  <tr>
      <td width="50%" class="stats" style="vertical-align: top;">
<span class="gensmall">
      <span id="matt">{TOTAL_USERS}</span>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/," Bienvenue chez nous, cher petit kangourou  !");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"habitant vit à présent dans cette superbe ville qu'est Perth.");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"habitants vivent à présent dans cette superbe ville qu'est Perth. ");</script>

      <span id="yow">{TOTAL_POSTS}</span>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/Nos membres ont posté un total de/,"Ils ont envoyé à ce jour");</script>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById(yow').innerHTML.replace(/message/,"carte postale à leurs proches. ");</script>
      <script type="text/javascript">document.getElementById('yow').innerHTML=document.getElementById('yow').innerHTML.replace(/messages/,"cartes postales à leurs proches. ");</script>
 
      <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 est/,"Le dernier jeune à s'être lancé dans cette folle aventure est");</script>. Nous lui souhaitons la bienvenue.
 
    <br /><br /><span id="mike">{RECORD_USERS}</span>
    <script type="text/javascript">document.getElementById('mike').innerHTML=document.getElementById('mike').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/," Le record du nombre d'habitants dans les rues de Perth est de");</script>
    </span></td>
      <td width="50%" class="stats" style="vertical-align: top;">
<span class="gensmall">
<span id="yohan">{TOTAL_USERS_ONLINE}</span>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateurs en ligne/,"participants se baladant dans les rues de Perth");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateur en ligne/,"participant se baladant dans les rues de Perth");</script>
 
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistré/,"participant");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistrés/,"participants");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisible/,"timide");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisibles/,"timides");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invité/,"touriste");</script>
      <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invités/,"touristes");</script>

                <span id="bret">{LOGGED_IN_USER_LIST}</span></span>
      <script type="text/javascript">document.getElementById('bret').innerHTML=document.getElementById('bret').innerHTML.replace(/Utilisateurs enregistrés/,"Les participants présents sont");</script>
    </td>
  </tr>
  <tr>
      <td colspan="2"><table class="theboite stats2" colspan="2"><tr colspan="2"><td colspan="2"><div style="background: none;>{L_CONNECTED_MEMBERS}</div></td></tr></table></td>
  </tr>
  <tr>
      <td colspan="2"><span class="gensmall"><div align="center"><span class="groupe"><a href="http://quaker-oats.bbactif.com/groupcp.forum?g=3"><font color="#98C752">Ils sont du Pays</font></a></span>

<span class="groupe"><a href="http://quaker-oats.bbactif.com/groupcp.forum?g=4"><font color="#E06262">Ils viennent d'ailleurs</font></a></span></div></span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td>
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- Fin QEEL modifié par .Little Lady -->
{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}

Code:
.onglet {
display:inline-block;
padding:3px;
border:1px solid black;
border-bottom:0px solid black;
cursor:pointer;
}

.onglet_0 {
background:#bbbbbb;
}

.onglet_1 {
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}

.contenu_onglet {
background-color:#dddddd;
border:1px solid black;
margin-right:-3px;
padding:5px;
display:none;
width: 500px;
height: 260px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}



.bodyline {
      border-bottom: 2px solid #B32727;
      border-left: 2px solid #B32727;
      border-right: 2px solid #B32727;
      border-top: 2px solid #B32727;
    -moz-border-radius: 5px;
}

a.mainmenu{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.mainmenu:hover{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.forumlink {
text-transform:lowercase;
margin-bottom:1px;
font-family: times new roman;
font-weight:lighter;
letter-spacing:0px;
font-size:17px;
cursor:pointer;
text-decoration: none!important;
text-shadow: #E1C99B 0px 0px 1px;
}

a.forumlink:hover{
text-transform:lowercase;
margin-bottom:1px;
font-family: times new roman;
weight:lighter;
letter-spacing:0px;
font-size:17px;
cursor:pointer;
text-shadow: #E1C99B 0px 0px 1px;
border-bottom: 3px double;
display:block;
text-align: center;
}

a.forumlink{
border-bottom: 3px double #AAD875;
display:block;
text-align: center;
}

a:hover {
text-decoration: none !important;
}

a { text-decoration: none; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #AAD875;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

tr.post span.gensmall { display: none; }

.postbody {
    display: block;
    text-align:justify;
}

.theboite {
height: 20px
overflow: auto;
}

.stats {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
padding-top: 200px !important;
height: 150px;
text-align: justify;
font-size: 10px;
}

.stats2 {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
text-align: justify;
width: auto;
}

.groupe {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #fffce6;
text-align: justify;
font-size: 20px;
}

#chatbox_header .catBottom .cattitle {
color: #AAD875}


a:hover {
cursor:crosshair;
}

.barre
{background-color:#AAD875;
-moz-border-radius: 15px;
font-family: courrier new;
text-align: center;
font-size: 20px;
padding-top: 2px;
width: 455px;
margin: auto;}

.nom
{text-align: center;
font-size: 22px;
font-family: courrier new;
font-weight: bold;
color: #FFFCE0;
line-height: 24px;}

.citation
{font-family: "Courier new";
font-size: 16px;
color: #FFFCE0;
text-align: justify;}

.copyright
{background-color: rgb(252, 238, 210);
-moz-border-radius: 5px;
width: 300px;
margin: auto;
padding-left: 3px;
padding-right: 3px;
line-height: 10px;
font-family: Tahoma;
font-size: 10px;
text-align: justify;}

.texte-haut
{text-align: right;
font-family: georgia;
font-size: 24px;
color: #AAD875;
line-height: 16px;}

.texte-bas
{color: #B32727;
font-size: 20px;
font-family: georgia;
font-style: italic;
text-align: left;
line-height: 9px;}

.boite
{border: 4px double #B32727;
-moz-border-radius: 5px;
width: 450px;
margin: auto;
padding: 5px;
text-align: justify;
color: #A37272;
font-size : 11px;}

.icon
{float: right;
margin: 5px;}

.postbody
{padding-left: 10px;
padding-right: 10px;}
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 07:19
Revenir en haut Aller en bas
http://quaker-oats.bbactif.com/forum.htm
eat-the-mistakes
{ Membre }
{ Membre }

Féminin Messages : 31



Mettre l'image de QEEL au dessus des stats. Empty
Tout d'abord, je te remercie au moins cinquante mille fois de m'aider Embarassed Tu as tout à fait compris ce que nous voulions, mais il y a un souci quelque part (a). En fait, l'image se trouve derrière le texte, nous aimerons qu'elle soit bien au dessus Smile

Voila ce que j'obtiens :
Spoiler:


Sinon, le CSS a été modifié entre temps & je ne sais pas ce que je dois changer...
Code:

.bodyline {
      border-bottom: 2px solid #5A275C;
      border-left: 2px solid #5A275C;
      border-right: 2px solid #5A275C;
      border-top: 2px solid #5A275C;
    -moz-border-radius: 5px;
}

a.mainmenu{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.mainmenu:hover{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.forumlink {
color: #A4241A;
display: block;
font-family: vivaldi;
text-shadow: 1px 1px 2px #000000;
margin-left: 20px;
margin-right: 20px;
font-size: 30px;
border-bottom: 1px dashed #5A275C;
-moz-border-radius:30px;
text-align: center;
letter-spacing: 0px;}

a.forumlink:hover{
color: #5A275C;
display: block;
font-family: vivaldi;
text-shadow: 1px 1px 2px #000000;
margin-left: 20px;
margin-right: 20px;
font-size: 30px;
border-bottom: 1px dashed #A4241A;
-moz-border-radius:30px;
text-align: center;
letter-spacing: 0px;}

a:hover {
text-decoration: none !important;
}

a { text-decoration: none; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 2px solid #A4241A;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

tr.post span.gensmall { display: none; }

.postbody {
    display: block;
    text-align:justify;
}

.theboite {
height: 20px
overflow: auto;
}

.stats {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
height: 150px;
border: 1px solid #fffce6;
text-align: justify;
font-size:10px
}

.stats2 {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
border: 1px solid #fffce6;
text-align: justify;
width: auto;
}

.groupe {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #fffce6;
text-align: justify;
font-size: 20px;
}

#chatbox_header .catBottom .cattitle {
color: #AAD875}


a:hover {
cursor:crosshair;
}

.barre
{background-color:#A4241A;
-moz-border-radius: 15px;
font-family: courrier new;
text-align: center;
font-size: 20px;
padding-top: 2px;
width: 455px;
margin: auto;}

.nom
{text-align: center;
font-size: 22px;
font-family: courrier new;
font-weight: bold;
color: #FFFCE0;
line-height: 24px;}

.citation
{font-family: "Courier new";
font-size: 16px;
color: #FFFCE0;
text-align: justify;}

.copyright
{background-color: rgb(252, 238, 210);
-moz-border-radius: 5px;
width: 300px;
margin: auto;
padding-left: 3px;
padding-right: 3px;
line-height: 10px;
font-family: Tahoma;
font-size: 10px;
text-align: justify;}

.texte-haut
{text-align: right;
font-family: georgia;
font-size: 24px;
color: #5A275C;
line-height: 16px;}

.texte-bas
{color: #A4241A;
font-size: 20px;
font-family: georgia;
font-style: italic;
text-align: left;
line-height: 9px;}

.boite
{border: 4px double #5A275C;
-moz-border-radius: 5px;
width: 450px;
margin: auto;
padding: 5px;
text-align: justify;
color: #A37272;
font-size : 11px;}

.icon
{float: right;
margin: 5px;}

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}

Merci d'avance I love you
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 07:38
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Mettre l'image de QEEL au dessus des stats. Empty
Il faut que dans ton CSS dans la partie

.stats

tu rajoutes :

Code:
padding-top: 200px !important;
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 09:04
Revenir en haut Aller en bas
http://quaker-oats.bbactif.com/forum.htm
eat-the-mistakes
{ Membre }
{ Membre }

Féminin Messages : 31



Mettre l'image de QEEL au dessus des stats. Empty
J'ai rajouté ce que tu m'as dit de faire. L'image est bien placée ♥️♥️. Mais il y a un souci ailleurs désormais.. (je suis une boulette hein Sad )

Spoiler:
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 09:11
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Mettre l'image de QEEL au dessus des stats. Empty
Les lignes blanches ?
Je les avais enlevé dans l'autre CSS j'ai oublié ^^
donc voilà normalement:

Code:

.bodyline {
      border-bottom: 2px solid #5A275C;
      border-left: 2px solid #5A275C;
      border-right: 2px solid #5A275C;
      border-top: 2px solid #5A275C;
    -moz-border-radius: 5px;
}

a.mainmenu{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.mainmenu:hover{
font-size : 12px;
font-family : times new roman;
text-transform:lowercase;
}

a.forumlink {
color: #A4241A;
display: block;
font-family: vivaldi;
text-shadow: 1px 1px 2px #000000;
margin-left: 20px;
margin-right: 20px;
font-size: 30px;
border-bottom: 1px dashed #5A275C;
-moz-border-radius:30px;
text-align: center;
letter-spacing: 0px;}

a.forumlink:hover{
color: #5A275C;
display: block;
font-family: vivaldi;
text-shadow: 1px 1px 2px #000000;
margin-left: 20px;
margin-right: 20px;
font-size: 30px;
border-bottom: 1px dashed #A4241A;
-moz-border-radius:30px;
text-align: center;
letter-spacing: 0px;}

a:hover {
text-decoration: none !important;
}

a { text-decoration: none; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 2px solid #A4241A;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

tr.post span.gensmall { display: none; }

.postbody {
    display: block;
    text-align:justify;
}

.theboite {
height: 20px
overflow: auto;
}

.stats {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
height: 150px;
text-align: justify;
font-size:10px
padding-top: 200px !important;
}

.stats2 {
margin-top: 2px !important;
margin-left: 4px !important;
margin-right: 2px !important;
margin-bottom: 1px !important;
padding: 2px !important;
text-align: justify;
width: auto;
}

.groupe {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 5px;
margin-right: 5px;
text-align: justify;
font-size: 20px;
}

#chatbox_header .catBottom .cattitle {
color: #AAD875}


a:hover {
cursor:crosshair;
}

.barre
{background-color:#A4241A;
-moz-border-radius: 15px;
font-family: courrier new;
text-align: center;
font-size: 20px;
padding-top: 2px;
width: 455px;
margin: auto;}

.nom
{text-align: center;
font-size: 22px;
font-family: courrier new;
font-weight: bold;
color: #FFFCE0;
line-height: 24px;}

.citation
{font-family: "Courier new";
font-size: 16px;
color: #FFFCE0;
text-align: justify;}

.copyright
{background-color: rgb(252, 238, 210);
-moz-border-radius: 5px;
width: 300px;
margin: auto;
padding-left: 3px;
padding-right: 3px;
line-height: 10px;
font-family: Tahoma;
font-size: 10px;
text-align: justify;}

.texte-haut
{text-align: right;
font-family: georgia;
font-size: 24px;
color: #5A275C;
line-height: 16px;}

.texte-bas
{color: #A4241A;
font-size: 20px;
font-family: georgia;
font-style: italic;
text-align: left;
line-height: 9px;}

.boite
{border: 4px double #5A275C;
-moz-border-radius: 5px;
width: 450px;
margin: auto;
padding: 5px;
text-align: justify;
color: #A37272;
font-size : 11px;}

.icon
{float: right;
margin: 5px;}

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 09:20
Revenir en haut Aller en bas
http://quaker-oats.bbactif.com/forum.htm
eat-the-mistakes
{ Membre }
{ Membre }

Féminin Messages : 31



Mettre l'image de QEEL au dessus des stats. Empty
Haon merci pour les lignes :lovely: Est-ce qu'il y a possibilité de tout loger sur la partie beige destinée au QEEL ? (a) Parce qu'en fait, ça dépasse en dessous donc ça fait... bizarre Sad
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 09:30
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Mettre l'image de QEEL au dessus des stats. Empty
Ici

Code:
<table width="100%" border="0" cellspacing="5" cellpadding="0" style="background-image: url('http://img193.imageshack.us/img193/7236/queelv.png'); width: 801px; height: 386px; background-repeat: no-repeat;">

Essaye de rajouter
Code:
background-color: #FFFCE0

comme ça :

Code:
<table width="100%" border="0" cellspacing="5" cellpadding="0" style="background-image: url('http://img193.imageshack.us/img193/7236/queelv.png'); width: 801px; height: 386px; background-repeat: no-repeat; background-color: #FFFCE0;">
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 19 Sep 2010, 09:37
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Mettre l'image de QEEL au dessus des stats. Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône Mettre l'image de QEEL au dessus des stats. Resolu3 en éditant votre 1er post.
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. EmptyDim 26 Sep 2010, 17:40
Revenir en haut Aller en bas
Contenu sponsorisé




Mettre l'image de QEEL au dessus des stats. Empty
MessageSujet: Re: Mettre l'image de QEEL au dessus des stats.   Mettre l'image de QEEL au dessus des stats. Empty
Revenir en haut Aller en bas
 

Mettre l'image de QEEL au dessus des stats.

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

 Sujets similaires

-
» mettre les stats des messages à la même ligne que le titre du forum
» Aide désespérement pour mettre mon QEEL en 2 colonnes.
» Mettre le pseudo sous l'avatar mais garder le rang au-dessus.
» QEEL problème dessus
» Mettre une image pour mon QEEL

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Forum gratuit | Informatique et Internet | Internet