Encadre le QEEL

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Encadre le QEEL

Message par Luna-C Lun 5 Sep 2011 - 20:51

Bonsoir Very Happy

j'aurais aimé savoir comment créer un simple cadre autour de mon QEEL
ex ( le cadre marron foncé ) :
https://2img.net/h/oi52.tinypic.com/bgcm4k.png

Voici mon forum :
http://friends-withbenefits.forumactif.com/

Et mon 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}" />

        <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 -->
<div class="statistiques" style="padding:0px 0px 0px 55px;">
  <table width="650px">
  <tr>
      <td width="45%" style="background-color:#EBEC81;">
      <div style="font-size:12px;">
      <span id="matt">{TOTAL_USERS}</span>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il y a");</script>
      <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"habitants");</script>
     
      <span id="bert">{TOTAL_POSTS}</span>
      <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"et ils sont très bavard et ont postés");</script>
      <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages.");</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/," La dernière personne à avoir emménagé est ");</script>


      <span id="newest">{RECORD_USERS}</span>
      <script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre d'habitants a Mystic FAlls est de");</script>

      <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 a Mystic Falls");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"habitants a Mystic Falls");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"habitant");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"habitants");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"curieux,");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"curieux,");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"curieux");</script>
      <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"curieux");</script>
      </span>



      <span id="connectes">{LOGGED_IN_USER_LIST}</span>
      <script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"Les habitants en balade sont :");</script>
      </span>
      </div>
      <table><tr><td>{L_WHOSBIRTHDAY_TODAY}</td></tr>
      <tr><td style="font-size:12px;">{L_WHOSBIRTHDAY_WEEK}</td></tr></table>
      </div>
      </td>
     
      <td width="55%" style="background-color:#EBEC81;">
      <div style="font-size:12px;">
<span class="groupes"> <a href="http://mysticfallsdiarie.forumactif.com/groupcp.forum?g=3&sid=9e72fbc852af49ec2040a12bfae98954"><font color="#FCEAA4"><b>Humans</b></font></a></span>
      <span class="groupes"> <a href="http://mysticfallsdiarie.forumactif.com/groupcp.forum?g=2&sid=9e72fbc852af49ec2040a12bfae98954"><font color="#87ABC7"><b>Vampires</b></font></a></span>
      <span class="groupes"> <a href="http://mysticfallsdiarie.forumactif.com/groupcp.forum?g=4&sid=9e72fbc852af49ec2040a12bfae98954"><font color="#C25757"><b>Werewolfs</b></font></a></span>
      <span class="groupes"> <a href="http://mysticfallsdiarie.forumactif.com/groupcp.forum?g=5&sid=9e72fbc852af49ec2040a12bfae98954"><font color="#B6BD5A"><b>Witchs</b></font></a></span>
      <span class="groupes"> <a href="http://mysticfallsdiarie.forumactif.com/groupcp.forum?g=6&sid=9e72fbc852af49ec2040a12bfae98954"><font color="#BF99C9"><b>Others</b></font></a></span>
     


      <table><tr><td>{L_CONNECTED_MEMBERS}</td></tr></table>
      </td>
  </tr>
  </table>
</div>

<!-- END disable_viewonline -->


{AUTO_DST}

Merci d'avance Very Happy


Dernière édition par Luna-C le Lun 5 Sep 2011 - 22:33, édité 1 fois
Luna-C

Luna-C
**

Messages : 54
Inscrit(e) le : 05/06/2009

http://new-york-i-loveyou.forumactif.org/forum.htm
Luna-C a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadre le QEEL

Message par SoraNoHime Lun 5 Sep 2011 - 21:58

Bonsoir

Qu'avez-vous dans votre css à .statistiques ?

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadre le QEEL

Message par Luna-C Lun 5 Sep 2011 - 22:02

Ah oui le css complément oublié de le poster merci Very Happy

Code:
/* QUEEL */

.statistiques{
background-repeat: no-repeat;
background-position:left;
height:250px;
width:245px;}
Luna-C

Luna-C
**

Messages : 54
Inscrit(e) le : 05/06/2009

http://new-york-i-loveyou.forumactif.org/forum.htm
Luna-C a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadre le QEEL

Message par SoraNoHime Lun 5 Sep 2011 - 22:04

rajoutez y avant }

Code:
border : 2px solid #ff0000;

vous pouvez ensuite changez l'épaisseur 2px
le genre de contour : solid
et la couleur #ff0000

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadre le QEEL

Message par Luna-C Lun 5 Sep 2011 - 22:21

Alors j'ai bien mis comme vous m'avez indiqué et voila l'effet obtenu
http://friends-withbenefits.forumactif.com/

j'aurais aimé si possible un encadré comme dans l'exemple juste en longueur, pas un cadre fermé
Luna-C

Luna-C
**

Messages : 54
Inscrit(e) le : 05/06/2009

http://new-york-i-loveyou.forumactif.org/forum.htm
Luna-C a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadre le QEEL

Message par SoraNoHime Lun 5 Sep 2011 - 22:24

dans ce cas remplacez ce que je vous ai donné par :

Code:
border-top : 2px solid #ff0000;
border-bottom : 2px solid #ff0000;
^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadre le QEEL

Message par Luna-C Lun 5 Sep 2011 - 22:27

Parfait merci de votre aide :thanks:
Luna-C

Luna-C
**

Messages : 54
Inscrit(e) le : 05/06/2009

http://new-york-i-loveyou.forumactif.org/forum.htm
Luna-C a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum