Notes - renovations6/12/2014, 17:03Re: Notes - renovations7/12/2014, 19:20Re: Notes - renovations12/12/2014, 15:05Re: Notes - renovations12/12/2014, 16:12
Re: Notes - renovations12/12/2014, 18:25
Pas d'inquiétude donc ! Sinon oui, c'était bien par mail ! ^v^ Sans plus tarder, voilà la fiche: Code:
インデックス 
<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'><center><div style="width: 540px; padding: 7px; margin: 15px; background: white; font-size: 11px; text-align: justify; border-left: 8px solid #4f4f4f;"><img src="http://i39.servimg.com/u/f39/16/99/46/18/imager10.png" style="padding-top: -15px;"><br> <span style="font-family: Economica; font-size: 40px; text-transform: uppercase; color: #c47d7d"><center>titre</center></span>
<div style="font-size: 16px; font-family: orbitron;">[color=#4f4f4f][size=13]►[/size] sous-titre? [/color]</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas urna arcu, molestie at lorem at, porta cursus mi. Etiam vel neque sollicitudin, tempus lectus sagittis, finibus neque. Ut mattis urna at aliquet placerat. Donec mollis porttitor enim,
nec viverra felis bibendum quis. Morbi massa tortor, egestas id velit at, semper ullamcorper erat. Ut euismod, nisl quis convallis placerat, augue leo molestie elit, quis interdum ligula massa sed erat. Interdum et malesuada fames
ac ante ipsum primis in faucibus. Mauris sapien nibh, sagittis ut eleifend quis, hendrerit et sapien. In placerat nulla vitae cursus vulputate.
<center>[size=10]CONAN - [url=http://dcrpgdarktruth.forumactif.org/]DC DT RPG[/url] (c)[/size]
</div></center>
<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
Re: Notes - renovations12/12/2014, 19:04Re: Notes - renovations12/12/2014, 20:08Re: Notes - renovations14/12/2014, 13:50Re: Notes - renovations14/12/2014, 14:49Re: Notes - renovations23/12/2014, 14:03Code:
<br /><br /><br /><span style="display: block; width: 100%;border-bottom: 1px dashed #b05353;"></span>
<div style="margin-top:-20px;">
<img src="http://i39.servimg.com/u/f39/18/00/64/69/bienve10.png" />
<table>
<tbody>
<tr>
<td>
<div style=" text-align: center;" class="DITApa">
<div class="DITA" style="margin-bottom:3px;">
ON RECHERCHE
</div><br /> <a title="Kaito Kuroba"><img src="http://i39.servimg.com/u/f39/16/99/46/18/kaito10.png" style="border: 1px solid white;" /></a> <a title="Masumi Sera"><img src="http://i74.servimg.com/u/f74/18/00/64/69/sera0710.png" style="border: 1px solid white;" /></a> <a title="Kogoro Mouri"><img src="http://i39.servimg.com/u/f39/16/99/46/18/poste011.png" style="border: 1px solid white;" /></a> <a title="Ayumi Yoshida"><img src="http://i39.servimg.com/u/f39/16/99/46/18/ayumic10.png" style="border: 1px solid white;" /> </a>
</div>
</td>
<td rowspan="3">
<span style="font-size: 12px; line-height: normal"> ◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕ <br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕<br />◕ </span>
</td>
<td>
<div style=" text-align: center;height:90px;" class="DITApa">
<div style="margin-bottom:3px;" class="DITAtxt">
<div class="DITA" style="margin-bottom:3px;">
INFORMATIONS DIVERSES
</div>
<div style="margin-bottom:3px;" class="DITAtxt">
<br /><br />
<table style="width: 100%;" cellpadding="0px" cellspacing="8px">
<tbody>
<tr>
<td colspan="width=" 50%""="">
<center>
<form>
<select onchange="location = this.options
[this.selectedIndex].value" style="width: 160px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px"> <option selected="selected">Options générales</option> <option value="http://dcrpgdarktruth.forumactif.org/t3-reglement-a-respecter">Règlement</option> <option value="http://dcrpgdarktruth.forumactif.org/t2-liste-des-personnages-a-consulter">Postes Vacants</option> <option value="http://dcrpgdarktruth.forumactif.org/t8-credits"> Crédits</option> <option value="http://dcrpgdarktruth.forumactif.org/f62-partenariats">Partenariat</option><option value="http://">Présentations</option></select>
</form>
</center>
</td>
<td colspan="width=" 50%""="">
<form>
<select onchange="location = this.options
[this.selectedIndex].value" style="width: 160px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px"> <option selected="selected">Options secondaires</option> <option value="http://dcrpgdarktruth.forumactif.org/t7-gagner-des-points">Les Points TS</option> <option value="http://dcrpgdarktruth.forumactif.org/t6-les-rangs">Les Rangs</option> <option value="http://dcrpgdarktruth.forumactif.org/t5-les-groupes">Les Groupes</option></select>
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td rowspan="2">
<div style=" text-align: center;" class="DITApa">
<div class="DITA" style="margin-bottom:3px;">
NOTRE PETIT CONTEXTE
</div><br />
<div style="margin-bottom:3px;" class="DITAtxt">
<table align="left">
<tbody>
<tr>
<td align="left">
<table>
<tbody>
<tr>
<td style="width: 5px;" align="left">
<img style="width: 120px; height: 70px;" ;"="" src="http://i57.servimg.com/u/f57/16/99/46/18/summer10.gif" />
</td>
<td align="right">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div style=" text-align:justify; font-size:10px;height:240px;width:280px;">
Tout débuta dans un parc d'attraction de Tokyo, plus précisément à Tropical Land. Shinichi Kudo, un détective lycéen hautement réputé pour avoir résolu des affaires complexes, était de sortie avec son amie d'enfance; Ran Mouri. Là-bas, deux étranges hommes vêtus de noir attisèrent toute sa curiosité. Le jeune homme s'empressa donc de suivre l'un d'entre eux dès qu'il le put, laissant son amie derrière lui. Shinichi fut alors témoin d'un trafic illégal, et put ainsi comprendre que l'homme était en fait un maître-chanteur. Absorbé par la scène, il ne remarqua pas la présence de son partenaire, et fut mis hors d'état de nuire par ce dernier. De toute évidence, les deux hommes en noir n'allait pas le laisser en vie. Il s'empressèrent alors de lui faire avaler un poison, nouvellement conçu par leur organisation: L'APTX 4869. <a class="postlink" href="http://dcrpgdarktruth.forumactif.org/t4-contexte"><em>En savoir plus ?</em></a><br /><br />
<center>
</center>
</div>
</div>
</div>
</td>
<td>
<div style=" text-align: center;" class="DITApa">
<div class="DITA" style="margin-bottom:3px;">
VOTRE STAFF
</div><c class="info"><img class="imgPA" src="http://i39.servimg.com/u/f39/16/99/46/18/19810.png" style="width:100px;height:100px;" /><span><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Conan Edogawa</d> <br />Fondatrice<br /><a style="COLOR: #fe6d6d !important" href="http://dcrpgdarktruth.forumactif.org/privmsg?mode=post&u=5">MP</a></span></c> <c class="info"><img class="imgPA" src="http://l-userpic.livejournal.com/100630469/27511223" /><span><br /><br /><d class="titrePA1" style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Ran Mouri</d> <br />Administratrice<br /><a style="COLOR: #fe6d6d !important" href="http://dcrpgdarktruth.forumactif.org/privmsg?mode=post&u=10">MP</a></span></c>
</div>
</td>
</tr>
<tr>
<td>
<div style=" text-align: justify; height: 125px;padding:5px; width: 535px;" class="DITApa">
<div class="DITA" style="margin-bottom:3px;">
MEMBRE DU MOIS & NOUVEAUTÉS
</div>
<table>
<tbody>
<tr>
<td>
<img src="http://i39.servimg.com/u/f39/18/00/64/69/memb11.png" />
</td>
<td>
<div style="border-left: 1px solid black; width: 90%; height: 90px; overflow: auto; padding: 6px; size: 9px;">
<br /><br /><strong>21/09/14</strong> Nouveau thème + Recensement /!\ Cliquez <a href="http://dcrpgdarktruth.forumactif.org/t176-recensement-n2-du-21-09-14-au-01-10-14?tid=c1e572acac7f79381317021eb2e82c45" class="postlink">ici.</a><br /><br /><br /><br /><strong>27/07/14</strong> La date de l'Event est repoussée. Désolée à tous & à toutes et merci pour votre patience !<br /><br /><br /><br /><strong>25/03/14</strong> Ouverture du forum<br /><br />
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="3">
<div style=" text-align: center; width: 850px;" class="DITApa">
<div style="margin-bottom:3px;" class="DITAtxt">
<div class="DITA" style="margin-bottom:3px;">
NOS PARTENAIRES
</div>
<div style="margin-bottom:-10px;" class="DITAtxt">
<marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">
<a href="http://detective-conan.cd.st/accueil-c853734"><img src="http://ekladata.com/cOkyzPXK40cnvmpfxdZaQQYbZ9M.png" /> </a><a href="http://lesanimesetco.eklablog.fr/"><img style="width: 88px;height: 31px" src="http://ekladata.com/s2eCap6UZhbNOYSph7nJt9WRamM.gif" border="0" /> </a> <a href="http://gloomy-jump.forumactif.org/"><img src="http://i39.servimg.com/u/f39/14/35/31/18/883110.png" /></a> <a href="http://stranger-academy.forumactif.org/"><img src="http://img15.hostingpics.net/pics/853174BoutonPartenaire.png" /> </a><a href="http://cherubrpg.forumactif.org/"><img src="http://img4.hostingpics.net/pics/4375356111.png" /></a> <a href="http://brokenwonderland.forumactif.org/"><img src="http://img11.hostingpics.net/pics/982371boutonnnn.png" /> </a> <a href="http://hunter-x-hunter-x-rp.forumactif.org"> <img src="http://image.noelshack.com/fichiers/2013/45/1383953792-bouton-88x31.png" /> </a> <a href="http://another-day.forum-canada.com/"><img src="http://img4.hostingpics.net/pics/734425Bouton88x31.gif" /></a> <a href="http://pensionnat-matsue.forumgratuit.org/"><img src="http://img4.hostingpics.net/pics/3468618831.jpg" /></a> <a href="http://forever-academie.forumactif.org//"><img src="http://i58.servimg.com/u/f58/13/86/67/07/sans_t30.jpg" /></a> <a href="http://saorpg.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/25/1403147160-saoicon-1.png" alt="" border="0" /></a> <a href="http://gakuen-hetalia.pro-forums.fr/"><img src="http://i39.servimg.com/u/f39/16/72/43/00/sans_t17.png" /></a> <a href="http://uniondesfansdeconan.forumactif.org/"><img src="http://i39.servimg.com/u/f39/18/73/75/85/bouton10.jpg" /></a> <a href="http://lockedworld.forumperso.com/"><img src="http://img4.hostingpics.net/pics/909180Icone8831.png" /></a> <a href="http://kaminoasobi.forumactif.org/"><img src="http://i39.servimg.com/u/f39/18/91/82/92/88_31_10.jpg" /></a> <a href="http://airgear-reborn.forumactif.org/"><img src="http://i60.tinypic.com/2v28th2.png" /></a> <a href="http://soranokodoku.web-rpg.com/"><img src="http://i.imgur.com/VGcflf5.png" /> </a> <a href="detectivesnocturne.forumactif.org"><img src="http://i39.servimg.com/u/f39/18/93/14/59/nc131_12.png" /></a>
</marquee>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table><br /><br /><span style="display: block; width: 100%; margin-top: -20px;border-bottom: 1px dashed #b05353;"></span><br /> <span style="font-size: 9px; line-height: normal; text-align: right;">© Page d'accueil par Dita | <a rel="nofollow" target="_blank" class="postlink" href="http://epicode.bbactif.com/">Epicode</a>.</span>
<div class="widget_flottant">
<span style="display: block; width: 100%;border-bottom: 1px dashed #b05353; padding-top: 10px;"></span>
<div style="margin-top:-30px;">
<img src="http://i39.servimg.com/u/f39/18/21/20/07/topsi12.png" /> <br /><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=4244"><img src="http://i57.servimg.com/u/f57/16/99/46/18/tops210.png" /></a><a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=4176"> <img src="http://i57.servimg.com/u/f57/16/99/46/18/tops210.png" /> </a><br />
<center>
<span style="font-size: 10px; line-height: normal">Votez toutes les deux heures !</span>
</center>
</div>
</div><br />
</div>Code:
/*widget*/
.widget_flottant
{
width: 140px;
height: 100px;
position:fixed;
top: 50px;
right: 10px;
background: #F2F2F2;
border: 8px solid #D4E6E6;
}
.widget_flottant2
{
width: 250px;
height: 120px;
position:fixed;
top: 250px;
right: 10px;
background: #EADFF2;
border: 8px solid #D4E6E6;
}
/*widget*/
/*PROFILS*/
.profil_mess
{
position: relative;
z-index: 9;
width: 210px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #8A8A8A;
padding: 4px;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #f3edfc;
box-shadow: 0px 0px 2px #f3edfc;
-moz-box-shadow: 0px 0px 2px #f3edfc;
-htm-box-shadow: 0px 0px 2px #f3edfc;
-o-box-shadow: 0px 0px 2px #f3edfc;
-webkit-box-shadow: 0px 0px 2px #f3edfc;
}
.name
{
display: block;
text-transform: uppercase;
margin-top: -15px;
margin-bottom: -10px;
font-size: 14px;
font-family: arial black;
text-shadow: 1px 1px 0px #000000;
padding-bottom: 5px;
border-bottom: 1px dashed #EBEBEB;
}
.avatar_mess
{
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 100%;
overflow: hidden;
border: 1px dashed #EBEBEB;
}
.profil2_mess
{
position: relative;
z-index: 1;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-top: -200px;
padding-top: 50px;
background-color: #e3a8a8;
padding-left: 4px;
padding-right: 4px;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #f3edfc;
box-shadow: 0px 0px 2px #f3edfc;
-moz-box-shadow: 0px 0px 2px #f3edfc;
-htm-box-shadow: 0px 0px 2px #f3edfc;
-o-box-shadow: 0px 0px 2px #f3edfc;
-webkit-box-shadow: 0px 0px 2px #f3edfc;
color: #434343 !important;
transform-origin: top 300 bottom 100;
-moz-transform: top 300 bottom 100;
-o-transform: top 300 bottom 100;
-htm-transform: top 300 bottom 50;
-webkit-transform: top 300 bottom 50;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.profil2_mess:hover
{
margin-top: -42px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.profil2_content
{
display: block;
width: 180px;
height: 200px;
max-height: 200px;
overflow: auto;
}
/*SELECTION BOUTON CODES*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/*Page Accueil*/
.DITApa {
background-color: #f0f0f0;
border: 2px solid #f5f5f5;
color: #856969;
box-shadow: 0 0 3px #faeed7;
font-family: georgia;
padding: 10px; }
.DITApa2 {
background-color: #f0f0f0;
color: #b8b8b8;
border: 2px solid #f5f5f5;
box-shadow: 0 0 3px #faeed7;
font-family: georgia;
padding: 10px; }
.DITA {
background-color: #c77e7e;
color: #d4d4d4;
font-size: 12px;
font-family: Calibri,Arial;
text-align: center;
text-transform: uppercase; }
.DITAtxt {
font-family: arial;
font-size: 10px;
text-align: justify;
}
/* Info-bulles staff */
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -2em;
left: -2em;
width: 120px;
height: 50px;
background-color: #1B1B1F;
color: #16161A;
text-align: center;
font-weight: none;
}
/* Info-bulles prédef */
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
border-radius: 50%;
top: -9em;
left: -0.05em;
width: 100px;
height: 100px;
background-color: #1B1B1F;
color: #e1d8ed;
text-align: center;
font-weight: none;
}
/* Images Prédef */
.imgPA {
border-radius: 50%;
width: 100px;
height: 100px;
}
/* Images Staff */
.imgwidget {
border-radius: 50%;
width: 60px;
height: 60px;
-moz-transition-duration: 1s;
-moz-transition-timing-function: linear;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: linear;
transition-duration: 1s;
transition-timing-function: linear;
}
.imgwidget:hover {
border-radius: 50%;
width: 100px;
height: 100px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
/**fin de de la PA**/
Re: Notes - renovations25/12/2014, 16:52Re: Notes - renovations25/12/2014, 22:49Re: Notes - renovations26/12/2014, 22:06Re: Notes - renovations27/12/2014, 13:01Re: Notes - renovations27/12/2014, 13:33Re: Notes - renovations