Mar 18 Avr - 18:57

Hey :) Bon je dois tout réécrire parce que j'ai oublié de CC donc wala, si j'ai oublié des trucs, my bad XD


• Type d'éléments : QEEL + PA
• Lien de votre forum : http://herocity.forum-canada.com/
• Taille de l'élément : Taille des images, 800x600
• Images désirées : PA et QEEL
• Couleurs et typos voulues : La typo je dirais un truc du genre ernest. Pour les couleurs, y'a que les groupes qui ont une couleur différente <3 Les voicis :

I need a hero #6D81A6, Zero to Hero #715687, I've got the power, Bitches ! #216637, Well, i'm a super-hero now, so trust me #BD9020, I'm a PNJ and i likte it ! #3D0202 et There is no black or white, only gray #9E9B9B
• Schéma ou maquette de l'élément : PA et QEEL
• Précisions : PA : Les liens du haut :

Annexe : http://herocity.forum-canada.com/f6-annexes
Bottin : http://herocity.forum-canada.com/f8-recueil
Scénario : http://herocity.forum-canada.com/f13-predefinis
Règlement : http://herocity.forum-canada.com/ (pas encore été écrit XD)


Le contexte : 2026, notre monde, la Terre. L’univers que nous connaissions a bien changé. Autrefois parsemé de guerres et de conflits, il restait un monde où la paix régnait pour la plus grande partie de la population. Aujourd’hui, les taux de criminalité explosent les records, les attentats et le barbarisme ont atteint un seuil si élevé qu’on croirait cauchemarder, la mort est désormais banalisée, tout comme la criminalité et le vandalisme. Le futur que dont nous rêvions, n’existe pas. Seul le désespoir, l’horreur, la peur et l’insécurité vivent désormais. Inconnus, civils ou encore super-vilains, ils prennent plaisir à semer la terreur, à rendre fous les citoyens du monde entier. Il semble désormais vain de tenter de les arrêter, comme si les superhéros, leurs antonymes de toujours n’avaient jamais existé. more

Les nouveautés :
XX/XX/XX : ...
XX/XX/XX : ...
XX/XX/XX : ...
XX/XX/XX : ...


Le QEEL :
crédits :
Codage PA+QEEL Shaneliae, Codage Profil+Catégorie Inconnu (impossible de retrouver le pseudo de la meuf pour le moment, je changerai moi-même dès que je l'ai ^^), Design V1 Don

Les groupes tu les as plus haut ;)

Qui est là :
TOUT les textes du QEEL sauf les anniv', je trouve que ça sert à rien XD (oui oui, tout les textes sauf les anniversaires :P dernier 24h, messages, sujets, dernier membre, etc ^^)

Nos Partenaires :
Ici j'hésite entre des images de 40x40, 88x31 ou 100x35 qui défile vers la droite. Je te file les trois images, à toi de prendre celle qui convient le mieux, j'te fais confiance <3






Voilà :) Si y'a des informations qui sont pas claires ou que j'ai oublié de mettre, hésite pas à poser des questions, j'y répondrai avec plaisir :) Merci d'avaaaaaance

Mer 19 Avr - 8:46

Pour la PA j'ai pas de soucis, je pense avoir compris ce que tu veux et je vais la commencer sur mon forum test.

Pour le QEEL par contre me manque quelques petites infos ;)
- Il me faut la version de ton forum pour pouvoir faire ton QEEL (je vais ajouter cette question au formulaire, je l'avais oublié !)
- Pour les groupes, souhaites-tu une lien amenant à la liste des membres faisant partis des groupes ? Les souhaites-tu les uns sous les autres comme une liste, ou plutôt à la suite séparés par un élément (genre une virgule ou un tiret). Il doivent avoir un style simple (genre en Ernest et juste leur couleur) ou alors tu les veux plus gros ou avec une typo particulière ? (on peut mettre des images aussi si tu veux ;) )
- Pour le contenu du QEEL du coup j'ai le nombre d'utilisateurs en ligne, le record d'utilisateur, le dernier inscrit, les connectés au cours des 24h mais aussi les stats du forum dans qui était là ? Et les membres sur la Chatbox on en fait quoi ? il me semble qu'il n'y ai pas sur ton forum donc je suppose qu'on s'en moque x)

