Hello Roz!
La maquette de ta façade ressemble à un maquette de messages... Aurais-tu fait erreur? ^^

Effectivement. xD A force d'uplaoder 40 fois la maquette par ce que j'ai changé 40 fois des trucs dessus, je me suis tromper. xD Merci de me l'avoir signalé.

Je viens uper ma petite demande.

Oui c'est encore moi! Je up ma demande d'intégration!

J'ajoute aussi que si certains codages sont trop compliqué pour certains codeurs, vous pouvez toujours me proposer une alternative, je ne suis pas totalement fermé à toute proposition. J'ai mis ce que je souhaite et ce qui me plait, après si certains codage ne sont pas viable, je suis prête à voir ce qu'on me propose en échange. :)

Bisou!!

Coucou Shaneliae.

Alors, je ne sais absolument pas s'il est possible à deux codeurs de travailler sur une même commande. O.o Se serais amusant tien. ^^

- Les images de bases : elles ne sont pas faites. xD En faite j'ai construit les maquettes sans faire les images car je ne me suis pas du tout occupée des dimensions vue que je n'ai pas d'idée dessus. Comme expliquée je demande à ce que le corps du forum fasse minimum 900 pixels de largeur et grand maximum 1100 pixels de largeur et qu'ensuite chaque codage doit s'adapter en fonction du choix du codeur. Une fois cela définit je m’attelle au graphisme en apportant toutes les images nécessaires aux bonnes dimensions.

- Le QEEL : Effectivement j'ai retiré les groupes "Pétoncles" et "Personnages Non Joueurs". Je ne les trouve pas utile en faite, surtout celui des nouveaux inscrits. Du coup je préfère les retirer du QEEL pour l’alléger.

- Les Polices : Je comprend, mais en passant par le CSS ça fonctionne je crois! En tout cas chez moi ça fonctionne en passant via le CSS, à condition d'avoir téléchargé et installé les polices au préalablement. Mais si tu préfère que je trouve sur google font, je vais aller y faire un petit tour. :)

- Pour le Slideshow (Quêtes et Concours) : Je te donne le lien d'un forum sous hide où est mis en place le système : Sur la Page d'Accueil cela correspond au rectangle sur la droite "News&Infos". Si tu ne fais rien les images défiles simplement comme un slideshow de base. Mais si tu clique avec ta souris tu peux faire défiler les images comme tu le souhaite et dans le sens que tu souhaite. Je demande peut-être quelque de trop compliqué/sophistiqué. Un simple slideshow est tout aussi suffisant, c'est juste une fonctionnalité que j'aime bien. Ou alors mettre des flèches pour faire défiler le slideshow.

- Pour les messages : comme dit sur L.C.A attend avant de le faire puisqu'on va se servir du codage du Capitaine pour avoir plusieurs personnages sur un seul compte. Donc faire le bandeau en profil + le codage des messages via la feuille html. :) Et ça je peut m'en occuper au final c'est pas aussi compliqué que ça. xD

Encore une fois merci à toi de te donner autant. Cela me va droit au coeur! Pour ce qui est des images, dés que j'ai les tailles adéquates je l'ai fait aussi tôt.

Salut!

Je m'incruste pour un commentaire sur les polices :

