Petite création d'un QEEL pour un tout nouveau forum !

2 participants

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

Résolu Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Dim 15 Juil 2012 - 13:41

Bonjour the guys !!

Je viens faire un appel à l'aide après maintes tentatives qui ont malheureusement échoué !
Je souhaiterais réaliser une apparence original pour mon QEEL ; voici l'image de l'effet souhaité :

Spoiler:

Sauriez-vous m'aider & est-ce que c'est possible s'il vous plait ?

Merci beaucoup pour le généreux et le courageux qui viendra me secourir Smile

Bonne journée à tous !


Dernière édition par Bella Mary Cullen le Lun 23 Juil 2012 - 15:52, édité 2 fois
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Lun 16 Juil 2012 - 20:00

UP Smile !
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Mer 18 Juil 2012 - 14:18

Bella Mary Cullen a écrit:UP Smile !
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Jeu 19 Juil 2012 - 20:03

Bella Mary Cullen a écrit:
Bella Mary Cullen a écrit:UP Smile !
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Ven 20 Juil 2012 - 22:30

Petit up please Sad
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Sam 21 Juil 2012 - 22:50

Bella Mary Cullen a écrit:Petit up please Sad
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par VincentAttali Dim 22 Juil 2012 - 16:41

Moi aussi je voudrais faire la même chose ...
VincentAttali

VincentAttali
****

Masculin
Messages : 312
Inscrit(e) le : 02/07/2012

http://good-pub.forumactif.fr/
VincentAttali a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Dim 22 Juil 2012 - 22:35

Smile

Un petit up please !
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Invité Lun 23 Juil 2012 - 13:59

Bonjour,

Le QEEL est un tableau, donc il suffit de modifier ce tableau Razz. Dans le template Index_body il y a :
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->

<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<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="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>

</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}

<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>

<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
<!-- 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>
<!-- END disable_viewonline -->

la ligne du titre
l'image
les stats
connectés au cours des Xdernières heures et anniversaires
ligne des groupes
chatbox

Donc il suffit de réorganiser le tableau:
On supprime la ligne du titre et l'image, on place toutes les stats dans une seule cellules, à coté, connectés au cours des Xdernières heures et anniversaires qui sont un peu capricieux donc on les entoure d'une balise table, on ferme la première ligne et on ouvre la seconde où l'on fusionne les cellules pour mettre laligne des groupes. Pas tout suivis Razz ?

Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
   <td class="row1" width="50%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
          {NEWEST_USER}<br />
   {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   <td>
   <table>{L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}</table>
    </td>
   <tr>
      <td colspan="2" class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- 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>
<!-- END disable_viewonline -->
Ne reste plus qu'à ajouter les class pour le CSS ... et les titres:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <td width="50%"><div class="titreqeel">Statistiques</div>
      <div class="contourqeel">
          <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
          {NEWEST_USER}<br />
   {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span>
      </div></td>
   <td>
          <div class="titreqeel">Connexion</div>
          <div class="contourqeel">
   <table width="100%" id="plop">{L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}</table>
          </div>
    </td>
   <tr>
      <td colspan="2">
                  <div class="titreqeel"> Les Groupes</div>
                  <div class="contourqeel">
                  <span class="gensmall">{GROUP_LEGEND}</span>
                  </div></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td colspan="2">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- 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>
Le CSS à personnaliser:

Code:
.titreqeel{
text-align: center;
font-weight: bold;
font-size: 16px;
color: grey;
margin-bottom: -5px;}

.contourqeel{
border: 3px solid #000;
border-radius: 20px;
padding: 10px;}

#plop .row1{background: none;}

Pour personnaliser les groupes davantage, il faut placer chaque groupe manuellement dans le qeel à l'aide de:
Code:
<a href="page du groupe"><font color="couleur voulue">Nom du groupe</font></a>

Bien sincèrement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petite création d'un QEEL pour un tout nouveau forum !

Message par Bella Mary Cullen Lun 23 Juil 2012 - 15:51

OH GOSH *_* C'est juste parfait ! Je croyais pas que ça allait être retransmis aussi parfaitement !!

Merci infiniment du temps que vous avez pris, des explications et surtout de votre aide !!!

Sujet résolu avec succès !!!
Bella Mary Cullen

Bella Mary Cullen
***

Messages : 194
Inscrit(e) le : 22/06/2010

http://eternal-twilight.forumsactifs.com/
Bella Mary Cullen a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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