QEEL

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

Résolu QEEL

Message par La Tite Banane le Sam 18 Juin 2011 - 18:09

Bonjour, c'est encore moi !

Alors cette fois-ci, j'aimerais faire ce QEEL :



Templates modifiés, CSS personnalisé, forum en PHBB 2 (:

Merci d'avance ;D

EDIT : Si vous pouvez faire pour 9 groupes seulement et me donner à côté de code pour en rajouter, si besoin ? Merci Very Happy


Dernière édition par La Tite Banane le Dim 19 Juin 2011 - 18:17, édité 3 fois

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par SoraNoHime le Sam 18 Juin 2011 - 19:05

Bonsoir,

je vois que vous êtes en Phpbb2 et que vous avez déja des templates modifiés. SI celui de l'index_body en est un, pouvez-vous me le fournir ?

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par La Tite Banane le Dim 19 Juin 2011 - 10:26

Vous avez de la chance, il n'est pas modifié ! ;D

Merci encore de vous occuper de moi (:

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par SoraNoHime le Dim 19 Juin 2011 - 15:31

Petite précision demandée :

Désirez-vous garder la partie d'en-tête où se trouve marquer Qui est en ligne ?


SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par La Tite Banane le Dim 19 Juin 2011 - 15:33

Si possible, non (:

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par SoraNoHime le Dim 19 Juin 2011 - 15:59

Testez déjà la structure ainsi, puis nous changerons pour les groupes :

Repérez ceci :

Code:
<!-- 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 -->

Il s'agit de toute la partie du qeel.

Changez la ainsi :

Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="10" cellpadding="0">
   <tr>
      <td class="imgqeel" rowspan="6" align="center" valign="middle">
      <!-- BEGIN switch_viewonline_link -->
      <a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></a>
      <!-- END switch_viewonline_link -->
      <!-- BEGIN switch_viewonline_nolink -->
      <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
      <!-- END switch_viewonline_nolink -->
      </td>
      <td class="row1"align="center"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <tr>
<td><table width="100%" class="statsqeel"><tr>
      <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}
   <!-- 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></td></tr>
</table>
<!-- END disable_viewonline -->

et rajoutez dans votre css :

Code:
.imgqeel {
border : 1px solid #000000;
}

.statsqeel {
border : 1px solid #000000;
background-color : #d5f2f6;
}

.groupeqeel {
border : 1px solid #000000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
font-size : 12px;
}

Pour les groupes, vous allez avoir du travail à accomplir, à savoir :

à la place de :
Code:
{LEGEND} : {GROUP_LEGEND}

vous allez devoir reporter tous vos groupes avec leur couleur et leur lien un par un :

code pour un groupe :

Code:
<a href="lien vers la description du groupe" class="groupeqeel"><font color="#couleur du groupe"><strong>Nom du groupe</strong></font></a>

Après cela, s'il y a encore des problèmes, redonnez moi votre index_body

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par La Tite Banane le Dim 19 Juin 2011 - 16:55

Merci encore mais j'ai toujours un problème : les cadres sont sérrés autour du nom du groupe (un peu trop) et ce n'est pas espacé. De plus, il y a toujours le cadre autour des stats et le fond derrière les groupes. Si vous pouvez m'aider à ce que ça s'enlève, se serait super (:

Voici la partie du code du QEEL :
Code:
<!-- BEGIN disable_viewonline -->
<table width="100%" border="0" cellspacing="10" cellpadding="0">
  <tr>
      <td class="imgqeel" rowspan="6" align="center" valign="middle">
      <!-- BEGIN switch_viewonline_link -->
      <a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></a>
      <!-- END switch_viewonline_link -->
      <!-- BEGIN switch_viewonline_nolink -->
      <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
      <!-- END switch_viewonline_nolink -->
      </td>
      <td class="row1"align="center"><span class="gensmall"><a href="http://nightmarestables.forumgratuit.org/g3-eleves" class="groupeqeel"><font color="#757575"><strong>Élèves</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g4-professeurs" class="groupeqeel"><font color="#448894"><strong>Professeurs</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g7-veterinaires" class="groupeqeel"><font color="#A67346"><strong>Vétérinaires</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g5-auxiliaires-de-sante" class="groupeqeel"><font color="#739C43"><strong>Auxiliaires de santé</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g6-debourreurs-dresseurs" class="groupeqeel"><font color="#8F4B99"><strong>Débourreurs / Dresseurs</strong></font></a
><a href="http://nightmarestables.forumgratuit.org/g8-marechaux-ferrant" class="groupeqeel"><font color="#949447"><strong>Maréchaux-ferrant</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g9-juges-de-concours" class="groupeqeel"><font color="#9E6161"><strong>Juges de concours</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g10-speciaux" class="groupeqeel"><font color="#DBDBDB"><strong>Spéciaux</strong></font></a>
<a href="http://nightmarestables.forumgratuit.org/g11-journalistes" class="groupeqeel"><font color="#594FA8"><strong>Journalistes</strong></font></a></span></td>
  </tr>
  <tr>
<td><table width="100%" class="statsqeel"><tr>
      <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}
  <!-- 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></td></tr>
</table>
<!-- END disable_viewonline -->

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par SoraNoHime le Dim 19 Juin 2011 - 17:05

POur le fond derrière les groupes, c'est un oubli de ma part ^^

Repérez cette ligne :

Code:
<!-- END switch_viewonline_nolink -->
      </td>
      <td class="row1"align="center"><span class="gensmall">

enlever y le class="row"

Ensuite le reste est modifiable par la css. Suprimez le statsqeel. Et changer le groupeqeel par celui-ci :
Code:

.groupeqeel {
border : 1px solid #000000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
margin : 10px;
font-size : 12px;
}

Repérez le margin : 10px;, ajustez le à votre gout pour créer l'espace voulu.

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par La Tite Banane le Dim 19 Juin 2011 - 17:54

Bon, voici ma capture d'écran sur ce que ça donne :



Alors voila, les cadres se chevauchent, un des cadres est coupé ett.. je ne sait pas si c'est possible d'enlever la couleur derrière les stats ett.. agrandir la police des stats pour que ça soit "aligné" avec l'image (=

J'espère que je ne suis pas trop exigeante ^^'

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par SoraNoHime le Dim 19 Juin 2011 - 18:14

Changez votre qeel ainsi :

Code:
    <!-- BEGIN disable_viewonline -->
    <table width="100%" border="0" cellspacing="10" cellpadding="0">
      <tr>
          <td class="imgqeel" rowspan="6" align="center" valign="middle">
          <!-- BEGIN switch_viewonline_link -->
          <a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></a>
          <!-- END switch_viewonline_link -->
          <!-- BEGIN switch_viewonline_nolink -->
          <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
          <!-- END switch_viewonline_nolink -->
          </td>
          <td><span class="gensmall">
<table width="100%"><tr><td height="43" valign="top" align="center"><a href="http://nightmarestables.forumgratuit.org/g3-eleves" class="groupeqeel"><font color="#757575"><strong>Élèves</strong></font></a>
    <a href="http://nightmarestables.forumgratuit.org/g4-professeurs" class="groupeqeel"><font color="#448894"><strong>Professeurs</strong></font></a>
    <a href="http://nightmarestables.forumgratuit.org/g7-veterinaires" class="groupeqeel"><font color="#A67346"><strong>Vétérinaires</strong></font></a></td></tr><tr><td height="43" valign="top" align="center">
    <a href="http://nightmarestables.forumgratuit.org/g5-auxiliaires-de-sante" class="groupeqeel"><font color="#739C43"><strong>Auxiliaires de santé</strong></font></a>
    <a href="http://nightmarestables.forumgratuit.org/g6-debourreurs-dresseurs" class="groupeqeel"><font color="#8F4B99"><strong>Débourreurs / Dresseurs</strong></font></a
    ><a href="http://nightmarestables.forumgratuit.org/g8-marechaux-ferrant" class="groupeqeel"><font color="#949447"><strong>Maréchaux-ferrant</strong></font></a></td></tr><tr><td height="43" valign="top" align="center">
    <a href="http://nightmarestables.forumgratuit.org/g9-juges-de-concours" class="groupeqeel"><font color="#9E6161"><strong>Juges de concours</strong></font></a>
    <a href="http://nightmarestables.forumgratuit.org/g10-speciaux" class="groupeqeel"><font color="#DBDBDB"><strong>Spéciaux</strong></font></a>
    <a href="http://nightmarestables.forumgratuit.org/g11-journalistes" class="groupeqeel"><font color="#594FA8"><strong>Journalistes</strong></font></a></td></tr></table>
</span></td>
      </tr>
      <tr>
    <td><table width="100%" class="statsqeel"><tr>
          <td width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      <table style="-moz-border-radius: 20px;{L_CONNECTED_MEMBERS}
      <table style="-moz-border-radius: 20px;{L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td>
            <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></td></tr>
    </table>
    <!-- END disable_viewonline -->

Je vous ai mis les groupes dans un tableau à l'intérieur de la cellule où ils étaient à l'origine.

Agrandir la police des stats est je pense inutile, tout simplement parce que cette partie agmentera en taille avec la liste des membres connectés, ceux qui sont passés etc...

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL

Message par La Tite Banane le Dim 19 Juin 2011 - 18:17

Je dis, nickel' !
Merci beaucoup ♥

La Tite Banane
**

Féminin
Messages : 55
Inscrit(e) le : 05/02/2011

http://google.com/
La Tite Banane 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