Sur la plupart des sites où on peut trouver des polices (dont celui d'où proviennent les polices que tu as trouvées), tu peux télécharger des polices. Ces polices s'installent sur ton ordinateur. Ensuite, si tu les met dans le CSS de ton forum, tu verras ces polices s'afficher correctement parce que ton ordinateur possède ces polices et est capable de les lire. PAR CONTRE, tu seras la seule à voir ces polices s'afficher correctement parce que les autres n'auront pas les polices sur leur ordinateur. Donc, ils verront... autre chose. Bref, si tu peux faire une belle image avec ces polices, tu ne peux pas vraiment les utiliser sur ton forum, à moins que tu ne demandes à tous tes membres et visiteurs de les
installer, ce qui est un peu irréalisable, surtout au niveau des visiteurs.

Sur Google Font, les polices sont hébergées sur internet et en utilisant le lien qu'ils donnent, lorsque tu le mets sur ton forum, tous les membres pourront voir la police, même s'ils ne l'ont pas téléchargée. D'ailleurs, je crois même que c'est impossible d'en télécharger une L'inconvénient, c'est que la police a l'air un peu différente d'un navigateur à l'autre. Et avec les polices de Google Font, comme tu ne peux pas télécharger ta police, tu ne peux pas faire tes images avec ces polices. Donc il faut s'attendre à avoir au moins une police différente pour les images et pour le texte "normal" du forum. Edit: Et je suis apparemment aveugle, donc oublies ce qui est barré XD

Hello,

Je me tape juste l'incrustation pour les polices (aussi ^^) pour dire qu'on peut télécharger les google font, il suffit de cliquer sur la petite flèche tournée vers le bas (elle est située sur la droite, une petite recherche sur Google pour ceux qui ne trouvent pas le bouton, cherchez "télécharger Google font" par exemple).
Sinon pour utiliser une police non Google Font, tu peut l'héberger toi-même et l'utiliser sur son forum ensuite (il faut tout de même vérifier les droits d'utilisation d'abords). C'est une solution légèrement plus complexe, mais qui fonctionne bien aussi. (:

Ok pour les polices et merci pour vos interventions les filles. :) Je vais aller sur Google Font et trouver des polices qui me tente, ainsi j'aiderais les Codeurs (oui j'ai ma codeuse sur un autre forum qui me fait la "tronche" car je n'use pas des polices google font ce qui l'énerve. xD) Donc je vais faire un effort de ce côté là.

J'édite pour ne pas faire de up intempestif.

Déjà voici la bannière en 1000 pixels de largeur et 500 pixels de hauteur :

Code:

http://img11.hostingpics.net/pics/183057bannieretestmaquette.png

Et du coup j'ai trouvé la typo des titres et du reste sur google font.
- Dancing Script : https://www.google.com/fonts#QuickUsePlace:quickUse
- Lobster : https://www.google.com/fonts#QuickUsePlace:quickUse

Et voici la barre de navigation :
- Accueil : https://2img.net/r/hpimg11/pics/777664deconnexion01.png
- FAQ : https://2img.net/r/hpimg11/pics/905830deconnexion02.png
- Rechercher : https://2img.net/r/hpimg11/pics/875933deconnexion03.png
- Membres : https://2img.net/r/hpimg11/pics/642630deconnexion05.png
- Groupes : https://2img.net/r/hpimg11/pics/610436deconnexion07.png
- Profil : https://2img.net/r/hpimg11/pics/844494deconnexion09.png
- Message Privé : https://2img.net/r/hpimg11/pics/398672deconnexion11.png
- Nouveau Message Privé : https://2img.net/r/hpimg11/pics/688985newMP10.png
- S’enregistrer : https://2img.net/r/hpimg11/pics/980214senregistrer09.png
- Se Connecter : https://2img.net/r/hpimg11/pics/914623senregistrer11.png
- Se Déconnecter : https://2img.net/r/hpimg11/pics/937663deconnexion13.png

Roooo!! Le rendu est géant!!! J'adooooore! *o* Merci pour la faute sur le bouton! Du coup j'ai tout retravailler et tout redécouper :

- Accueil : https://2img.net/r/hpimg11/pics/575032senregistrer01.png
- Faq : https://2img.net/r/hpimg11/pics/948285senregistrer02.png
- Rechercher : https://2img.net/r/hpimg11/pics/677284senregistrer03.png
- Membres : https://2img.net/r/hpimg11/pics/202668senregistrer04.png
- Groupes : https://2img.net/r/hpimg11/pics/385124senregistrer05.png
- Profil : https://2img.net/r/hpimg11/pics/800509mpno06.png
- Message Privé : https://2img.net/r/hpimg11/pics/526402mpno07.png
- Nouveau message privé : https://2img.net/r/hpimg11/pics/502211newmp07.png
- S'enregistrer : https://2img.net/r/hpimg11/pics/413826senregistrer06.png
- Se Connecter : https://2img.net/r/hpimg11/pics/129263senregistrer07.png
- Se Déconnecter : https://2img.net/r/hpimg11/pics/241568mpno08.png

De rien pour le bouton ! Voici un petit rendu :


J'en profite pour te poser une petite question !
Comme tu le vois, je suis en train de travailler l'affichage des sujets. J'ai mit un bouton provisoire pour commencer un nouveau sujet et j'ai déjà un peu bidouillé les fonts pour voir si les div que j'ai installé fonctionnent. Et comme tu le voix, j'ai codé le titre de la zone où j'ai écrit "les missives en cours". Je peux évidemment coder ce texte pour qu'il ait une couleur, mais on peut aussi le remplacer par une image ! Donc que désires tu ? (Pour indication, actuellement le "Les Missives en cours" est en Dancing Script 50px)

J'aime beaucoup! Après je ne sais pas vraiment. xD Qu'est ce qui est le plus contraignant à faire et le moins contraignant? Personnellement, j'aime beaucoup ce que tu as commencé! :)

Pour les couleurs :
- Le fond "Les Missives en Cours" : #4E7596
- Le fond : #C4D1DC

Les Images :
- Poster un nouveau sujet : https://2img.net/r/hpimg15/pics/791456nouveaurepondreverrouille03.png
- Répondre au sujet : https://2img.net/r/hpimg15/pics/546079nouveaurepondreverrouille05.png
- Nouveaux messages [ Verrouillé ] : https://2img.net/r/hpimg15/pics/509032nouveaurepondreverrouille07.png

Nickel!! *o* C'est juste parfait comme ça! Je te fais les icônes demain et j'éditerais mon message. ^^

Les petites icônes de sujet :
- Sujet/Sujet - Populaire : https://2img.net/r/hpimg11/pics/613487nonew2.png
- Sujet - Nouveau / Sujet - Populaire & Nouveau / Sujet - Nouveau & Verrouillé / Annonce - Nouveau / Annonce globale - Nouveau / Note - Nouveau : https://2img.net/r/hpimg11/pics/770799new2.png
- Sujet - Verrouillé / Sujet - Nouveau & Verrouillé : https://2img.net/r/hpimg11/pics/730552lock2.png
- Annonce / Annonce globale / Note : https://2img.net/r/hpimg11/pics/254364missiveimportante.png

Hellow hellow ^^

Si Shanelia n'a toujours pas changé d'avis et si vous êtes d'accord, je peux bien prendre la deuxième partie de la commande (PA et Qeel) ^^

Si je me souviens bien, le type de Slideshow que tu as montré a été fait avec WowSlider, un logiciel que j'ai bien de la misère à utiliser >< Par contre, j'ai d'autres astuces pour en faire un d'une façon différente D'ailleurs, pour les Slideshows, il faut déterminer un nombre total de "slides" qui s'affichent. Donc combien tu aimerais avoir?

Et Shaneliae, j'aimerais bien pouvoir partager ton forum test, histoire qu'on ne se retrouve pas avec les mêmes noms de classes par erreur u_u Tu peux mettre le lien et les logs en "hide" ou me les envoyer par MP, c'est toi qui choisi

Je vous déconseille juste de travailler en même temps, histoire de pas effacer le travail de l'autre sur le CSS ^^ Essayez de vous coordonner, par exemple, quand Shan' termine, tu commence Onyx ^^

Hanw!! C'est trop gentil Onyx. Pour le Slidesow, je comprend et comme dit je ne suis pas fermé à toute autre proposition. Fais toi plaisir si tu as d'autres astuces à le mettre en application, cela ne me gêne pas. ^^ Pour le nombre de slideshow prédéfini, je dirais bien de commencer par 5, c'est un bon point.

Je vais aussi vous fournir le code des messages, ainsi on aura tout sur le même forum, et que si vous voyez qu'il y a des problèmes de ligne ou quoi, vous pourrez me taper dessus. xD

Le Template :

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>     
      <td class="nav" valign="middle" width="100%">
        <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </td>     
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
        </span>
        <!-- END switch_twitter_btn -->
       
        <!-- BEGIN switch_fb_likebtn -->       
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script> 
        <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
        <!-- END switch_fb_likebtn -->
       
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
              var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
              insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>


<div class="titre_topic">{TOPIC_TITLE}</div>

<div class="forumline">
  <!-- BEGIN topicpagination -->
<span class="gensmall">{PAGINATION}</span>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
{postrow.hidden.MESSAGE}
  <!-- END hidden -->
  <!-- BEGIN displayed -->

            <div class="profil_reel">
              <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
              <div class="avatar_reel">{postrow.displayed.POSTER_AVATAR}</div>
              <div class="pseudo_reel">{postrow.displayed.POSTER_NAME}</div>
              <div class="info_reel">
              <!-- BEGIN profile_field -->
      {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
        <!-- END profile_field -->
              </div>
              <div class="online">{postrow.displayed.ONLINE_IMG}</div>
              <div class="boutonsprofil_reel">
              {postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG}
              </div>
              <div class="rang">{postrow.displayed.RANK_IMAGE}</div>
              <div class="message_infos">
                <img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}
              </div>
              <div class="options_message">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
            </div>
 
  <div style="clear: both;"></div>

          <div class="contenu_message">
                                                <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->
                                        <div class="postbody">
                    <div>{postrow.displayed.MESSAGE}</div>
                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <!-- END switch_signature -->

                      </div>
          </div>       
     
         
          <!-- BEGIN first_post_br -->
</div>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<table>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Le CSS:

Code:

/* PROFIL ET MESSAGE */

.titre_topic
{
  text-align: center;
  font-size: 24px;
  letter-spacing: 4px;
  font-weight: bold;
  font-family: trebuchet MS;
  text-shadow: 1px 1px 0px #e1dfdb;
}
.profil_reel
{
  width: 100%;
  height: 100px;
  background: #5788ae;
  border-top: 5px solid #0e3a5c;
  border-bottom: 2px solid #0e3a5c;
}
.avatar_reel
{
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: right;
}
.pseudo_reel
{
  width: 200px;
  float: right;
  height: 40px;
  font-size: 24px;
  letter-spacing: -2px;
  text-align: center;
  font-family: lucida calligraphy, tahoma;
  text-shadow: 1px 1px 0px #000000;
}
.info_reel
{
  width: 200px;
  height: 60px;
  float: right;
  color: black;
  font-size: 10px;
  margin: 40px -200px 0 0;
  overflow: auto;
}
.online
{
  position: absolute;
  margin-left: -2px;
  margin-top: -1px;
}
.boutonsprofil_reel
{
  position: absolute;
  width: 140px;
  margin: 10px 0 0 400px;
}
.boutonsprofil_reel img
{
  border: 1px solid #0e3a5c;
  transition: 500ms;
}
.boutonsprofil_reel img:hover
{
  border: 1px solid #C4D1DC;
  transition: 500ms;
}
.rang
{
  position: absolute;
  width: 140px;
  height: 80px;
  margin: -5px 0 0 550px;
}
.message_infos
{
  position: absolute;
  width: 400px;
  margin-top: 30px;
  color: black;
  font-size: 10px;
  font-variant: small-caps;
  font-weight: bold;
}
.options_message
{
  position: absolute;
  margin: 70px 0 0 10px;
}
.contenu_message
{
  padding: 10px;
  text-align: justify;
  border-bottom: 5px solid #0e3a5c;
}


Hellow ~

Pour le slideshow, tu seras surprise de voir que c'est presque tout fait en CSS, il n'y a presque pas de script, du moins pas comme je le fais. Et je suis ravie d'être utile ^^
Pour la CB, je vais voir ce que je peux faire
Et pour les sous-forums dans les catégories, ça se fait assez bien en hover, je t'aiderai si tu bloques rendu là-bas ^^

Sinon, étant québecoise, je viens souvent assez tard par rapport à l'heure française, alors je pense qu'on ne devrait pas trop avoir de misère à travailler ensemble

Je regarderais, ça me permettra d'apprendre

Sinon, je suis pas mal habituée à travailler tard, mais t'inquiètes pas, je te préviendrais quand je suis présente ^^

[EDIT pour éviter de reposter]

Bon, nous avançons vraiment là ! Onyx va finir la page d'accueil et moi j'ai presque fini le travail des catégories et forums sur l'index Mais pour terminer je vais avoir besoin que tu me donne les différentes icônes ! (pas de nouveaux messages, nouveaux messages et lock) Et si tu pouvais aussi me fournir les icônes dans les messages (mail, profil, mp, et tous les autres que ça soit Skype, fb et tout ça !) Je vais encore terminer quelques petits détails aussi

Hellow hellow ~

Voilà à quoi ressemble la facade maintenant :
https://2img.net/r/hpimg11/pics/971719screen.png

Pour finir la PA, j'aurais besoin de quelques images :
- L'image du Contexte (280x280)
- Une image pour le staff (150x150)
- Les liens à la droite (max 175px de largeur)
- L'image "Ormefleur"
- Le titre "Quête & Concours" (Tu peux te baser sur le screen pour suivre la courbe du rond (c'est pas les mêmes dimensions que sur ta maquette))
- Le titre "Nos Amis" (Idem que plus haut)

Pour la CB :
- Le titre

Coucou les filles!! Je suis rentrée ayé!!

Alors, alors, alors!! Que dire? C'est juste enooooooooooooooooooooooorme!! J'ADORE!! *O* Je vous fais les images le plus tôt possible!! Vous êtes géniales!! *3*

Edition : Voilà, je me suis attelée à vous faire les images (il n'y a pas tout et c'est surtout pour la PA.)

- Image de fond du contexte : https://2img.net/r/hpimg15/pics/250372ContextePA.png
- Image de fond du Staff: https://2img.net/r/hpimg15/pics/762536StaffPA.png

- Titre du "Quêtes et Concours" : https://2img.net/r/hpimg15/pics/339320queteetconcourstitrePA.png
- Titre du "Nos Amis" : https://2img.net/r/hpimg15/pics/752263partenairetitrePA.png
- Titre du QEEL : https://2img.net/r/hpimg15/pics/672727TitreduQEEL.png (je l'ai fait à partir du screen du QEEL sur le fofo Test pour que cela corresponde bien.)

- Administration : https://2img.net/r/hpimg15/pics/893522administrationPA.png
- Notre Univers : https://2img.net/r/hpimg15/pics/995765notreuniversPA.png
- Vos Personnages : https://2img.net/r/hpimg15/pics/525483vospersonnagesPA.png
- Les Partenariats : https://2img.net/r/hpimg15/pics/200384lespartenariatsPA.png

- Titre de la CB avec la typo "Lobster" : https://2img.net/r/hpimg15/pics/598155titreCBLobster.png
- Titre de la CB avec la typo "Dancing Script" : https://img15.hostingpics.net/pics/834970titreCBDancingScript.png

Pour le titre de la CB, je n'arrivais pas à me décider sur la typo à user, du coup j'en ai fait deux. Au choix du codeur celons l'esthétique. :)

Edition N°2 : Voici les images pour Shaneliae

- Catégorie : https://2img.net/r/hpimg11/pics/246988nonew1.png
- Catégorie - Nouveau : https://2img.net/r/hpimg11/pics/537259new1.png
- Catégorie - Verrouillé : https://2img.net/r/hpimg11/pics/206699lock1.png
- Forum : https://2img.net/r/hpimg11/pics/246988nonew1.png
- Forum - Nouveau : https://2img.net/r/hpimg11/pics/537259new1.png
- Forum - Verrouillé : https://2img.net/r/hpimg11/pics/206699lock1.png

- Répondre en citant : https://2img.net/r/hpimg11/pics/140108citer01.png
- Editer le sujet : https://2img.net/r/hpimg11/pics/378975citer02.png
- Supprimer ce message : https://2img.net/r/hpimg11/pics/460982citer03.png
- Voir l'adresse IP du posteur : https://2img.net/r/hpimg11/pics/356693citer04.png

- Profil : https://i.servimg.com/u/f18/17/48/87/58/monpro10.png
- Visiter le site web du posteur : https://i.servimg.com/u/f18/17/48/87/58/monpro11.png
- E-mail : https://i.servimg.com/u/f18/17/48/87/58/monpro12.png
- Message Privé : https://i.servimg.com/u/f18/17/48/87/58/monpro13.png
- En ligne : https://2img.net/r/hpimg11/pics/321136enligne.png

- Titre des Catégories:
- Première Catégorie : https://2img.net/r/hpimg15/pics/337768titrecate1.png
- Seconde Catégorie : https://2img.net/r/hpimg15/pics/168363titrecate4.png
- Troisième Catégorie : https://2img.net/r/hpimg15/pics/629560titrecate2.png
- Quatrième Catégorie : https://2img.net/r/hpimg15/pics/672669titrecate3.png


Ensuite, est-il possible de changer la type des Titres des Forums avec Lobster? J'aimerais voir ce que cela donne. Merciii!!

Edition N°3 : Je te passe les liens pour le menu sur la PA. :)
- Administration :
-- Règlement du forum : http://antartica-rpg.actifforum.com/t9-reglement-du-forum
-- Le Petit Guide du Débutant : http://antartica-rpg.actifforum.com/t3-petit-guide-du-debutant
-- La Boite à Idées : http://antartica-rpg.actifforum.com/t101-fonctionnement-de-la-boite-a-idees
-- Personnages Non Joueurs : http://antartica-rpg.actifforum.com/t32-les-personnages-non-joueurs-ou-pnjs
-- Système d'évolution : http://antartica-rpg.actifforum.com/t105-systeme-d-evolution-des-personnages
-- Système de combat : http://antartica-rpg.actifforum.com/t25-systeme-des-combats
-- Nos Crédits : http://antartica-rpg.actifforum.com/t1-les-creditsla-team

- Notre Univers :
-- Background #1 : http://antartica-rpg.actifforum.com/t4-background-1-la-vie-en-duerine
-- Les Races de Düérine : http://antartica-rpg.actifforum.com/t14-les-races-de-duerine
-- Les Classes Jouables : http://antartica-rpg.actifforum.com/t24-les-classes
-- Les Religions : http://antartica-rpg.actifforum.com/t28-les-religions
-- Les Autres Annexes : http://antartica-rpg.actifforum.com/t19-autres-annexes
-- Le Bestiaire : http://antartica-rpg.actifforum.com/t23-le-bestiaire-aquatique

- Vos Personnages :
-- Recherche d'Avatar : http://antartica-rpg.actifforum.com/t110-fonctionnement-de-la-section
-- Présenter son personnage : http://antartica-rpg.actifforum.com/t15-fiche-de-presentation
-- Proposer un Prédéfini : http://antartica-rpg.actifforum.com/t27-predefini-scenariomode-d-emploi
-- Le déroulement d'un Quête : http://antartica-rpg.actifforum.com/t8-les-quetes-en-duerine
-- Vos Carnets de Voyage : http://antartica-rpg.actifforum.com/t103-votre-carnet-de-voyage
-- Recherche de Compagnons : http://antartica-rpg.actifforum.com/f27-compagnon-est-tu-la
-- La Boutique aux Etoiles : http://antartica-rpg.actifforum.com/t106-la-boutique-aux-etoiles

- Les Partenariats :
-- Faire une demande d'Alliance : http://antartica-rpg.actifforum.com/t10-faire-une-demande-d-alliance
-- Notre Kit de Publicité : http://antartica-rpg.actifforum.com/t7-nos-logosnotre-fiche
-- Tous nos Amis : http://antartica-rpg.actifforum.com/t70-tous-nos-partenaires