Modifier son QEEL

2 participants

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

Résolu Modifier son QEEL

Message par Ahila Ven 15 Juil 2011 - 12:32

Bonjour, alors j'aimerais personnaliser mon QEEL à l'image de mon forum. J'ai bien essayé, mais malheureusement, je n'aboutis à rien.

Le forum: http://shadow-wars.forumgratuit.org/

Voilà l'idée:
Modifier son QEEL Qeel2_10

Lien de l'image: https://i.servimg.com/u/f48/13/38/99/10/qeel2_10.png

Il s'agit d'une image de fond que je peux entierrement modifier ou vous donnez par morceau s'il vous parait plus simple de faire certains éléments en CSS.

Sous les clans, il s'agirait bien sûr d'arriver à placer les groupes.
Dans le premier encadré:
Il y a en tout 2 guerriers parcourant le territoire :: 1 Enregistré, 0 Invisible et 1 Invité :: 1 Moteur de recherche
Le plus grand nombre de guerriers sur place est de 7 le Mer 13 Juil 2011 - 20:05
Guerriers enregistrés : Admin
Moteurs de recherche : Google

et le deuxième:
Les guerriers ont posté un total de 142 messages
La région compte 9 guerriers
Le guerrier venant de rejoindre le champ de bataille est Balthazar, Le Sombre.

Membres connectés au cours des 24 dernières heures :...

S'il est plus facile d'inverser les deux ca ne pose pas de problème et si faut agrandir les encadrés, c'est possible aussi ^^.

Vous aurez remarqué que mes intitulés ne sont pas ceux de base, j'aimerais les conserver ainsi (et c'est mon plus gros problème).

Je n'ai rien en CSS ou du moins, j'ai effacé ce que j'avais tenté.

Le temlpate modifié index_body:
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"><span id="messages">{TOTAL_POSTS}</span>

<script type="text/javascript">      document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les guerriers ont posté un total de  ");</script>

          <span id="users">{TOTAL_USERS}</span>

<script type="text/javascript"> document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"La région compte ");
              document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"guerrier");
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"guerriers");</script>

          <span id="newuser">{NEWEST_USER}</span>
<script type="text/javascript">            document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le guerrier venant de rejoindre le champ de bataille est ");</script>.

<div class="ligne"></div>

               </tr>
   <tr>
      <td class="row1"><span class="gensmall"> <span id="totaluser">{TOTAL_USERS_ONLINE}</span>

<script type="text/javascript">            document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"guerrier parcourant le territoire");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"guerriers parcourant le territoire");</script>

            <span id="record">{RECORD_USERS}</span>

<script type="text/javascript">            document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le plus grand nombre de guerriers sur place est de  ");</script>

              <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur/,"Guerrier");

document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs/,"Guerriers");</script>
                         
<div class="ligne"></div>      
   </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}

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

Pour les groupes, je vous fournirez les liens si vous le souhaitez.
Merci pour votre attention et votre temps.


Dernière édition par Ahila le Dim 17 Juil 2011 - 16:57, édité 1 fois
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par SoraNoHime Ven 15 Juil 2011 - 12:48

Bonjour,

'ai un peu de mal à comprendre où vous désireriez mettre vos groupes, pouvez-vous me fournir un nouveau schéma avec l'emplacement ?

de même combien en avez-vous ? doivent-ils avoir une couleur différentes ou une générale pour tous ?

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: Modifier son QEEL

Message par Ahila Ven 15 Juil 2011 - 13:01

Bonjour,
Alors j'ai 9 groupes avec des couleurs différentes pour chacun. Voulez vous les liens et les codes couleurs?

Et pour l'emplacement des groupes au mieux ce serait ici (dans l'encadré rouge):
Modifier son QEEL Qeel2_11

et merci pour votre temps.
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par SoraNoHime Ven 15 Juil 2011 - 13:03

les codes couleurs me seront utiles oui. Pour les liens, je vous indiquerai où les mettre par la suite. Cela peut me rpendre un peu de temps pour vous faire les changements par la suite. Hésitez pas à upper votre sujet (1fois toutes les 24h) en cas de besoin.

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: Modifier son QEEL

Message par Ahila Ven 15 Juil 2011 - 13:13

Très bien alors je vous donne les nom des groupes avec les codes couleurs:
Vampire: #690000
Lycan: #1E1C1B
Elfe: #044700
Nain: #454545
Humain: #F7C37F
Ombre: #C70000
Urghal: #A65703
Aeglys: #F0C80B
Créature mystique: #00ADAD

Voilà, merci pour votre attention.

avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par SoraNoHime Ven 15 Juil 2011 - 16:13

Voici votre template :

Code:
    <!-- BEGIN disable_viewonline -->
    <center><table class="imgqeel" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td width="30%" valign="top">
        <center><div class="groupes"><span class="gensmall">
<a href=""><font color="#690000">Vampire</font></a><br/>
<a href=""><font color="#1E1C1B">Lycan</font></a><br/>
<a href=""><font color="#044700">Elfe</font></a><br/>
<a href=""><font color="#454545">Nain</font></a><br/>
<a href=""><font color="#F7C37F">Humain</font></a><br/>
<a href=""><font color="#C70000">Ombre</font></a><br/>
<a href=""><font color="#A65703">Urghal</font></a><br/>
<a href=""><font color="#F0C80B">Aeglys</font></a><br/>
<a href=""><font color="#00ADAD">Créature mystique</font></a>
</span></div></center></td>
          <td width="70%" valign="top">
         <center><div class="groupe1" style="WIDTH: 340px; HEIGHT: 135px; OVERFLOW: auto">
         
<span class="gensmall"> <span id="totaluser">{TOTAL_USERS_ONLINE}</span><br />
    <script type="text/javascript">document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"guerrier parcourant le territoire");document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"guerriers parcourant le territoire");
   </script>
                <span id="record">{RECORD_USERS}</span><br />
    <script type="text/javascript">document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le plus grand nombre de guerriers sur place est de  ");
   </script>

                  <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
    <script type="text/javascript">document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur/,"Guerrier");document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs/,"Guerriers");
   </script>
</span>                  
         </div></center>   
         <center><div class="groupe2" style="WIDTH: 540px; HEIGHT: 110px; OVERFLOW: auto">
         
        <span class="gensmall"><span id="messages">{TOTAL_POSTS}</span><br />
    <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les guerriers ont posté un total de  ");
   </script>
              <span id="users">{TOTAL_USERS}</span><br />
    <script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"La région compte ");document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"guerrier");document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"guerriers");
   </script>
              <span id="newuser">{NEWEST_USER}</span>
    <script type="text/javascript">document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le guerrier venant de rejoindre le champ de bataille est ");
   </script>.</span>
         
      <table class="connect">{L_CONNECTED_MEMBERS}</table>

         </div></center>         
          </td>
      </tr>
    </table></center>
    <!-- END disable_viewonline -->

et votre css :

Code:
.imgqeel{
background-image: url('http://i48.servimg.com/u/f48/13/38/99/10/qeel2_10.png');
background-repeat: no-repeat;
background-color: transparent;
height:500px;
width:776px;
}

.groupes {
margin-top : 85px;
}

.groupe1 {
margin-top : 156px;
}

.groupe2 {
margin-top : 65px;
}

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

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: Modifier son QEEL

Message par Ahila Sam 16 Juil 2011 - 0:01

C'est super!!! Merci beaucoup!!
Où dois-je mettre les liens des groupes?
Et si je veux changer la taille ou la police des différents groupes, je dois toucher à quoi?

Merci de ton aide ^^
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par SoraNoHime Sam 16 Juil 2011 - 1:28

Pour mettre les liens des groupes, ça se passe dans cette partie :

<a href="adresse du groupe"><font color="#690000">Vampire</font></a><br/>
<a href="adresse du groupe"><font color="#1E1C1B">Lycan</font></a><br/>
<a href="adresse du groupe"><font color="#044700">Elfe</font></a><br/>
<a href="adresse du groupe"><font color="#454545">Nain</font></a><br/>
<a href="adresse du groupe"><font color="#F7C37F">Humain</font></a><br/>
<a href="adresse du groupe"><font color="#C70000">Ombre</font></a><br/>
<a href="adresse du groupe"><font color="#A65703">Urghal</font></a><br/>
<a href="adresse du groupe"><font color="#F0C80B">Aeglys</font></a><br/>
<a href="adresse du groupe"><font color="#00ADAD">Créature mystique</font></a>

Pour retrouver les liens, il suffit de vous rendre sur PA > Utilisateurs & Groupes > Gestion des groupes et de cliquer sur le nom du groupe. Puis vous récupérez dans votre barre de navigation l'adresse.

pour personnaliser les noms du groupe ils suffit de le faire par la css :

Remplacer :
Code:
.groupes {
margin-top : 85px;
}

par :

.groupes {
margin-top : 85px;
font-size : taille voulue px;
font-family : nom exact de la police voulue;
}

en personnalisant ce qui est en rouge. 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: Modifier son QEEL

Message par Ahila Sam 16 Juil 2011 - 2:48

D'accord!! Merci beaucoup, c'est très clair et nickel. Je n'aurais pu trouver mieux. Et merci aussi pour ta rapidité!
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par Ahila Sam 16 Juil 2011 - 3:14

Désolé du double post.

Alors après plusieurs essais, il s'avère que la police change à merveille, par contre la taille reste toujours la même quoique je fasse =S
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par SoraNoHime Sam 16 Juil 2011 - 10:35

Dans le template avant les groupes enlevez le
Code:
<span class="gensmall">
et après les groupes le
Code:
</span>

^^ cela devrait fonctionner maintenant.
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: Modifier son QEEL

Message par Ahila Sam 16 Juil 2011 - 16:16

Cela fonctionne merci!! Par contre, je me rend compte que les groupes ne sont pas très visible, si je modifie l'image de fond et que je la remet à la place de l'autre lien, ça ne risque rien?
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier son QEEL

Message par SoraNoHime Sam 16 Juil 2011 - 19:37

Cela dépend de l'endroit où vous la mettez, si effectivement vous modifier l'image de base uniquement en plaçant au bon endroit les groupes, ça devrait aller. AU pire, si cela ne marche pas, vous me fournirez les nouveaux codex css et index_body. Et e vous remettrai cela au bon endroit ^^
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: Modifier son QEEL

Message par Ahila Dim 17 Juil 2011 - 16:57

C'est bon, j'ai modifier l'image et c'est nikel! Merci beaucoup de ton aide!
avatar

Ahila
Nouveau membre

Messages : 29
Inscrit(e) le : 12/11/2010

http://shadow-wars.forumgratuit.org
Ahila 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