Dim 13 Aoû - 19:48

Coucou, c'est (encore) moi !

Je reviens avec une petite demande de QEEL en espérant que ça ne te dérangera pas ! Si jamais, je repasserai plus tard. ~ 

Forum : www
Version : PHPBB2
Taille du forum :900 px !
Elément(s) demandé(s) : Un QEEL s'il-vous-plait !
Maquette :
Description (peut remplacer la maquette ou la compléter) : Ahem, alors je ne sais pas pourquoi mais photoshop a déconné du coup impossible de l'ajouter mais, dans le cadre du milieu, en-dessous du "X messages" et "X membres", ça serait le "Il y a actuellement X morts à proximité du Zodiaque, dont X habitué(s), X traumatisé(s)  & X à moitié mort(s). "

Et sinon pour le haut du QEEL avec le "Norbert souhaite la bienvenue... blablabla", j'ai mis les constellations parce que je n'ai aucune foutue idée de comment on fait le dégradé de rouge/bordeau que Nasty et toi avez fait pour les fond des catégories : (cette chose-là). Du coup, si c'est possible, j'aimerais bien avoir le dégradé mais sinon, je vais fournir l'image de constellations pour la mettre si jamais le dégradé n'est point possible.

Couleurs (si pas de maquette graphique) :Y a les couleurs directement !
Polices à utiliser :Oswald regular
Images à utiliser :
Pour le fond des bordures des 3 cadres centraux :


Pour le fond du cadre supérieur du QEEL (où il est noté nos partenaires à moitié-morts) :


Pour le fond du cadre tout au-dessus (avec Norbert, si jamais le dégradé est trop compliqué à mettre en place) :



Acceptez-vous que le code finisse en LS ? Oui, si c'est utile .x.
Mode de rendu : Via le sujet !
Autre chose à ajouter ? Désolée si la maquette n'est pas hyper explicite (et précise, c'est ma première   ), si ça ne te permet pas de réaliser le QEEL, je recommencerai ! Merci beaucoup !

Dim 13 Aoû - 21:26

Pouet !

J'avoue que j'ai pas compris quand j'ai vu les cadres vides XDDD Mais du coup oui, le dégradé est possible, le texte aussi. Par contre tu n'insères pas les membres connectés actuellement ? Et pour les partenaires ils doivent apparaître sur toutes les pages ou uniquement l'accueil ?

Après sache que j'ai déjà la commande d'Ukrysis qui a été posté en première donc que je fais passer en priorité (même si je code d'autres choses entre deux éléments à elle), et que je suis absente à partir de demain jusqu'à jeudi probablement, donc ça risque ne pas être fait sous quinzaine TT

Si ça te va je garde quand même la commande, mais si tu es pressée je comprendrai que tu demandes à quelqu'un d'autre :3

Poutoux Zodiaque !

Dim 13 Aoû - 22:35

Bouh !

... J'avais complètement zappé, je suis totalement à côté de mes pompes Oo". En-dessous du "Il y a actuellement X morts à proximité du Zodiaque, dont X habitué(s), X traumatisé(s) & X à moitié mort(s). ", ça serait possible du coup ? Et pour les partos, sur toutes les pages, ça serait super (j'ai oublié la précision D8).

Ensuite, concernant ton emploi du temps, ça ne me dérange absolument pas du moment que ça ne te pose pas problème à toi. Je comprendrais que tu ne veuilles pas avoir une commande en plus de celle d'Ukrysis alors que tu seras à peine revenue .x. . Puis c'est normal que sa commande soit prioritaire aussi, je comprends totalement ! /o/

Ahem, et du coup, je demanderai probablement une toute petite mini PA de rien du tout d'ici peu, est-ce que ça te dérangerait ? Sinon, promis, je vais voir ailleurs pour ça !

Bisous citrouille /o/.

Dim 13 Aoû - 22:52

Tu me fais rire XD

Moi ça ne me gêne pas, c'est surtout pour toi :3 On enchaînera avec la PA XD

Je fais au plus vite alors \o/

Ven 18 Aoû - 21:20

Plop !

Voila mon rendu : www.
Par contre il faudra te créer ta shootbox au lien suivant : i-tchat.

Ven 18 Aoû - 22:31

...
M...
Mais...

jeviensjustedefinirmamaquettepourriedePA, t'es trop rapide ! /MEURT/

Mais du coup ça me va ! Et j'ai déjà la shoutbox, je me rends compte maintenant que j'avais pas fourni le lien, mea culpa D8.
Enfin bref, sinon c'est parfait    ! J'ai hâte de l'essayer . Puis pour la PA, j'attends ton feu vert avant de poster une nouvelle commande, je ne voudrais pas te surcharger .x. !

Keur keur et paillettes sur toi !

Ven 18 Aoû - 22:43

Voyons les beugs \o/

Le CSS

Code:

/*********************************** QUI EST EN LIGNE ? ***********************************/

#qeel {
  width: 100%;
  margin: auto;
  font-family: calibri;
  background: #d8d2d2;
}

#qeel_titre {
  text-align: center;
  background-image:-moz-linear-gradient(90deg, #2a171d, #922b2e);
  background-image:-webkit-linear-gradient(90deg, #2a171d, #922b2e);
  background-image:-o-linear-gradient(90deg, #2a171d, #922b2e);
  background-image:linear-gradient(90deg, #2a171d, #922b2e);
  color: #fff;
  padding: 2% 0px;
  margin-top: 2%;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-shadow: 2px 2px  #361820;
  color: #eaeaea;
}

.bloc_qeel {
  margin: auto;
  width: 27%;
  margin: 2.1% 2.1% 0% 2.1%
  padding: 1%;
  background: url('https://i11.servimg.com/u/f11/15/29/91/94/fond_310.png');
  height: 250px;
  float: left;
}

.contenu_bloc_qeel {
  background: #fff;
  font-size: 12px;
  height: 225px;
  overflow: auto;
  width: 90%;
  padding: 5%;
}

.membres_messages_qeel {
  background: #1c1319;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 5%;
  text-align: center;
  text-transform: uppercase;
  width: 38%;
  font-family: Oswald, sans-serif;
  margin: 0 1% 5% 1%;
}

#qeel_transparent .row1 {
  background-color: transparent;
  font-family: calibri;
  font-size: 12px;
}

.groupes_qeel {
  display: inline-block;
  font-family: Oswald, sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin: 1% 0.5%;
  padding: 0.5% 0;
  width: 18.3%;
  font-size: 24px;
}

#alignement_groupes_qeel {
  width: 100%;
  text-align: center;
}

.groupes_qeel {
  display: inline-block;
  font-family: Oswald, sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin: 1% 0.5%;
  padding: 0.5% 0;
}

#barbec {background: #df6e4d; color: #bb512f;}
#paquerettes {background: #c1db7d; color: #93b34d;}
#morues {background: #b3d4e5; color: #73a4bb;}
#perches {background: #f7dd75; color: #d0aa2a;}
#pnj {background: #e891ca; color: #b3719d;}

#partenaires_footer {
  width: 95%;
  background: #1c1519;
  margin: auto;
  padding: 0 0 2% 0;
  text-align: center;
}

#partenaires_footer h2 {
  width: 96%;
  background: url('https://i11.servimg.com/u/f11/15/29/91/94/fond_p11.png');
  font-family: Oswald, sans-serif;
  font-size: 16px;
  text-align: left;
  padding: 7% 2%;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
}

#partenaires_footer img {
  margin: 0.5% 1%;
  text-align: center;
}

Template 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">
    <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 id="qeel">
     <div id="qeel_titre">
             <span id="yosh">
                     {NEWEST_USER}
             </span>, notre dernier trépassé
     </div>
                 
     <div class="bloc_qeel">
             <div class="contenu_bloc_qeel">
                Shoutbox
             </div>
     </div>
     <div class="bloc_qeel">
               <div class="contenu_bloc_qeel">
                         <span class="membres_messages_qeel" id="matt">{TOTAL_USERS}</span>
                     <span class="membres_messages_qeel" id="bert">{TOTAL_POSTS}</span>
                     <br />
              <span id="celine">{TOTAL_USERS_ONLINE}</span>
                     <br /><br />
              {LOGGED_IN_USER_LIST}
             </div>   
     </div>
 
     <div class="bloc_qeel">
             <div class="contenu_bloc_qeel">
                <table id="qeel_transparent">{L_CONNECTED_MEMBERS}</table>
             </div>
     </div>
 
        <div id="alignement_groupes_qeel">
             <a href="#" class="groupes_qeel" id="barbec">Barbec'</a>
          <a href="#" class="groupes_qeel" id="paquerettes">Pâquerettes</a>
          <a href="#" class="groupes_qeel" id="morues">Morues</a>
          <a href="#" class="groupes_qeel" id="perches">Perchés</a>
          <a href="#" class="groupes_qeel" id="pnj">P.N.J.S</a>
     </div>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Norbert souhaite la bienvenue à");</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"").replace(/membres enregistrés/,"Membres");</script>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/messages/,"Messages");</script>

<script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/,"Il y a actuellement").replace(/utilisateur(s?) en ligne/,"morts à proximité du Zodiaque, dont").replace(/::/,"").replace(/Enregistré(s?)/,"habitué(s)").replace(/Invisible(s?) et/,"traumatisé(s) & ").replace(/Invité(s?)/,"à moitié mort(s).");</script>
</div>



<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />


{AUTO_DST}

Template Overall_footer_begin

Code:

<!-- BEGIN html_validation -->

<!-- END html_validation -->

<div id="partenaires_footer">
     <h2>Nos partenaires à moitié-morts</h2>
 
     <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
     <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
       <a href="#" target="_blank"><img src="https://img15.hostingpics.net/pics/377290logotrois.png" /></a>
     <a href="#" target="_blank"><img src="https://img4.hostingpics.net/pics/849532Sanstitre2.jpg" /></a>
</div>

<a href="/admin" class="administrer" style="color: #fff; text-decoration: none !important;">Panneau d'administration</a>

<div class="clear"></div>
<div id="page-footer">
   
      <div class="footer_forum">
                  <span id="select_footer">{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
<!-- BEGIN html_validation -->
      </div>
   
</div><!-- END html_validation -->

Sam 19 Aoû - 17:39

Tout fonctionne parfaitement ! (D'ailleurs ça commence à me paraitre suspect que tout roule aussi bien du premier coup   XD)
Je me demandais juste si c'était possible d'éventuellement enlever la marge du cadre de la shoutbox :



Sinon, point de problème, je m'arrangerai pour la mettre pile poil à la taille ! /o/

Sam 19 Aoû - 18:06

XDD

Essaie ceci dans le template :

Code:

<div class="bloc_qeel">
            <div class="contenu_bloc_qeel" style="margin: 0;">
                Shoutbox
            </div>
    </div>

Sam 19 Aoû - 19:30

Il veut toujours pas .x. C'est un vilain D8

Sam 19 Aoû - 19:44

Sans avoir accès au forum c'est difficile de t'aider :/

Sam 19 Aoû - 20:49

Oh, je peux t'envoyer les identifiants et mdp par MP, si ça peut aider ?

Sam 19 Aoû - 21:05

Ou juste débloquer l'accès le temps que je règle le soucis si tu préfères ^^

Sam 19 Aoû - 21:39

Mmm... n'étant pas sûre de ce que tu voulais dire par débloquer, j'ai préféré envoyer un MP avec les identifiants, si jamais tu n'es pas "à l'aise" avec l'idée, que voulais-tu dire exactement ? QAQ

Dim 20 Aoû - 12:10

Terminé, j'archive \o/