L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 [Macema] Un QEEL (Qui est ligne) Simple

K-Surfavatar
Messages : 278
Bonjour,

Le lien du forum où le code sera installé :http://illusion-graph.forumactif.fr/
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t11078-illusion-graph
Support de mise en page : Message de la page d'accueil - Messages du forum - page HTML - [Qui est en ligne] - Modifications des catégories - Fiche de présentation ou relations
Résultat en : [HTML - CSS]
Type de mise en page : Classique* - Colorée* - [Personnalisée]
----------------------------------------------------
Plan :
Description plus détaillée : Donc c'est sur un fond transparent le QEEL et non Blanc.
Police/couleurs de groupe:

La police est une police normale.

Administrateurs = #0099FF
Modérateurs = #17BDBD
Graphistes = #E67F31
Professeurs = #E34949
Pubeurs = #BB3FD4
Animateurs = #C2AE4A
Analystes = #35BD3E

Les fonds/cadres:

Donc les fond des cadres de groupes et statistiques sont de la couleurs #DECEAD.
Pour les cadres de groupes c'est de 1px et en couleur #988358 et pour le grand cadre de statistique c'est 3px et en #988358. Maintenant je vous donne l'adresse de l'image à placer dans le fond des statistiques.


Ensuite au cadre de statistique il y a une ombre portée (Noir) de d'opacité 80% ; Distance 1px ; Grossi 0% ; Taille 5px.

Groupes:

Pour les liens des groupes faut juste mettre en gros "URL DE GROUPE".

Commentaires diverses:

Je pense avoir étais claire donc si vous avez des questions posées les.

Autres:

J'ai fais un test pas concluant.

Index_Body
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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</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">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<center><table cellspacing="2" cellpadding="2" width="800px" border="0">
  <tr>
<td width="5px"></td>
<td width="750px">
<br><center>
<span class="groupes"> <a href="lien groupe1"><font color="#0099FF" size="2"><b>Administrateurs</b></font></a></span>
<span class="groupes"><a href="Lien groupe2"><font color="#17BDBD" size="2"><b>Modérateurs</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe3"><font color="#E67F31" size="2"><b>Graphistes</b></font></a></span> <br><br>
<span class="groupes"> <a href="Lien groupe4"><font color="#E34949" size="2"><b>Professeurs</b></font></a></span>
<span class="groupes"> <a href="Lien groupe5"><font color="#BB3FD4" size="2"><b>Pubeurs</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe5"><font color="#C2AE4A" size="2"><b>Animateurs</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe5"><font color="#35BD3E" size="2"><b>Analystes</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe5"><font color="#FFFFFF" size="2"><b>VIP</b></font></a> </span>
<br><br>
<span class="statistiques">
<font size=1> {TOTAL_USERS}. <br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </td></center></td>
</tr>
</table>
<table cellspacing="2" cellpadding="3" width="99%" border="0" >
<tr>
<td width="60%">
<center>
</tr>
</table>
<table width="70%" align="center">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table>
<table width="58%" align="center">
<tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</td></tr></span>
</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}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Et mon CSS qui est un peu du n'importe quoi.

Code:
/*QEEL*/
.statistiques{
font-size:11px;
background color: #FFFFFF
}


.groupes{
background-color:#e0d3b8 dotted;
border: 2px #b8ab93 ;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
height:40px;
padding-right:14px;
padding-left:16px;
padding-bottom:3px;
font-size:15px;
text-align:center;
font-weight: bold;
text-decoration: none !important;
height:auto
}

Merci d'avance K-Surf
Macemaavatar
Messages : 137
Bonsoir

Je peux m'occuper de votre commande, par contre désirez-vous une barre de défilement si le texte vient à dépasser du cadre ?

Cordialement.
K-Surfavatar
Messages : 278
Non un texte fixe. Vu que c'est un QEEL un défilement ne serait pas approprié.
K-Surfavatar
Messages : 278
Je sais pas si je dois up Sad
Macemaavatar
Messages : 137
^^ Je m'occupe de votre demande, donc inutile de upper tous les jours.

Cela va me prendre un petit moment par contre. Cordialement.
K-Surfavatar
Messages : 278
Ok c'est juste pour savoir, merci de vous occuper de moi.
K-Surfavatar
Messages : 278
Up j'ai besoin de ce QEEL avant vendredi si possible pour mon news thème
Macemaavatar
Messages : 137
Bonjour

Voic votre qeel : repérez ceci dans l'index_body :

Code:
<!-- BEGIN disable_viewonline -->
<center><table cellspacing="2" cellpadding="2" width="800px" border="0">
  <tr>