Sinon pour les maquettes il aurait été sympa que tu me mettes justement le contenu sur tes images pour que je vois précisément ce que tu veux, histoire que je me trompe pas ! Mais je pense avoir comprit donc ça devrait aller. Mais si tu vois que au rendu de ta PA c'était pas du tout ce que tu voulais il va falloir refaire tes maquettes pour être sûre que je me trompe pas à nouveau ;)

Sinon, saches que je ne mettrais pas tes éléments en LS, c'est une demande très spécifique avec une image spécifique, ça me paraît trop difficile de la mettre en LS pour être réutilisée par n'importe qui, je tiens à le préciser !

Sur ce je pars commencer ta PA !

Mer 19 Avr - 10:16

Hey :) Pas de soucis de mon côté pour le LS, j'avais oublié de le précisé mais en fait je voulais pas :P Pour ce que tu me demande (écrire sur la maquette) comme elle est pas de moi j'suis pas très chaud pour le faire XD C'est pour ça que j'avais rien écris x) (c'est une commande que j'avais passé pour le thème du forum ^^)

Alors sinon pour le QEEL, la première version était plus complète, mais j'ai du réécrire donc j'ai genre coupé de moitié mon texte XD Désolé ><

Les groupes : Oui ce serait bien d'avoir les liens, je te les fournis donc ^^
http://herocity.forum-canada.com/g2-i-need-a-hero
http://herocity.forum-canada.com/g4-zero-to-hero
http://herocity.forum-canada.com/g3-i-ve-got-the-power-bitches
http://herocity.forum-canada.com/g7-well-i-m-a-super-hero-now-so-trust-me
http://herocity.forum-canada.com/g5-i-m-a-pnj-and-i-like-it
http://herocity.forum-canada.com/g11-there-is-no-white-or-black-only-gr

Ensuite, comme la case des groupes est assez grosse, je dirais une police assez grosse (peut-être 20px ?) et la police, ernest c'est bien oui <3 Et pour la disposition, quelque chose qui prendra toute la boite, car elle est quand même assez grosse (je ne le remarque que maintenant en fait XD) Pour la Chatbox, elle est en panneau latérale (:P ), mais pas besoin de savoir le nombre de connecté dessus ^^


Voilà :3

Mer 19 Avr - 10:29

D'accord je comprends mieux !

Aucun soucis pour tout ça ! Merci pour les liens. Je vais commencer ta PA et je commencerai le QEEL une fois la PA totalement finie :)

Juste, ton forum est en phpBB2 ? Et puis-je ajouter dans les crédits est ce que je peux mettre "Shaneliae de Never Mind my Dreams" avec le lien du forum ? Je pense que c'est mieux vu que tu as passé la commande ici :)

Mer 19 Avr - 12:04

Désolée du double post, mais j'ai fini ta PA !

Voici le rendu sr mon forum test :


Je te conseille déjà d'installer ce code afin que je vérifie le rendu sur ton forum. Je n'ai pas pu installer la typo que tu voulais, son accès sur Dafont est pour l'instant impossible, le site semble être en maintenance, j'ai donc mit la même typo que tu as sur ton forum. Je te donne le code ci-dessous :


Le HTML :

Code:

<div class="pa">
    
 <div class="liens">
        <a target="_blank" href="http://herocity.forum-canada.com/"></a>        <a target="_blank" href="http://herocity.forum-canada.com/f6-annexes"></a>        <a target="_blank" href="http://herocity.forum-canada.com/f8-recueil"></a>        <a target="_blank" href="http://herocity.forum-canada.com/f13-predefinis"></a>    
 </div>
    
 <div class="contexte">
        2026, notre monde, la Terre. L’univers que nous connaissions a bien changé. Autrefois parsemé de guerres et de         conflits, il restait un monde où la paix régnait pour la plus grande partie de la population. Aujourd’hui, les         taux de criminalité explosent les records, les attentats et le barbarisme ont atteint un seuil si élevé qu’on         croirait cauchemarder, la mort est désormais banalisée, tout comme la criminalité et le vandalisme. Le futur que         dont nous rêvions, n’existe pas. Seul le désespoir, l’horreur, la peur et l’insécurité vivent désormais.         Inconnus, civils ou encore super-vilains, ils prennent plaisir à semer la terreur, à rendre fous les citoyens du         monde entier. Il semble désormais vain de tenter de les arrêter, comme si les superhéros, leurs antonymes de         toujours n’avaient jamais existé. <a href="#">more</a>    
 </div>
    
 <div class="news">
        
 <ul>
            
 <li>
 XX/XX/XX : ...
 </li>
            
 <li>
 XX/XX/XX : ...
 </li>
            
 <li>
 XX/XX/XX : ...
 </li>
            
 <li>
 XX/XX/XX : ...
 </li>
        
 </ul>
    
 </div>
</div>

Le CSS :

Code:

/* ----- Page d'accueil ----- */
.pa {
    position: relative;
    width: 800px;
    height: 600px;
    margin: auto;
    background: url('http://i.imgur.com/RZIKJoA.png') top center no-repeat;
    text-align: left;
    font-family: TrebuchetMS, serif;
    font-size: 14px
}

/* -- Les liens -- */
.pa > .liens {
    top: 20px;
    left: 28px;
    position: relative;
}

.pa > .liens > a {
    display: inline-block;
    width: 130px;
    height: 65px;
}

/* Placement des liens */
.pa > .liens > a:first-child {
    margin-right: 59px;
}

.pa > .liens > a:nth-child(2) {
    margin-right: 70px;
}

.pa > .liens > a:nth-child(3) {
    margin-right: 77px;
}

/* -- Le contexte et les news -- */

.pa > .contexte, .pa > .news {
    width: 200px;
    height: 277px;
    overflow: auto;
    top: 90px;
}

/* Placement du contexte */
.pa > .contexte {
    position: relative;
    left: 20px;
}

/* Placement des news */
.pa > .news {
    position: absolute;
    right: 13px;
    top: 156px;
}

.pa > .news ul {
    margin: 0;
    padding-left: 20px;
}

Installe le et dis moi si certaines choses ne te vont pas.

Mer 19 Avr - 14:07

Hey :) Alors tout est parfait, c'est nickel :D Je sais pas si tu as vu, mais c'est déjà prévu que je te crédite dans les crédits XD (au tout début ^^) et pas besoin de mettre de NMD, ajouter un lien avec ton pseudo menant à ton profil ici ce sera bon je pense :) (et ça prendra moins de place x))

AH et oui je suis bien en PHPBB2 :)

Mer 19 Avr - 14:54

D'accord !

Super tout semble fonctionner à merveilles !

Sinon, je trouve que le texte blanc n'est pas lisible, surtout au niveau du contexte, au pire je te laisse gérer tu as juste à ajouter

Code:

color: tacouleur;

dans .pa > .contexte :)

J'attaque le QEEL ! Merci pour les infos :D

Mer 19 Avr - 15:03

Pas de soucis et c'est moi qui te remercie de faire ça aussi vite XD Tu roule ma poule :3

Mer 19 Avr - 16:07

Okay alors j'ai fini le QEEL o/

Il va peut être y avoir des soucis au niveau de la visibilité, du coup on essayer directement sur ton fow voir comment ça rend :

Le template index_body au cas où tu l'as déjà modifié, je te donne ce qu'il y a à remplacer. Repère

Code:

<!-- BEGIN disable_viewonline --> ... <!-- END disable_viewonline -->

Et supprime ce morceau. Tu remplaces par :

Code:

