AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-24%
Le deal à ne pas rater :
PC Portable Gaming 15.6″ Medion Erazer Deputy P40 (FHD 144Hz, RTX ...
759.99 € 999.99 €
Voir le deal

Partagez
 

 PA 2012/2013

Aller en bas 
AuteurMessage

Admin
Admin - Blablateur - Movie Maker - Aviseur
_____________________

Admin
Admin - Blablateur - Movie Maker - Aviseur

Date d'arrivée sur PRD : 04/07/2014
Total de messages : 219
Ton âge : 31
Localisation : PRD

https://nouilles8frites51.forumactif.org
PA 2012/2013 Empty
Message(#) Sujet: PA 2012/2013 PA 2012/2013 EmptyJeu 29 Oct - 10:43

Code:
<div class="pa_global">
    
   <center>
        <img src="http://img15.hostingpics.net/pics/547569mbienv.png" /> 
      <div class="navigation">
          
         <div id="menu">
             
            <ul>
                
               <li>
                    <a href="#">A lire</a> 
                  <ul>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t80816-reglement-concept-tout-sur-prd">Réglement</a> 
                     </li>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t80816-reglement-concept-tout-sur-prd">Contexte</a> 
                     </li>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t84286-les-nouveautes-de-prd">Nouveauté</a> 
                     </li>
                     
                     <li>
                          <a href="http://www.pub-rpg-design.com/f14-les-recrutements">Recrutement</a> 
                     </li>
                      
                  </ul>
                   
               </li>
                
               <li>
                    <a href="#">Intégration</a> 
                  <ul>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/f208-salon-de-parrainage">Parrainage</a> 
                     </li>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/f111-mini-flood-ideal-pour-s-integrer-et-s-amuser">Mini Flood</a> 
                     </li>
                      
                     <li>
                          <a href="#">Guide</a> 
                     </li>
                      
                  </ul>
                   
               </li>
                
               <li>
                    <a href="#">Liens utiles</a> 
                  <ul>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t80872-changement-de-pseudo">Changement Pseudo</a> 
                     </li>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t89687-deplacer-archiver-un-sujet">Archiver/Déplacer les sujets</a> 
                     </li>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t80878-abonnement-a-la-newsletter">Newletter</a> 
                     </li>
                      
                  </ul>
                   
               </li>
                
               <li>
                    <a href="#">Invités</a> 
                  <ul>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/t80861-demande-de-partenariat">Partenariat</a> 
                     </li>
                      
                     <li>
                          <a href="http://www.pub-rpg-design.com/f235-vos-questions-et-problemes">Questions/Problèmes</a> 
                     </li>
                      
                  </ul>
                   
               </li>
                
            </ul>
             
         </div>
          
      </div>
       
   </center>
    
   <table style="width: 100%;" border="0">
       
      <tbody>
          
         <tr>
             
            <td style="width: 35%;" align="center" valign="top">
                
               <div class="onglet_gau">
                    <iframe style="width: 230px; height: 220px;" name="" src="http://www.pub-rpg-design.com/h8-pa-onglets-news-et-co" scrolling="no" frameborder="no"> </iframe> 
               </div>
                
            </td>
             
            <td style="width: 40%;" <td="" align="center" valign="middle">
                
               <div class="conc_gau">
                   
                  <div class="fond_bloc">
                      
                     <div class="titre_pa">
                          Le concept 
                     </div>
                      
                     <div class="concept">
                          Bienvenue à tous sur votre forum préféré en matière de publicités, entraide et graphisme ! Vous trouverez sur ce forum tout pour combler vos moindres attentes : des publicités pour vos forums et ceux des membres organisées par thèmes précis; de l'aide pour vos forums avec des conseils en matière de CSS & de HTML; des personnes qui seront là pour vous aider à améliorer vos RP's, vous aider à rédiger des contextes et beaucoup d'autres choses encore ; vous aurez ici la possibilité de nous exposer vos projets de forum afin de connaître les avis des membres; ce forum est une réelle mine d'or pour tout les apprentis créateurs comme les plus perfectionnés, mais aussi pour tous ceux qui raffolent des forums RPG ! Pub Rpg Design fait partie des premiers forums à avoir rassemblé au même endroit différents domaines qui touchent beaucoup de personnes, PRD vous offre sur une seule et même adresse, pour vos créations et vos forums ! Que demander de plus ? Rien ?! Alors n'hésitez plus à vous inscrire et vous verrez rapidement que vous ne le regretterez pas ! 
                     </div>
                      
                  </div>
                   
               </div>
                
            </td>
             
            <td style="width: 35%;" align="center" valign="middle">
                
               <div class="fond_bloc">
                   
                  <div class="titre_pa">
                       Nos potes du net 
                  </div>
                   
                  <div class="partenaires">
                       <a href="http://www.bazzart.org/"><img src="http://img11.hostingpics.net/pics/408413logo3.png" alt="" border="0" /></a><br /> <a href="http://www.frat7yearslater.com/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://theisland.forumakers.com/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://www.hollywoodpeople.net/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://www.new-york-city-life.com/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://mockingjay.forumgratuit.org/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://www.glee-rpg.com/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://www.i-love-harvard.com/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://afairytrouble.forumactif.org/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://adopteunvoisin.forumactif.org/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://thelyinggame.forum-canada.com/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="http://www.infinite-rpg.com/blog/" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <a href="www.pub-rpg-design.com/t52665-demande-de-partenariat" target="_blank"><img src="http://img15.hostingpics.net/pics/973958parte.png" /></a> <br /><a href="http://www.pub-rpg-design.com/t33977-nos-partenaires">les autres partenaires</a> ○ <a href="http://www.pub-rpg-design.com/t52665-demande-de-partenariat">demande</a> 
                  </div>
                   
               </div>
                
            </td>
             
         </tr>
          
      </tbody>
       
   </table>
    
   <table style="margin-top: -20px; width: 100%;" border="0">
       
      <tbody>
          
         <tr>
             
            <td colspan="2" align="center" valign="top">
                
               <div class="fond_bloc">
                   
                  <div class="titre_pa">
                       Votre staff dévoué 
                  </div>
                   
                  <div class="staff_prd">
                       <iframe style="width: 420px; height: 210px;" name="" src="   http://www.pub-rpg-design.com/h10-staff-prd-test2" scrolling="no" frameborder="no"> </iframe> 
                  </div>
                   
               </div>
                
            </td>
             
            <td style="width: 35%;" align="center" valign="top">
                
               <div class="fond_bloc">
                   
                  <div class="titre_pa">
                       Les médias de PRD ! 
                  </div>
                   
                  <div class="radio">
                       <a href="https://www.facebook.com/PubRpgDesign"><img style="width: 25px; height: 25px;" src="http://csvienne-rugby.com/images/article/4284/logo-facebook.jpg" /></a> <br /><a href="http://www.pub-rpg-design.com/t90700-prd-magazine-numero-5"> PRD MAGAZINE # Numéro 5 </a> • <a href="http://www.pub-rpg-design.com/f60-soiree-cb"> Consultez les soirées CB </a> <br /><br /> <iframe style="width: 220px; height: 124px;" src="//www.youtube.com/embed/Y2Hd2y6N_tU" allowfullscreen="" frameborder="0"> </iframe> 
                  </div>
                   
               </div>
                
            </td>
             
         </tr>
          
         <tr>
             
            <td colspan="3" align="center" valign="top">
                
               <div class="infobulle_copy">
                   
                  <!--                              Illustration de l'infobulle                              --><span class="titre_cre">- Les crédits</span> 
                  <!--                              Contenu de l'infobulle                              --> 
                  <div>
                      
                     <div class="fleche1">
                         
                     </div>
                      
                     <div class="bouh1">
                         
                        <p>
                             COPYRIGHT © La totalité du forum appartient à ses admins : Ariana, June Love, nenes, Mari-Jane et Phantasmagoria. Design réalisé par Noctifer. Les couleurs ont été harmonisées par Love. L'ensemble du codage par Phantasmagoria et Love. Le forum est optimisé pour tous les navigateurs à jour, plus particulièrement Mozilla, et Chrome. Toute reproduction, même partielle est interdite, merci de respecter notre travail. 
                        </p>
                         
                     </div>
                      
                  </div>
                   
               </div>
                
            </td>
             
         </tr>
          
      </tbody>
       
   </table>
</div>

Code:

/*PA PAR PHANTA*/
.pa_global { background-color: #c9d78b; width: 760; padding: 5px; }
.fond_bloc { background-color: #b2b758; padding: 5px; border-radius: 10px; -webkit-border-radius: 10px;}
.conc_gau {margin-left: -15px;}
.titre_pa {font-family: 'Abel', cursive; font-size: 16px; color: #472d1e; text-align: center;
  margin-top: -15px; text-transform: uppercase;} 
.onglet_gau { margin-left: -30px; }
 .concept { width: 260px; height: 150px; overflow: auto; text-align: justify;}   
.partenaires { width: 210px; height: 150px;} 
.radio { width: 320px; height: 190px;}
.titre_cre { font-family: 'Abel', cursive; font-size: 18px; color: #472d1e; text-align: center;}

.navigation { margin-left: 160px;}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float: left;
 margin:auto;
 padding:0;
 background-color:#b2b758;
 }
#menu li a {
 display:block;
 width:100px;
 color: #000;
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:#000;
 }
 
 #menu ul li ul {
 display:none;
 }
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:absolute;
 }

.infobulle_copy > div {
  position: absolute;
  margin-top: -10px;
  opacity: 0; margin-left: 15px;
  visibility: hidden;
  -webkit-transform: scale(0.3) rotate(-45deg);
  -moz-transform: scale(0.3) rotate(-45deg);
  -o-transform: scale(0.3) rotate(-45deg);
  transform: scale(0.3) rotate(-45deg);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;}

.infobulle_copy:hover > div {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);}

.bouh1 { /* bulle*/
  width: 750px; height: 60px; overflow: auto;
  padding: 5px;
  margin: auto;
  background-color:#fbe7c3;
  color: #472d1e;
  text-align: justify; font-size: 10px;border-radius: 10px; -webkit-border-radius: 10px;}

.bouh1 a {
  padding: 5px;
  margin: 5px 0 0 0;
  display: inline-block;
  background-color:#fbe7c3;
  color: #472d1e;
  text-decoration: none;}

.bouh1 a:hover {color: #000; }
.bouh1 p {text-align: justify;}

.fleche1 {
  width: 0;
  margin-left: -20px;
  border: 5px solid transparent;
  border-bottom: 10px solid #E8A892;}
/* FIN PA */
Revenir en haut Aller en bas
 
PA 2012/2013
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» CSS Octobre 2013/Mai 2014
» Catégorie PRD Octobre 2013/Mai 2014

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Sous forum-
Sauter vers: