Admin Admin - Blablateur - Movie Maker - Aviseur _____________________
Date d'arrivée sur PRD : 04/07/2014 Total de messages : 219 Ton âge : 31 Localisation : PRD | (#) Sujet: PA 2012/2013 Jeu 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 */
|
|