/* CHATBOX *//* Enlever les bords de la Chat Box */.chatbox{border:none;} /* Enlever l'image de fond par défaut */.chatbox .catBottom{background:transparent;} /* Background de la Chat Box sans message */#chatbox{background:#FFF;margin-bottom:-10px;} /* Barre supérieure de la Chat Box */#chatbox_header{background:#b0bbc1;} #chatbox_header a{color:#FFF;margin-left:10px;text-transform:uppercase;} /* Barre inférieure de la Chat Box */#chatbox_footer{background:#b0bbc1;padding-bottom:4px;} /* Bg du "En ligne" */#chatbox_members .online{background:#bfa0b7;text-transform:uppercase;} /* Bg du "Absent" */#chatbox_members .away{background:#6b6e74;text-transform:uppercase;} /* Liste des membres à droite */#chatbox_members{width:181px;background:#fff;opacity:0.6;margin-bottom:-10px;border:none;} #chatbox_members .member-title{color:#FFF;padding:3px;margin-top:10px;margin-bottom:5px;text-transform:uppercase;} /* Style du menu des pseudos */#chatbox_contextmenu{background:#FFF;font-size:15px;text-transform:uppercase;} /* Fond différent - un message sur deux */.chatbox_row_1{background:#f7f3f2!important;} .chatbox_row_2{background:#fff!important;} /* Zone du message de le Chat Box */.chatbox input{border:1px solid #616470!important;} #chatbox_footer #submit_button{padding-right:2px;} /* Mise en forme de l'avatar du membre */#chatbox .cb-avatar{padding:0!important;overflow:hidden;width:50px!important;height:50px!important;border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-webkit-border-top-left-radius:50px;-webkit-border-top-right-radius:50px;-webkit-border-bottom-left-radius:50px;-webkit-border-bottom-right-radius:50px;-webkit-transform:translateZ(0px);} /* Style des avatars des membres au niveau des messages */#chatbox .cb-avatar > img{position:relative!important;top:-10px!important;width:50px!important;height:auto!important;-moz-border-radius:50%;-o-border-radius:50%;-webkit-border-top-left-radius:50px;-webkit-border-top-right-radius:50px;-webkit-border-bottom-left-radius:50px;-webkit-border-bottom-right-radius:50px;-webkit-transform:translateZ(0px);} /* Facultatif - Changement du titre de la Chat Box */#chatbox_header .cattitle strong{display:none;} #chatbox_header .cattitle strong{visibility:hidden;} #chatbox_header .cattitle:before{content:"Produce U - Cookies Box";} #chatbox.recently-connected:after{font-family:"trebuchet ms", serif;font-size:14px;line-height:20px;color:#3D3D3D;text-align:center;padding:5px;box-shadow:0 0 5px #37516C;display:block;background:#ddbaee;margin:auto;border-radius:10px;width:500px;height:50px;box-shadow:0 0 2px gray;border:1px solid #FFF;margin-top:5px;content:"Bienvenue sur la cb :3 \a Si ton document word est blanc comme neige, n'hésite pas à envoyer ta candidature au club de la page blanche !";}
/*FIN CHATBOX*/
/* INSTAGRAAAAAAAAAAAM */ .insta_box{width:400px;height:auto;background:#f5f5f5;margin:auto;} .insta_haut{width:400px;height:60px;background-image:url(https://i.imgur.com/5MsPl35.png);} instadate{float:right;padding:20px;font-family:'Open Sans Condensed', sans-serif;font-size:16px;margin-top:-10px;} .insta_picture img{width:50px;height:50px;border-radius:30px;border:double #848484 5px;float:left;margin-top:10px;margin-left:10px;margin-right:10px;margin-bottom:5px;} .insta_img img{width:400px;height:auto;} .insta_barre{width:400px;height:60px;margin-top:-4px;background-image:url(https://i.imgur.com/xCVNTBb.png);} coeur{color:#950505;} .insta_com1{width:400px;height:auto;background-image:url(https://i.imgur.com/xCVNTBb.png);} .insta_like{width:400px;height:auto;text-emphasis:after;transform:uppercase;font-weight:700;font-family:'Amatic SC';font-size:27px;margin-top:-40px;margin-left:200px;color:#3D3D3D;} pseudo{text-emphasis:after;transform:uppercase;font-weight:700;font-size:23px;color:#171717;font-family:'Open Sans Condensed', sans-serif;} .insta_com{padding:20px;font-family:'Open Sans Condensed', sans-serif;font-size:16px;min-height:80px;} .insta_bas{width:400px;height:60px;margin-top:-4px;background-image:url(https://i.imgur.com/MiJOF3i.png);} .instacom_box{width:400px;border-radius:30px;padding-bottom:10px;height:auto;background:#f5f5f5;margin:auto;} .instasquare img{width:125px;height:125px;padding:4px;margin:auto;} .instacom_box{width:400px;border-radius:30px;padding-bottom:20px;height:auto;background:#f5f5f5;margin:auto;} .status{text-align:center;text-emphasis:after;transform:uppercase;font-weight:700;font-size:16px;color:#171717;font-family:'Open Sans Condensed', sans-serif;} /* FIN INSTAGRAAAAAAM */
/******************** FICHE DE PREZ **********************/ /* TEST PREZ */.PREZ{width:514px;height:auto;margin:auto;} m1{font-family:'Old Standard TT', serif;font-weight:700;text-transform:uppercase;color:#b0bbc1;font-size:12px;} m2{font-family:'Old Standard TT', serif;font-weight:700;text-transform:uppercase;color:#cda6a3;font-size:12px;} .PREZ_title{background-image:linear-gradient(#5f5d6b,#bfa0b7);border:3px double #fff;color:#242725;width:500px;font-family:'Old Standard TT', serif;;font-size:20px;font-weight:700;letter-spacing:3px;margin-bottom:5px;padding:4px;text-align:center;text-transform:uppercase;} .PREZ_title2{/* background-image: linear-gradient(#cbeab5,#b5deea); */background-image:linear-gradient(#5f5d6b,#bfa0b7);border:3px double #fff;color:#fff;width:500px;font-family:'Old Standard TT', serif;font-size:15px;font-weight:700;letter-spacing:3px;margin-bottom:5px;padding:4px;text-align:center;text-transform:uppercase;} .PREZ_ft{background-color:#f1f1f1;border:1px solid #cbcbcb;color:#3D3D3D;width:506px;font-size:10px;margin-bottom:5px;padding:4px;text-align:center;text-transform:lowercase;margin:auto;} .PREZ_pic img{margin-top:5px;margin-bottom:3px;width:100px;height:100px;background-image:linear-gradient(#5f5d6b,#bfa0b7);border:4px double #fff;} .PREZ_box1{background-color:#d6d6d6;width:400px;height:102px;margin-top:-110px;float:right;} .PREZ_minibox1{width:172px;border:#e1e1e1 1px solid;margin:2px;height:74px;padding:8px;overflow:auto;background-color:#f1f1f1;text-align:justify;font-size:12px} .PREZ_barre1{background-color:#f2f2f2;font-family:Arial Narrow;font-size:10px;padding:3px;text-align:center;text-transform:uppercase;width:200px;} .PREZ_mainbox{background-color:#f1f1f1;width:496px;height:260px;padding:10px;overflow:auto;text-align:justify;margin-bottom:5px;} .PREZ_pic2 img{width:200px;height:auto;float:left;margin-right:10px;background-image:linear-gradient(#5f5d6b,#bfa0b7);border:4px double #fff;} .PREZ_pic3 img{width:200px;height:auto;float:right;margin-left:10px;background-image:linear-gradient(#5f5d6b,#bfa0b7);border:4px double #fff;} .PREZ_box2{background-color:#d6d6d6;width:514px;height:150px;margin-bottom:5px;} .PREZ_minibox2{width:230px;border:#f2f2f2 1px solid;margin:2px;height:122px;padding:8px;overflow:auto;background-color:#f1f1f1;text-align:justify;margin-bottom:5px;font-size: 12px;} .PREZ_box3{background-color:#f1f1f1;width:380px;height:82px;margin-top:-110px;float:right;padding:10px;overflow:auto;text-align:justify;}
/*********************** FIN FICHE DE PREZ *******************/
Sam 24 Aoû - 18:31
Messages :
149
Date d'inscription :
13/03/2017
Produce U
Admin
CSS part 3:
Code:
/****************** panneau rumeurs ****************/ div.bloc_fond_de_page1{border:1px solid #ffffc8;/*On met une bordure de 1 px, en ligne continue de couleur #bbbbbb*/border-radius:10px;/*On arrondi les angles sur Mozilla*/padding:5px;position:fixed;/*On position notre élément comme fixe, il restera donc toujours dans le champ de vision de votre page !*/right:10px;/*On décale notre élément de 30px par rapport à la droite*/top:40px;/*On décale notre élement de 80px par rapport au haut de votre page*/width:175px;height:auto;} .PA_band{width:175px;height:30px;border-radius:10px;background:#fff;text-transform:uppercase;vertical-align:middle;text-align:center;margin:auto;font-size:20px;color:#df9898;font-family:Oswald, sans-serif;} .PA_box1{width:165px;height:175px;margin-top:5px;margin-bottom:5px;border-radius:10px;background:#fff;/* ebd4cf */overflow:auto;letter-spacing:1px;border-top:none;letter-spacing:1px;color:#b1b0af;padding:5px;text-align:justify;font-size:11px;font-family:Arial;} new{margin-top:10px;} date{display:block;text-transform:uppercase;border-bottom:1px solid #ffeab1;font-family:Oswald, sans-serif;color:#f7cac9;} .score{font-size:15px;font-family:Oswald, sans-serif;text-align:center;} .score1{border-radius:10px;color:#fff;font-size:15px;padding:6px;font-family:Oswald, sans-serif;text-align:center;} /*BLOC AVATAR 200x320 / CARACTERE ET ANECDOTES*/.blocAVATAR{width:100px;height:160px;padding:5px;border:2px solid #c0c2d0;} .imageBTS{width:100px;height:100px;margin-left:15px;margin-bottom:20px;} .imageBTS img{border-radius:50%;width:100%;height:100%;opacity:0.7;} .titreBTS{width:230px;height:30px;margin-left:130px;margin-top:-130px;text-transform:uppercase;text-align:center;font-size:1.5em;color:#fff;text-shadow:-1px 1px 0 #e7e6ef;} .blocBTS{width:260px;height:80px;text-align:justify;margin-top:-10px;padding:5px;margin-left:125px;overflow:auto;}
<!-- BEGIN switch_social_login --> <div class="cor"> <div class="cort1">petit titre du module</div> <div class="cor2"> <div class="cor3"> <div class="cortexte">Sed quid est quod in hac causa maxime homines admirentur et reprehendant meum consilium, cum ego idem antea multa decreve.</div> <div class="corins"><a href="f=lien vers la page d'inscription">inscription</a></div> </div> <div class="cor4"> <div class="corapi"> <input class="coo" size="11" type="text" name="username" value="Pseudo" onFocus="this.value='';" /><br/> <input class="coo" size="11" type="password" name="password" value="Mot de passe" onFocus="this.value='';"/><br/> <input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} /> <label for="autologin">Connexion automatique</label> <input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /> </div> </div> </div> </div> <!-- END switch_social_login -->
</tr> </table> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span> <!-- END switch_delete_cookies --> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN disable_viewonline --> <div class="cadre1"> <table> <td> <div onclick="javascript:patonglet1()" class="onglet_1 onglet">PNJ</div> <div onclick="javascript:patonglet2()" class="onglet_2 onglet">CIVILIS</div> <div onclick="javascript:patonglet3()" class="onglet_3 onglet">PRODUCE U</div> </td> <td> <div style="display: block;" id="onglet1"> <div class="contenu_onglet"> <span id="transition"> <center>Les <g1>PNJ</g1>, ou les comptes non joueurs du forum</center><br/>C'est très simple, ce groupe contient à ce jour deux comptes :<br/><br/>- <g1>Produce U</g1>, qui est le compte principal du forum, le compte administratif. Si vous avez une quelconque demande, merci d'envoyer un mp à ce compte si vous souhaitez joindre les deux admins (qui restent néanmoins à disposition personnelement aussi).<br/><br/>- <g1>KDN's Soul</g1>, anciennement the Korea Daily News pour les plus anciens. C'est l'âme journaliste du forum, plus ou moins utilisé, à vrai dire, sur le forum. </span> </div> </div> <div style="display: none;" id="onglet2"> <div class="contenu_onglet"> <span id="transition"> <center>Les <g2>Civilis</g2>, ou l'électricité de la capitale</center><br/>Ils sont l’électricité de la capitale ; ceux qui la font vivre et survivre. Qu’ils soient marchands, pompiers, pâtissiers, garagistes, c’est grâce à eux que la ville est si animée, que ce soit le jour, ou la nuit. On y retrouve également les étudiants en médecine, les lycéens et collégiens en uniforme. Il y a les rêveurs, qui souhaiteraient tenter leur chance à l’émission <g3>Produce U</g3>, afin d’y vivre leur rêve, de montrer de quoi ils sont capables aux yeux de tous, dont la porte d’entrée se trouve être un simple formulaire accessible à n’importe qui. Et il y a ceux qui ne s’y intéressent pas, et préfèrent rester dans leur quotidien de femme d’affaire, de directeur d’entreprise. </span> </div> </div> <div style="display: none;" id="onglet3"> <div class="contenu_onglet"> <span id="transition"> <center>L'émission <g3>PRODUCE U</g3>, ou l'émission ambitieuse</center><br/>Ce sont les candidats de l'émission. Ils dorment ensemble dans des dortoirs qui leurs sont attribués après avoir passé de longues heures d'entrainement sous les yeux attentifs de leurs professeurs. Les épisodes de l'émission sont diffusés le 15 de chaque mois. N'oubliez pas de le noter dans vos agendas ! <br/><br/>NB : Vous pouvez rejoindre ce groupe dès votre arrivée sur le forum, en le précisant sur votre fiche de présentation. Vous pouvez également nous avertir de votre volonté de changer de groupe en envoyant au staff un MP. Les trainees des différentes agences sont invités à rejoindre l'émission. </span> </div> </div> <div style="display: none;" id="onglet4"> <div class="contenu_onglet"> <span id="transition"> <center>La <g4>Rolling'US</g4>, ou l’agence tout droit venue des states</center><br/>Personne n’a jamais entendu parler de cette agence. Venue tout droit des Etats-Unis, l’ami américain a du mal à s’installer sur la péninsule. L’agence a réussi difficilement à former quelques trainees qui ont été par la suite récupérés par la <g5>JOY PLAY</g5> et la <g6>Dream entertainment</g6>. Face à cet échec, la jeune agence ne s’est pas découragée. Elle a choisi en effet de faire appel au gouvernement en lui proposant un programme prometteur : un survival d’idols entièrement retransmis à la télévision répondant au doux nom de <g3>Produce U</g3>. C’est l’occasion pour le gouvernement d’encourager un peu plus la Hallyu et pour les agences de former leurs trainees à moindre coûts. Seulement tout le monde semble avoir oublié les intérêts de la <g4>Rolling Us</g4> qui vise bien à se faire connaître par le plus grand nombre et surtout pouvoir enfin lancer son propre groupe. </span> </div> </div> <div style="display: none;" id="onglet5"> <div class="contenu_onglet"> <span id="transition"> <center>La <g5>JOY PLAY</g5>, ou l'agence leader de l'idolisme</center><br/>Il est impossible de penser à l’idolisme et la hallyu sans penser à cette agence. Par un style musical bien particulier avec des sonorités profondes, la <g5>Joy Play</g5> est toujours faiseuse de mode dans le milieu. L’agence a en effet toujours une longueur d’avance sur ses concurrents. Cela se traduit également par les groupes produits par l’agence, qui dominent toujours les premières places des charts. Les <g5>FACTORY</g5> traduisent bien cette tendance. Le groupe totalise depuis leur lancement en 2014 plus d’une cinquantaine de victoires diverses et variées faisant la fierté de leur agence. Personnels et idoles s'entrecroisent dans les couloirs avant de se retrouver dans les salles d’entraînements. Les couloirs sont plus calmes maintenant que l'agence a accepté d'envoyer ses trainees dans le programme <g3>Produce U</g3>. </span> </div> </div> <div style="display: none;" id="onglet6"> <div class="contenu_onglet"> <span id="transition"> <center>La <g6>DREAM entertainment</g6>, ou l’agence familiale</center><br/>Agence décrite comme plus familiale que la <g5>JOY PLAY</g5>, elle n’en n'est également pas moins redoutable. Deuxième en terme de chiffre d’affaire, son principal groupe, les <g6>DESTINY GIRLS</g6> a fait chanter des milliards d'adolescents. Seulement la gestion financière hasardeuse de son actuel dirigeant a fait tourner court les rêves de détrôner, pourtant proche de la <g5>JOY PLAY</g5>. Ses artistes sont, de plus, très sympathiques et souvent présents au cinéma et à la télévision. Cela fait d'ailleurs un moment qu'aucun artiste de cette agence n'a été en promotion. Maintenant en déclin, l’agence n’a pas dit son dernier mot. Des centaines de futures idoles se présentent à chaque audition en rêvant d’intégrer cette agence bien plus humaine que la <g5>JOY PLAY</g5>. Cette agence ayant accepté de participer au projet <g3>Produce U</g3>, l'ensemble de ses trainees sont au sein de ladite émission. </span> </div> </div> </td> <td> <div onclick="javascript:patonglet4()" class="onglet_4 onglet">ROLLING'US</div> <div onclick="javascript:patonglet5()" class="onglet_5 onglet"><sailorql>JOY PLAY</sailorql></div> <div onclick="javascript:patonglet6()" class="onglet_6 onglet"><onepql>DREAM ENTERTAINMENT</onepql></div> </td> </table> <table> <td> <div class="avatarqeel"><span id="lstavQEEL" style="display:inline-block; vertical-align:middle;"></span></div> <div class="triangleqeel"></div> <div class="statsqeel"> ☾ BIENVENUE À <br/> <span id="nUSER"><lastmember>{NEWEST_USER}</lastmember></span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script> </div> </td> <td> <div class="messageglobal"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script> messages</div> <div class="membreglobal"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script> chikorés</div> </td> <td> <div class="anniversaire"> <v>MEMBRES FÊTANT LEUR ANNIVERSAIRE AUJOURD'HUI :</v> <table>{L_WHOSBIRTHDAY_TODAY}</table> </div> </td> </table> <div class="blocdescqeel"> <v>Membres en ligne :</v> <span id="LINEUS">{LOGGED_IN_USERS_LIST}</span><script type="text/javascript">document.getElementById('LINEUS').innerHTML=document.getElementById('LINEUS').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script> </div> <div class="sfFRM2"> <time>48H</time> <div> <table>{L_CONNECTED_MEMBERS}</table> </div> </div> <!-- END disable_viewonline -->