<!-- BEGIN disable_viewonline -->
<div class="qeel">
  <div class="credits">
    Codage PA+QEEL © <a href="http://neverminddreams.forumactif.fr/u95">Shaneliae</a><br />
    Codage Profil+Catégorie © <a href="#">Inconnue</a><br />
    Design V1 © Don
  </div>
 
  <div class="groups">
    <a href="http://herocity.forum-canada.com/g2-i-need-a-hero" target="_blank">
      <span id="nohero">I need a hero</span>
    </a>
    <a href="http://herocity.forum-canada.com/g4-zero-to-hero" target="_blank">
      <span id="zero">Zero to Hero</span>
    </a>
    <a href="http://herocity.forum-canada.com/g3-i-ve-got-the-power-bitches" target="_blank">
      <span id="hero">I've got the power, Bitches</span>
    </a>
    <a href="http://herocity.forum-canada.com/g7-well-i-m-a-super-hero-now-so-trust-me" target="_blank">
      <span id="s-hero">Well, i'm a super-hero now, so trust me</span>
    </a>
    <a href="http://herocity.forum-canada.com/g5-i-m-a-pnj-and-i-like-it" target="_blank">
      <span id="pnj">I'm a PNJ and i like it !</span>
    </a>
    <a href="http://herocity.forum-canada.com/g11-there-is-no-white-or-black-only-gr" target="_blank">
      <span id="gray">There is no black or white, only gray</span>
    </a>
  </div>
 
  <div class="partners">
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
  </div>
 
  <div class="who">
    {TOTAL_POSTS}<br />
    {TOTAL_USERS}<br /><br />
    {RECORD_USERS}<br />
    {NEWEST_USER}<br /><br />
    {TOTAL_USERS_ONLINE}<br />
    {LOGGED_IN_USER_LIST}
    <table>
      <tr>
        <td>
          {L_CONNECTED_MEMBERS}
        </td>
      </tr>
    </table>
  </div>
 
</div>
<!-- END disable_viewonline -->

Si tu n'as pas modifié ce template le voilà en entier :

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="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

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

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{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="50%" valign="top" align="right" class="row1">

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

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div class="qeel">
  <div class="credits">
    Codage PA+QEEL © <a href="http://neverminddreams.forumactif.fr/u95">Shaneliae</a><br />
    Codage Profil+Catégorie © <a href="#">Inconnue</a><br />
    Design V1 © Don
  </div>
 
  <div class="groups">
    <a href="http://herocity.forum-canada.com/g2-i-need-a-hero" target="_blank">
      <span id="nohero">I need a hero</span>
    </a>
    <a href="http://herocity.forum-canada.com/g4-zero-to-hero" target="_blank">
      <span id="zero">Zero to Hero</span>
    </a>
    <a href="http://herocity.forum-canada.com/g3-i-ve-got-the-power-bitches" target="_blank">
      <span id="hero">I've got the power, Bitches</span>
    </a>
    <a href="http://herocity.forum-canada.com/g7-well-i-m-a-super-hero-now-so-trust-me" target="_blank">
      <span id="s-hero">Well, i'm a super-hero now, so trust me</span>
    </a>
    <a href="http://herocity.forum-canada.com/g5-i-m-a-pnj-and-i-like-it" target="_blank">
      <span id="pnj">I'm a PNJ and i like it !</span>
    </a>
    <a href="http://herocity.forum-canada.com/g11-there-is-no-white-or-black-only-gr" target="_blank">
      <span id="gray">There is no black or white, only gray</span>
    </a>
  </div>
 
  <div class="partners">
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
    <a href="#" target="_blank"><img src="http://img4.hostingpics.net/pics/464508hcpartos1.png" alt="Nom du partenaire" title="Nom du partenaire"/></a>
  </div>
 
  <div class="who">
    {TOTAL_POSTS}<br />
    {TOTAL_USERS}<br /><br />
    {RECORD_USERS}<br />
    {NEWEST_USER}<br /><br />
    {TOTAL_USERS_ONLINE}<br />
    {LOGGED_IN_USER_LIST}
    <table>
      <tr>
        <td>
          {L_CONNECTED_MEMBERS}
        </td>
      </tr>
    </table>
  </div>
 
</div>
<!-- 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> &nbsp;</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}