<td width="5px"></td>
<td width="750px">
<br><center>
<span class="groupes"> <a href="lien groupe1"><font color="#0099FF" size="2"><b>Administrateurs</b></font></a></span>
<span class="groupes"><a href="Lien groupe2"><font color="#17BDBD" size="2"><b>Modérateurs</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe3"><font color="#E67F31" size="2"><b>Graphistes</b></font></a></span> <br><br>
<span class="groupes"> <a href="Lien groupe4"><font color="#E34949" size="2"><b>Professeurs</b></font></a></span>
<span class="groupes"> <a href="Lien groupe5"><font color="#BB3FD4" size="2"><b>Pubeurs</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe5"><font color="#C2AE4A" size="2"><b>Animateurs</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe5"><font color="#35BD3E" size="2"><b>Analystes</b></font></a> </span>
<span class="groupes"> <a href="Lien groupe5"><font color="#FFFFFF" size="2"><b>VIP</b></font></a> </span>
<br><br>
<span class="statistiques">
<font size=1> {TOTAL_USERS}. <br>
{NEWEST_USER}. <br>
{TOTAL_POSTS}<br>
</font><br>
{TOTAL_USERS_ONLINE} <br>
{LOGGED_IN_USER_LIST} </td></center></td>
</tr>
</table>
<table cellspacing="2" cellpadding="3" width="99%" border="0" >
<tr>
<td width="60%">
<center>
</tr>
</table>
<table width="70%" align="center">
<tr><td>{L_CONNECTED_MEMBERS}</td></tr>
</table>
<table width="58%" align="center">
<tr><td>{L_WHOSBIRTHDAY_TODAY}<br>
{RECORD_USERS}</td></tr></span>
</table></center>
<!-- END disable_viewonline -->

et remplacez la par :
Code:
<!-- BEGIN disable_viewonline -->
<div width="750px" align="center">
 <a href="lien groupe1" class="groupes"><font color="#0099FF" size="2"><b>Administrateurs</b></font></a>
<a href="Lien groupe2" class="groupes"><font color="#17BDBD" size="2"><b>Modérateurs</b></font></a>
 <a href="Lien groupe3" class="groupes"><font color="#E67F31" size="2"><b>Graphistes</b></font></a></br></br>
 <a href="Lien groupe4" class="groupes"><font color="#E34949" size="2"><b>Professeurs</b></font></a>
<a href="Lien groupe5" class="groupes"><font color="#BB3FD4" size="2"><b>Pubeurs</b></font></a>
 <a href="Lien groupe6" class="groupes"><font color="#C2AE4A" size="2"><b>Animateurs</b></font></a>
 <a href="Lien groupe7" class="groupes"><font color="#35BD3E" size="2"><b>Analystes</b></font></a>
 <a href="Lien groupe8" class="groupes"><font color="#FFFFFF" size="2"><b>VIP</b></font></a>
</div>
<div width="750px" class="statistiques">
<span class="gensmall">{TOTAL_USERS}. </br>
{NEWEST_USER}. </br>
{TOTAL_POSTS}</br>
{TOTAL_USERS_ONLINE}</br>
{LOGGED_IN_USER_LIST}</br>
<table>{L_CONNECTED_MEMBERS}</table></br>
<table>{L_WHOSBIRTHDAY_TODAY}</table></br>
{RECORD_USERS}</span>
</div>
<!-- END disable_viewonline -->

puis dans votre css insérez ceci en enlevant vos précédents codes sur le qeel que vous aviez testé :
Code:
/*QEEL*/
.statistiques{
background-image:url("http://www.imabox.fr/u9/1128091254f3wLml4SNwSkaSR33.png");
background-position : top right;
background-repeat : no-repeat;
background-color :#DECEAD ;
font-size:11px;
border : 3px solid #988358;
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
border-radius:10px;
-khtml-border-radius:10px;
padding : 5px;
-o-box-shadow: 2px 2px 5px #000000;
-khtml-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
box-shadow: 2px 2px 5px #000000;
margin-top : 30px;
margin-bottom : 20px;
}

.statistiques .row1 {
background-color : transparent;
}

.groupes {
background-color:#DECEAD;
border : 1px solid #988358;
-moz-border-radius: 10px ;
-webkit-border-radius:10px;
border-radius:10px;
-khtml-border-radius:10px;
height:40px;
padding-right:14px;
padding-left:16px;
padding-bottom:3px;
margin : 10px;
font-size:15px;
text-decoration: none !important;
height:auto
}

Y a-t-il des choses à améliorer ?

Cordialement.
K-Surfavatar
Messages : 278
MERCIII!! c'est parfait merci franchement. Je te remercie tes trop fort..
Macemaavatar
Messages : 137
Je vous en prie. Puis-je le déplacer dans les sujets résolus ? ou y'a-t-il encore un problème ?
K-Surfavatar
Messages : 278
Non c'est parfait merci. Very Happy

,
 Sujets similaires
-
» Codage QEEL
» Comboost : un diaporama hébergé en ligne
» Webjam : créer un site en ligne
» Testeur de ligne
» Des jeux en ligne qui prend 5 min

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation