Jeu 1 Juin - 17:42

Bonjour ^^ je reviens te voir pour mettre en harmonie mon forum. Je ne sais pas si tu l'a vu mais sur mon forum les catégories et ton QEEL que tu m'a adapter vont super bien  du coup la PA aussi cool soit-elle ne va pas du tout et fait un peut trop. Du coup je reviens vert toi pour l'adapter un de tes LS que je trouve largement approprier ^^

Forum : www
Version : PHPBB2
Taille du forum : 850 px
Elément(s) demandé(s) : Page d'accueil
Maquette : http://www.neverminddreams.com/t364-phpbb2-page-d-accueil-violette
Description (peut remplacer la maquette ou la compléter) :
Bien je voudrais donc quelque petit changement si possible: Je voudrais que tu mette les images haut et bas comme pour les catégories et le QEEL en haut et bas de la PA. Je voudrais aussi réduire la taille des images de staff pour mettre en dessous la même partie que le staff mais pour les prédefs avec le même nombre (ou seulement 4) d'images. Au pire 4 images de staff suffira. Je pense qu'une taille d'image 100*100 sera très bien. Si c'est pas possible on mettra uniquement 4 prédef plutôt que 8. Je te fournirais les couleurs et images en dessous mais si possible encadres les cadre comme sur le QEEL. La largeur du la PA doit être de 850 px

Pour le contexte > La suite >

Code:

<a target="contexte" href="http://the-librarians-rpg.forumactif.org/t70-le-contexte-du-forum">Contexte</a>

Tout commença par un bibliothécaire solitaire au milieu de ses livres et artefacts, choisi pour être le conservateur d'un lieu unique protégeant les hommes de la magie. Il pensait devoir accomplir son destin seul, jusqu'à ce que la Bibliothèque en décide autrement. Ce lieu magique, à la conscience surnaturelle, recruta alors de nouveaux membres pour aider son Conservateur à tout faire pour arrêter une organisation millénaire, qui avait toujours eu comme but de régner sur le monde magique.

Grâce aux efforts de ce fameux conservateur du nom de Flynn Carson, et de ses nouveaux équipiers, la Confrérie du Serpent ne réussit qu'à ramener une infime partie de la magie dans notre monde, ce qui eut tout de même comme conséquence une recrudescence des phénomènes magiques.

Faire en sorte qu'il n'y ai pas d'ascenseur je trouve ça un peut moche en faite :/

Pour les NEWS >
Juin/Juillet 2017 Prévision de l'ouverture du forum  
27/02/2017  Mise en place de la version 1.0 du forum
24/07/2015 Création du Projet Librarians RPG

Pour les liens >

Code:

<a target="reglement" href="http://the-librarians-rpg.forumactif.org/t1-reglement-du-forum">Le Règlement</a>                    
<a target="legende" href="http://the-librarians-rpg.forumactif.org/t73-la-legende-des-cristaux">La Légende des Cristeaux</a>
<a target="cinema" href="http://the-librarians-rpg.forumactif.org/f166-rayon-des-ouvrages-cinematographiques">La Franchise</a>
<a target="magie" href="http://the-librarians-rpg.forumactif.org/t68-le-systeme-de-point-magie-et-competences">Magies et Compétences</a>  
<a target="Botin" href="http://the-librarians-rpg.forumactif.org/t50-bottins-des-avatars">Le Bottin des Avatars</a>                    
<a target="tuto" href="#lien8">Tuto pour Débutant en Forum RPG</a>

Pour les Crédits (la pas le choix pour l'ascenseur je crois :/) >

Code:

Ce forum rpg a été créé par Angie Carter sur la base de la série The Librarians créer par Dean Devlin pour la TNT. Contexte écrit par Angie Carter. Thème créé par Aetherya/Viviane. La P.A. ainsi que le QEEL  sont d'Halloween pour <a target="_blank" href="http://www.neverminddreams.com/"> NMD </a>. Les Catégories sont de Skaemp sur <a target="_blank" href="http://crushcrushcrush.actifforum.com/">CCCrush</a> et les formulaires ont été proposés par linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a>. Les fiches sont de Reira de <a target="_blank" href="http://libre-graph.forumperso.com/"> Libre Graph' </a>

Le cadre pour les top site va changer pour quetes du moment donc titre > La Gazette des Mystères

Code:

TOONS ? VOUS AVEZ DIT TOONS ? Non vous ne rêvez pas ! Tout droit sortie de l'imagination fertile de notre admin préférée  [b]VIVIANE[/b] , la première quête va vous être dévoilée en exclusivité est <a target="Toons" href="http://the-librarians-rpg.forumactif.org/t131-wtf-les-toons-debarquent">Les Toons débarquent!</a>. Premier arrivé, premier servi !

Couleurs (si pas de maquette graphique) : Bienvenue à la Bibliotèque Invité >#583520 ou :#d3b876 si le titre est mit sur l'image de haut comme les catégories c'est toi qui vois
Titre des cadres > #58352
Couleurs des cadres > #9e8c62

Polices à utiliser : font-family: 'IM Fell English', serif; pour tout les titres uniquement

Images à utiliser : haut > https://2img.net/h/oi65.tinypic.com/2qs8705.png
bas > https://2img.net/h/oi65.tinypic.com/29vf70p.png
Font > https://2img.net/h/oi64.tinypic.com/29wn621.png

Pour les amis en attendant > https://i.servimg.com/u/f58/12/54/18/97/bouton10.png

Le Staff >
Moi > Angie Fonda Présente Profil > http://the-librarians-rpg.forumactif.org/u3
MP > http://the-librarians-rpg.forumactif.org/profile?mode=email&u=3
Image > https://2img.net/r/hpimg11/pics/944190Zoeyzoeydeutch33497527100100.png

Viviane Admin Absente Profil > http://the-librarians-rpg.forumactif.org/u9
MP >https://sd-1.archive-host.com/membres/images/211183412958130190/Codage/Templates/Mp.png
Image > https://2img.net/r/hpimg11/pics/117487jess41.png  

Eve Baird Admin Présente Profil > http://the-librarians-rpg.forumactif.org/u10
MP > je le mettrais
Image > https://nsm08.casimages.com/img/2017/01/22//17012203462414589514790869.jpg

Staff blank >https://nsm08.casimages.com/img/2016/10/27//16102705395214589514586345.jpg

Les prédef

Carolyn Indira / Les Dieux
Lien > http://the-librarians-rpg.forumactif.org/t82-f-carolyn-indira-selene-ft-denise-vasi  
Image > https://2img.net/r/hpimg11/pics/737656619bff2bfb86f27a3e078cd2688e9085.jpg

Santa Claus / Les Alliés
Lien > http://the-librarians-rpg.forumactif.org/t105-m-santa-claus-odin-ft-bruce-campbell
Image > https://2img.net/r/hpimg11/pics/497801MV5BOTY2MTg0OTEzOV5BMl5BanBnXkFtZTgwNzQ3NTcwMjEV1UX100CR00100100AL.jpg

Elisabeth Marchand / Les Protecteurs
Lien >http://the-librarians-rpg.forumactif.org/t113-f-elisabeth-marchand-ft-eva-green
Image > https://2img.net/r/hpimg11/pics/786654tlchargement1.jpg

Kotchei / Les Immortels
Lien > http://the-librarians-rpg.forumactif.org/t97-m-kotchei-ft-timothy-dalton
Image > https://2img.net/r/hpimg11/pics/464279MV5BMjAzOTI2NjAyMF5BMl5BanBnXkFtZTgwNzcwNDAwNDEV1UY100CR250100100AL.jpg

Nadia Langelot / Les êtres surnaturels
Lien > http://the-librarians-rpg.forumactif.org/t110-f-nadia-langelot-aurora-ft-felicity-jones
Image > https://2img.net/r/hpimg11/pics/952448MV5BMTY5NjYxNTI3OV5BMl5BanBnXkFtZTcwOTYyMTk4OQV1UY100CR210100100AL.jpg

Mark Donaka / Les Ennemis
Lien > http://the-librarians-rpg.forumactif.org/t100-m-mark-donaka-ft-keanu-reves
Image > https://2img.net/r/hpimg11/pics/843726manoftaichi2.jpg

Marina Cestra / La Confrérie
Lien >http://the-librarians-rpg.forumactif.org/t91-f-marina-cestra-giovanni-ft-monica-bellucci
Image > https://2img.net/r/hpimg11/pics/530096MonicaBelluccimonicabellucci11025634100100.jpg

Jenkins / La Bibliothèque
Lien >http://the-librarians-rpg.forumactif.org/t89-m-jenkins-galaad-ft-john-laroquette
Image >https://2img.net/r/hpimg4/pics/365963MV5BMTQ5MjU4MjYzOF5BMl5BanBnXkFtZTgwMTQyMjE3MzEV1UY100CR250100100AL.jpg

Et pour les autre prédefs si tu peut > http://the-librarians-rpg.forumactif.org/f7-invitation-au-poste-de-bibliothecaire
Acceptez-vous que le code finisse en LS ? déjà un LS

Mode de rendu : via le sujet cela sera plus pratique ;)

Autre chose à ajouter ? Et bien je crois que je n'ai rien oublier j'ai tout mit donc bhe merci ^^si tu me le fait.

Mar 6 Juin - 23:11

Je crois ne rien avoir oublié : www.
En revanche j'ai déplacé le bloc "Gazette des Mystères", au milieu c'était vraiment dégueu.

Mar 6 Juin - 23:17

merci c'est super je pense pouvoir m'en sortir pour le reste genre mettre les cadres un peu plus à la dimension j'aime quand c'est "parfait" genre le truc au millimètre près tu vois XD et les titres avec la police du forum ^^ ;) tu peut me donner tout je 'arrangerais et si vraiment cela neva pas je te redemanderais quand tu sera un peut plus disponible^^

Mer 7 Juin - 8:24

La police est en place, mais je n'ai pas le code "link" qui correspond. Ca se corrigera tout seul sur ton forum normalement. Pour le "parfait", je te laisse t'amuser avec les blocs, sans scroll tu vas voir c'est rigolo XD

Le CSS

Code:

  /***************************** MISE EN FORME PA *****************************/

    .fond_PA {
      background: url('http://oi64.tinypic.com/29wn621.jpg');
      padding: 10px;
      width: 830px;
      text-align: justify;
    }

    .fond_PA a {
      color: #A2778B !important;
      text-decoration: none !important;
    }

    .titrePA {
      color: #583520;
      font-size: 30px;
      font-family: 'IM Fell English', serif;
    }

    .sous-titresPA {
      color: #583520;
      font-size: 25px;
      font-family: 'IM Fell English', serif;
      text-align: center;
    }

    .blocsPA {
      width: 200px;
      overflow: auto;
      background-color: #f0f0f0;
      padding: 25px;
      text-align: justify;
      color: #515151;
      border: 2px solid #9e8c62;
    }

    /*** IMAGES DU STAFF ***/


.contenu_infobulles {
  text-align: center;

}

.bulles {
  display: inline-block;
    padding-bottom: 1%;
}

.img_bulles {
  width: 60px;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  z-index: 1;
}

.img_bulles:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  position: relative;
  z-index: 2;
}

.bulles span{
  z-index: 99;
  text-align: center;
  position: absolute;
  margin-left: -100px;
  padding: 15px;
  height: 70px;
  width: 70px;
  background: #3D2A33;
  color: #E6DBE0;
  opacity: 0;
  -webkit-transform: scale(0) rotateZ(-12deg);
  -moz-transform: scale(0) rotate(-12deg);
  -ms-transform: scale(0) rotateZ(-12deg);
  -o-transform: scale(0) rotate(-12deg);
  transform: scale(0) rotateZ(-12deg);
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

.bulles:hover span, .bulles:focus span{
  transform: scale(1) rotate(0);
  opacity: 1;
}


  /***************************** FIN MISE EN FORME PA *****************************/

PA

Code:

  <img src="http://oi65.tinypic.com/2qs8705.jpg" />
<div class="fond_PA">
                                                                                                            
   <center>
                                                                                                                     
      <div class="titrePA">
                                                                   Bienvenue à la Bibliothèque {USERNAME}                                                         
      </div>
                                                              <br /><br />                                                       
      <table>
                                                                                                                              
         <tbody>
                                                                                                                                       
            <tr>
                                                                                                                                                
               <td>
                                                                                                                                                         
                  <div class="sous-titresPA">
                                                                                           Contexte                                                                     
                  </div>
                                                                                                                                                         
                  <div style="width: 270px !important;" class="blocsPA">
                                                                                           Tout commença par un bibliothécaire solitaire au milieu de ses livres et artefacts, choisi pour être le conservateur d'un lieu unique protégeant les hommes de la magie. Il pensait devoir accomplir son destin seul, jusqu'à ce que la Bibliothèque en décide autrement. Ce lieu magique, à la conscience surnaturelle, recruta alors de nouveaux membres pour aider son Conservateur à tout faire pour arrêter une organisation millénaire, qui avait toujours eu comme but de régner sur le monde magique. <br /><br /> Grâce aux efforts de ce fameux conservateur du nom de Flynn Carson, et de ses nouveaux équipiers, la Confrérie du Serpent ne réussit qu'à ramener une infime partie de la magie dans notre monde, ce qui eut tout de même comme conséquence une recrudescence des phénomènes magiques. <a href="http://the-librarians-rpg.forumactif.org/t70-le-contexte-du-forum">La suite</a>                                                                   
                  </div>
                      <br /> 
                  <div class="sous-titresPA">
                                                                                           La Gazette des Mystères                                                                     
                  </div>
                                                                                                                                         
                  <div style="padding: 15px !important; width: 270px !important;" class="blocsPA">
                                                                                                                                                                  
                     <center>
                            TOONS ? VOUS AVEZ DIT TOONS ? Non vous ne rêvez pas ! Tout droit sortie de l'imagination fertile de notre admin préférée  <strong>VIVIANE</strong> , la première quête va vous être dévoilée en exclusivité est <a target="Toons" href="http://the-librarians-rpg.forumactif.org/t131-wtf-les-toons-debarquent">Les Toons débarquent!</a>. Premier arrivé, premier servi !                                           
                     </center>
                                                                                                                                                              
                  </div>
                                                                                                                                                                           
               </td>
                                                                                                                                                
               <td style="width: 30px;">
                                                                                                                                                       
               </td>
                                                                                                                                                
               <td>
                                                                                                                                                         
                  <div class="sous-titresPA">
                                                                                           Nouvelles                                                                     
                  </div>
                                                                                                                                                         
                  <div style="width: 120px !important;" class="blocsPA">
                                                                                           <span style="color: #A2778B;">Juin/Juillet 2017</span> Prévision de l'ouverture du forum  <br /><span style="color: #A2778B;">27/02/2017</span> Mise en place de la version 1.0 du forum<br /><span style="color: #A2778B;">24/07/2015</span> Création du Projet Librarians RPG <br /><span style="color: #A2778B;">XX/XX</span> Nouveauté<br /><span style="color: #A2778B;">XX/XX</span> Nouveauté                                                                   
                  </div><br /><br />                                                                   
                  <div class="sous-titresPA">
                                                                                           Liens utiles                                                                     
                  </div>
                                                                                                                                                         
                  <div style="width: 120px !important; text-align: center;" class="blocsPA">
                                                                                           <a target="reglement" href="http://the-librarians-rpg.forumactif.org/t1-reglement-du-forum">Le Règlement</a>              <br />      <a target="legende" href="http://the-librarians-rpg.forumactif.org/t73-la-legende-des-cristaux">La Légende des Cristeaux</a><br /><a target="cinema" href="http://the-librarians-rpg.forumactif.org/f166-rayon-des-ouvrages-cinematographiques">La Franchise</a><br /><a target="magie" href="http://the-librarians-rpg.forumactif.org/t68-le-systeme-de-point-magie-et-competences">Magies et Compétences</a> <br />  <a target="Botin" href="http://the-librarians-rpg.forumactif.org/t50-bottins-des-avatars">Le Bottin des Avatars</a>  <br />                  <a target="tuto" href="#lien8">Tuto pour Débutant en Forum RPG</a>                                                                   
                  </div>
                                                                                                                   
               </td>
                                                                                                                                                
               <td style="width: 30px;">
                                                                                                                                                       
               </td>
                                                                                                                                                
               <td>
                                                                                                                                                         
                  <div class="sous-titresPA">
                                                                                           Le staff                                                                     
                  </div><br />                                                                   
                  <div class="contenu_infobulles">
                                                                                                          
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/944190Zoeyzoeydeutch33497527100100.png" class="img_bulles" />          <span>Angie<br />Fonda<br /> Présente  <br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/u3">Profil</a> | <a target="_blank" href="http://the-librarians-rpg.forumactif.org/profile?mode=email&u=3">MP</a></span>                                                                                           
                     </div>
                                                                                                  
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/117487jess41.png" class="img_bulles" />          <span>Viviane <br />Admin<br /> Absente  <br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/u9">Profil</a> | <a target="_blank" href="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/Templates/Mp.png">MP</a></span>                                                                                           
                     </div>
                                                                                                  
                     <div class="bulles">
                                                                                                              <img src="http://nsm08.casimages.com/img/2017/01/22//17012203462414589514790869.jpg" class="img_bulles" />          <span>Eve Baird<br />Admin <br />Présente<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/u10">Profil</a> | <a target="_blank" href="#">MP</a></span>                                                                                           
                     </div>
                                                                                                
                     <div class="bulles">
                                                                                                              <img src="http://nsm08.casimages.com/img/2016/10/27//16102705395214589514586345.jpg" class="img_bulles" />          <span> Staff blank</span>                                                                                           
                     </div>
                                                                                                                                  
                  </div><br />                       
                  <div class="sous-titresPA">
                                                                                           Les prédéfinis                                                                     
                  </div><br />                                                                   
                  <div class="contenu_infobulles">
                                                                                                          
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/737656619bff2bfb86f27a3e078cd2688e9085.jpg" class="img_bulles" />          <span>Carolyn Indira / Les Dieux <br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t82-f-carolyn-indira-selene-ft-denise-vasi">www</a></span>                                                                                           
                     </div>
                                                                                                  
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/497801MV5BOTY2MTg0OTEzOV5BMl5BanBnXkFtZTgwNzQ3NTcwMjEV1UX100CR00100100AL.jpg" class="img_bulles" />          <span>Santa Claus / Les Alliés<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t105-m-santa-claus-odin-ft-bruce-campbell">www</a></span>                                                                                           
                     </div>
                                                                                                  
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/786654tlchargement1.jpg" class="img_bulles" />          <span>Elisabeth Marchand / Les Protecteurs<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t113-f-elisabeth-marchand-ft-eva-green">www</a></span>                                                                                           
                     </div>
                                                              
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/464279MV5BMjAzOTI2NjAyMF5BMl5BanBnXkFtZTgwNzcwNDAwNDEV1UY100CR250100100AL.jpg" class="img_bulles" />          <span>Kotchei / Les Immortels<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t97-m-kotchei-ft-timothy-dalton">www</a></span>                                                                                           
                     </div>
                                                                                                
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/952448MV5BMTY5NjYxNTI3OV5BMl5BanBnXkFtZTcwOTYyMTk4OQV1UY100CR210100100AL.jpg" class="img_bulles" />          <span>Nadia Langelot / Les êtres surnaturels<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t110-f-nadia-langelot-aurora-ft-felicity-jones">www</a></span>                                                                                           
                     </div>
                                                                
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/843726manoftaichi2.jpg" class="img_bulles" />          <span>Mark Donaka / Les Ennemis<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t100-m-mark-donaka-ft-keanu-reves">www</a></span>                                                                                           
                     </div>
                                                                                                  
                     <div class="bulles">
                                                                                                              <img src="http://img11.hostingpics.net/pics/530096MonicaBelluccimonicabellucci11025634100100.jpg" class="img_bulles" />          <span>Marina Cestra / La Confrérie<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t91-f-marina-cestra-giovanni-ft-monica-bellucci">www</a></span>                                                                                           
                     </div>
                                                                                                                                  
                     <div class="bulles">
                                                                                                              <img src="https://img4.hostingpics.net/pics/365963MV5BMTQ5MjU4MjYzOF5BMl5BanBnXkFtZTgwMTQyMjE3MzEV1UY100CR250100100AL.jpg" class="img_bulles" />          <span>Jenkins / La Bibliothèque<br /><a target="_blank" href="http://the-librarians-rpg.forumactif.org/t89-m-jenkins-galaad-ft-john-laroquette">www</a></span>                                                                                           
                     </div>
                                                                                                                                  
                  </div>
                                                                                    <br />                                                                         
                  <div class="sous-titresPA">
                                                                                           Les amis                                                                     
                  </div>
                                                                                                                                                         
                  <div style="max-height: 30px; padding: 15px; width: 270px !important;" class="blocsPA">
                                                                                           <nobr></nobr>                                             
                     <marquee style="">
                                                                    <a href="http://neverminddreams.forumactif.fr"><img src="https://i58.servimg.com/u/f58/12/54/18/97/bouton10.png" /></a> <a href="http://neverminddreams.forumactif.fr"><img src="https://i58.servimg.com/u/f58/12/54/18/97/bouton10.png" /></a> <a href="http://neverminddreams.forumactif.fr"><img src="https://i58.servimg.com/u/f58/12/54/18/97/bouton10.png" /></a> <a href="http://neverminddreams.forumactif.fr"><img src="https://i58.servimg.com/u/f58/12/54/18/97/bouton10.png" /></a>                                 
                     </marquee><nobr></nobr>                                                                   
                  </div>
                                                                                      <br /><br />                                                                   
                  <div style="width: 270px !important; height: 100px;" class="blocsPA">
                                                                                                       Ce forum rpg a été créé par Angie Carter sur la base de la série The Librarians créer par Dean Devlin pour la TNT. Contexte écrit par Angie Carter. Thème créé par Aetherya/Viviane. La P.A. ainsi que le QEEL  sont d'Halloween pour <a href="http://www.neverminddreams.com/" target="_blank"> NMD </a>. Les Catégories sont de Skaemp sur <a href="http://crushcrushcrush.actifforum.com/" target="_blank">CCCrush</a> et les formulaires ont été proposés par linus pour <a href="http://epicode.bbactif.com/" target="_blank">Epicode</a>. Les fiches sont de Reira de <a href="http://libre-graph.forumperso.com/" target="_blank"> Libre Graph' </a>                                                                             
                  </div>
                                                                                                                                                       
               </td>
                                                                                                                                            
            </tr>
                                                                                                                                     
         </tbody>
                                                                                                                          
      </table>
                                                                                                                   
   </center>
                                                                                                
</div><img src="http://oi65.tinypic.com/29vf70p.jpg" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script" />

Mer 7 Juin - 19:39

Merci c'est super ^^ tu peut fermer