Et le CSS :

Code:

/* ----- QEEL ----- */
.qeel {
    position: relative;
    width: 800px;
    height: 600px;
    margin: auto;
    background: url('http://i.imgur.com/Vki36os.png') top center no-repeat;
    text-align: left;
    font-family: TrebuchetMS, serif;
    font-size: 14px
}

.qeel > div {
  position: absolute;
}

/* -- Qui est là -- */

.qeel > .who {
    width: 198px;
    height: 375px;
    top: 139px;
    right: 290px;
}

.qeel > .who td {
  background: none;
  padding: 0;
  text-align: left;
}

.qeel > .who td > span {
  font-family: TrebuchetMS, serif !important;
  font-size: 14px !important;
}

/* -- Les goupes -- */

.qeel > .groups {
    width: 260px;
    height: 225px;
    top: 148px;
    left: 20px;
    text-align: center;
}

.qeel > .groups > a {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin: 13px 0;
}

/* La couleur des groupes */
#nohero {
  color: #6D81A6;
}

#zero {
  color: #715687;
}

#hero {
  color: #216637;
}

#shero {
  color: #BD9020;
}

#pnj {
  color: #3D0202;
}

#gray {
  color: #9E9B9B;
}

/* -- Les partenaires -- */
.qeel > .partners {
    width: 600px;
    height: 40px;
    bottom: 9px;
    left: 10px;
    overflow: hidden;
    padding: 4px 0;
}

.qeel > .partners > a {
  display: inline-block;
  margin: 0 3px;
}

/* -- Les crédits -- */
.qeel > .credits {
  width: 245px;
  top: 20px;
  left: 20px;
  text-align: center;
}

/* ----- Fin QEEL ----- */

Installe et dis moi ce qu'il y a à modifier !

Mer 19 Avr - 16:40

Hey :) alors voilà il est installé, en fait le seul truc qui va pas c'est la couleur du texte XD j'ai essayé avec un fond et le mettre en opacité, mais du coup c'est toute la case qui perd en opacité :/

Ah et tu as oublié le défilement des partenaires '-' mais c'est pas grave, ça je peux le faire ^^

Mer 19 Avr - 16:53

C'est bien ce que je pensais... Je peux essayer de mettre un fond derrière le texte qui sera à moitié transparent avec une autre couleur de texte, histoire que ça devienne lisible mais ça ne sera pas super beau... L'idéal serait de rendre plus opaque les cadre de l'image et que l'on mette en noir par dessus

Oh pardon pour le défilement, je l'ai complètement oublié >< Si tu veux t'en occuper vas y, je vais essayer de rendre ton texte lisible o/

Mer 19 Avr - 17:00

Comme dit pour l'image c'est pas de moi et impossible de contacter l'auteur de celle-ci >< (puis depuis le temps, il doit plus avoir le .psd XD)

On peut essayer l'opacité, au pire on perds rien à tenter x) (fin si toi tu perds ton temps :/)

Et pas de soucis pour le défilement, t'en fais pas va

Mer 19 Avr - 17:25

Essayes ce nouveau CSS pour le QEEL et dis moi ce que tu en penses. J'en ai profité pour corriger des erreurs.

Code:

/* ----- QEEL ----- */
.qeel {
    position: relative;
    width: 800px;
    height: 600px;
    margin: auto;
    background: url('http://i.imgur.com/Vki36os.png') top center no-repeat;
    text-align: left;
    font-family: TrebuchetMS, serif;
    font-size: 14px;
}

.qeel a {
  color: #660b6b !important;
  text-shadow: 0 0 4px #FFF;
}

.qeel > div {
  position: absolute;
}

/* -- Qui est là -- */

.qeel > .who {
    width: 198px;
    height: 375px;
    top: 139px;
    right: 290px;
    overflow: auto;
}

.qeel > .who td {
  background: none;
  padding: 0;
  text-align: left;
}

.qeel > .who td > span {
  font-family: TrebuchetMS, serif !important;
  font-size: 14px !important;
}

/* -- Les goupes -- */

.qeel > .groups {
    width: 260px;
    height: 225px;
    top: 148px;
    left: 20px;
    text-align: center;
}

.qeel > .groups > a {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin: 13px 0;
}

/* La couleur des groupes */
#nohero {
  color: #6D81A6;
  text-shadow: 0 0 4px #FFF;
}

#zero {
  color: #715687;
  text-shadow: 0 0 4px #FFF;
}

#hero {
  color: #216637;
  text-shadow: 0 0 4px #FFF;
}

#s-hero {
  color: #BD9020;
  text-shadow: 0 0 4px #FFF;
}

#pnj {
  color: #3D0202;
  text-shadow: 0 0 4px #FFF;
}

#gray {
  color: #9E9B9B;
  text-shadow: 0 0 4px #000;
}

/* -- Les partenaires -- */
.qeel > .partners {
    width: 600px;
    height: 40px;
    bottom: 9px;
    left: 10px;
    overflow: hidden;
    padding: 4px 0;
}

.qeel > .partners > a {
  display: inline-block;
  margin: 0 3px;
}

/* -- Les crédits -- */
.qeel > .credits {
  color: #FFF;
  width: 245px;
  top: 20px;
  left: 20px;
  text-align: center;
}

/* ----- Fin QEEL ----- */

Mer 19 Avr - 17:36

Beeeeaucoup mieux :D Là, le seul truc illisible légèrement, c'est le texte du qui était là. Pardoooooon

Mer 19 Avr - 17:39

Et avec celui-ci ?

Code:

/* ----- QEEL ----- */
.qeel {
    position: relative;
    width: 800px;
    height: 600px;
    margin: auto;
    background: url('http://i.imgur.com/Vki36os.png') top center no-repeat;
    text-align: left;
    font-family: TrebuchetMS, serif;
    font-size: 14px;
}

.qeel a {
  color: #660b6b;
  text-shadow: 0 0 4px #FFF;
}

.qeel > div {
  position: absolute;
}

/* -- Qui est là -- */

.qeel > .who {
    color: #000;
    width: 198px;
    height: 375px;
    top: 139px;
    right: 290px;
    overflow: auto;
}

.qeel > .who td {
  background: none;
  padding: 0;
  text-align: left;
}

.qeel > .who td > span {
  font-family: TrebuchetMS, serif !important;
  font-size: 14px !important;
  color: #000;
}

/* -- Les goupes -- */

.qeel > .groups {
    width: 260px;
    height: 225px;
    top: 148px;
    left: 20px;
    text-align: center;
}

.qeel > .groups > a {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin: 13px 0;
}

/* La couleur des groupes */
#nohero {
  color: #6D81A6;
  text-shadow: 0 0 4px #FFF;
}

#zero {
  color: #715687;
  text-shadow: 0 0 4px #FFF;
}

#hero {
  color: #216637;
  text-shadow: 0 0 4px #FFF;
}

#s-hero {
  color: #BD9020;
  text-shadow: 0 0 4px #FFF;
}

#pnj {
  color: #3D0202;
  text-shadow: 0 0 4px #FFF;
}

#gray {
  color: #9E9B9B;
  text-shadow: 0 0 4px #000;
}

/* -- Les partenaires -- */
.qeel > .partners {
    width: 600px;
    height: 40px;
    bottom: 9px;
    left: 10px;
    overflow: hidden;
    padding: 4px 0;
}

.qeel > .partners > a {
  display: inline-block;
  margin: 0 3px;
}

/* -- Les crédits -- */
.qeel > .credits {
  color: #FFF;
  width: 245px;
  top: 20px;
  left: 20px;
  text-align: center;
}

/* ----- Fin QEEL ----- */