szdxfrcgt

Sujet: szdxfrcgt Dim 20 Déc - 12:14

dcvfbghnj

Code:: <!doctype html>
<html lang="fr">
<head>

<meta charset="UTF-8" /> <title>PA grise/rose + scrollbar personnalisée.</title> <link href="http://fonts.googleapis.com/css?family=Covered+By+Your+Grace" rel="stylesheet" type="text/css" /> <style>

   body {
   background: none;
   }

   #pa h1, #pa h2, #pa h3, #pa h4, #pa h5, #pa h6, #pa p {
   margin: 0; padding: 0; font-weight: normal;
   }

   #pa {
   width: 800px;
   min-height: 400px;
   border-radius: 10px;
   background: #FFE0FF;
   margin: 75px auto 20px;
   position: relative;
   padding-top: 50px;
   font-family: "abeatbykai", sans-serif;
   font-size: 12px;
   letter-spacing: 1px;
   color: #fff;
   }

   #pa a {
   color: rgba(209,42,97,1);
   text-decoration: none;
   }

   #pa a, #pa h2, .news p {
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
   }

   #pa a:hover {
   color: #EFDFDF;
   }

   #pa h1 {
   width: 347px;
   height: 70px;
   background: url("http://img15.hostingpics.net/pics/694341nuage.png") no-repeat;
   position: absolute;
   top: -68px;
   left: 50%;
   margin-left: -173.5px;
   text-indent: -9999px;
   }

   ul#ticker01, ul#concours, ul.groupes, ul#staff
   {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }

   #pa h2 img {
   position: absolute; top:0;
   }

   #pa table td {
   min-height: 50px;
   border-radius: 10px;
   position: relative;
   padding-top: 25px;
   }

   #pa table td.withbg {
   background: #EDB6EC;
   }

   #pa h2 {
   height: 34px;
   position: absolute;
   top: -12.5px;
   z-index: 3;
   font-size: 34px;
   font-family: 'Covered By Your Grace', cursive;
   }

   #pa h2:hover {
   color: );
   }

/* CONCEPT */

   .concept {
   height: 192px; max-height: 192px;
   overflow-y: scroll;
   padding: 1px;
   }

   .concept p {
   margin-bottom: 20px !important;
   padding-right: 20px !important;
   }

   .concept p:last-child {
   margin-bottom: 0px !important;
   }

/* GROUPES */

   .groupes {
   height: 60px; max-height: 60px;
   text-align: center;
   }

   .groupes li {
   display: inline-block;
   margin: 0 10px;
   }

/* NEWS */

   .news {
   height: 87px; max-height: 87px;
   overflow-y: scroll;
   }

   .news strong {
   color: #fff;
   font-family: sans-serif;
   text-transform: uppercase;
   font-weight: normal;
   }

   .news p {
   border-bottom: 1px solid lightgray;
   padding: 2px 0 !important; margin: 2px 0 !important;
   }

   .news p:hover {
   border-bottom: 1px solid lightgray;
   padding: 2px 0 2px 20px !important; margin: 2px 0 !important;
   }

/* CONCOURS */

   ul#concours {
   width: 280px;
   height: 114px; max-height: 114px;
   margin: 0px auto 0;
   text-align: center;
   }

   ul#concours li {
   width: 84px;
   margin: 0 5px;
   display: inline-block;
   position: relative;
   z-index: 4;
   }

   ul#concours li span {
   display: none;
   width: 150px;
   padding: 10px;
   position: absolute;
   bottom: 60px; right: 50%; margin-right: -75px;
   background: #EFDFDF;
   color: #fff;
   z-index: 5;
   border-radius: 10px;
   border-bottom: 1px solid #d74e77;
   }

   ul#concours li:hover span {
   display: block;
   }

   ul#concours li span img {
   max-width: 150px;
   height: auto;
   }

   .fleche {
   width: 26px;
   height: 12px;
   background: url("http://img15.hostingpics.net/pics/941083fleche11.png");
   position: absolute;
   bottom: -12px;
   left: 50%;
   margin-left: -13px;
   }

/* STAFF */

   #staff img, ul#concours li img.mini {
   -webkit-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
   -moz-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
   -ms-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
   -o-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
   mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
   }

   #staff li {
   display: inline-block;
   width: 80px; max-width: 80px;
   }

   #staff li:hover {
   cursor: help;
   }

   .staff p {
   padding: 10px 0 10px !important;
   }

   .staff{
   text-align: center;
   }

   .staff .pseudo
   {
   display: inline-block;
   color: rgba(209,42,97,1);
   }

/* PARTENAIRES */

   td.partenaires {
   padding-top: 15px !important;
   }

   .tickercontainer { /* the outer div with the black border */
   width: 750px;
   height: 31px;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   position: relative;
   z-index: 2;
   }
   .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
   position: relative;
   left: 0px;
   top: 0px;
   width: 750px;
   overflow: hidden;
   }
   ul.newsticker { /* that's your list */
   position: relative;
   left: 750px;
   }
   ul.newsticker li {
   float: left; /* important: display inline gives incorrect results when you check for elem's width */
   width: 88px;
   margin: 0 2px;
   padding: 0;
   }

/* CREDITS */

   #credits {
   position: absolute;
   padding: 0px 10px;
   bottom: -20px;
   right: 0px;
   height: 20px;
   line-height: 20px;
   font-size: 8px;
   color: gray;
   text-transform: uppercase;
   text-shadow: 1px 1px 0px #ffffff;
   }

/* SCROLLBAR */

   ::-webkit-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
   ::-webkit-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
   ::-webkit-scrollbar-corner{background:none;}

   ::-moz-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
   ::-moz-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
   ::-moz-scrollbar-corner{background:none;}

   ::-ms-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
   ::-ms-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
   ::-ms-scrollbar-corner{background:none;}

   ::-o-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
   ::-o-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
   ::-o-scrollbar-corner{background:none;}

   ::-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
   ::-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
   ::-scrollbar-corner{background:none;}
   </style>
<div id="pa">

<h1>
   bienvenue !
</h1>

<table cellspacing="15px" cellpadding="10px" id="contenu-general" style="width: 800px;">

<tbody>

<tr>

<td rowspan="2" valign="top" class="withbg" style="width: 300px;">

<h2>
   <span style="color: rgba(209,42,97,1);">Le concept</span>
</h2>

<div class="concept">

<p>
   Bien le bonjour
</p>

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, itaque, cum veniam vel sed dicta <a href="">quaerat modi</a> ab soluta molestias voluptas ipsam sit omnis. Nemo, natus facilis suscipit sequi ratione. Lorem ipsum dolor sit amet, consectetur adipisicing
</p>

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, ab, voluptates, porro totam omnis eos hic mollitia beatae quia dolores corrupti delectus sequi recusandae molestiae sit. Magni saepe repellendus voluptas.
</p>

</div>

</td>

<td valign="top" style="width: 450px;">

<ul class="groupes">

<li>
   <a href="" style="color: red;">groupe 1</a>
</li>

<li>
   <a href="" style="color: green;">groupe 2</a>
</li>

<li>
   <a href="" style="color: orange;">groupe 3</a>
</li>

<li>
   <a href="" style="color: blue;">groupe 4</a>
</li>

<li>
   <a href="" style="color: magenta;">groupe 5</a>
</li>

</ul>

</td>

</tr>

<tr>


<td valign="top" class="withbg">

<h2>
   <span style="color: rgba(209,42,97,1);">Les nouveautés </span>
</h2>

<div class="news">

<p>
   <strong>News 1 :</strong> <a href="">Les fourmis ont des pattes!</a>
</p>

<p>
   <strong>News 2 :</strong> Quoi, une news sans lien ?
</p>

<p>
   <strong>News 3 :</strong> <a href="">Pas touche la mouche</a>
</p>

<p>
   <strong>News 4 :</strong> <a href="">T'as pas pris ta douche</a>
</p>

<p>
   <strong>News 5 :</strong> The style for news
</p>

<p>
   <strong>News 6 :</strong> The style for news
</p>

<p>
   <strong>News 7 :</strong> The style for news
</p>

<p>
   <strong>News 8 :</strong> The style for news
</p>

</div>

</td>

</tr>

<tr>

<td valign="top" class="withbg">

<h2>
   <span style="color: rgba(209,42,97,1);">Concours</span>
</h2>

<ul id="concours">

<li>
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="AOTM" class="mini" />

<div class="titre-concours">
   AOTM
</div>

 <span> <img src="http://r24.imgfast.net/users/2915/57/91/98/avatars/17369-57.jpg" alt="" />
 </span>
<div class="fleche">

</div><span>
 </span>
</li>

<li>
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="AOTM" class="mini" />

<div class="titre-concours">
   AOTM
</div>

 <span> <img src="http://r24.imgfast.net/users/2915/57/91/98/avatars/17369-57.jpg" alt="" />
 </span>
<div class="fleche">

</div><span>
 </span>
</li>


</ul>

</td>

<td valign="top" class="withbg">

<h2>
   <span style="color: rgba(209,42,97,1);">Le staff </span>
</h2>

<ul id="staff">

<li onmouseover="javascript:staff1()">
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="" />
</li>

<li onmouseover="javascript:staff2()">
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="" />
</li>

<li onmouseover="javascript:staff3()">
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="" />
</li>

<li onmouseover="javascript:staff4()">
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="" />
</li>

<li onmouseover="javascript:staff5()">
   <img src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" alt="" />
</li>

</ul>

<div class="staff">

<div id="staff1">

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, sapiente, quos, qui corporis soluta optio aspernatur harum minus asperiores ipsum repudiandae placeat ipsam.
</p>

<div class="pseudo">
   PSEUDO
</div>
   • <a href="">PROFIL</a> • <a href="">MP</a>
</div>

<div id="staff2" style="display:none;">

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, aliquid, laudantium, neque eius nemo amet dolores velit esse voluptas dicta quisquam quos consequuntur provident
</p>

<div class="pseudo">
   PSEUDO
</div>
   • <a href="">PROFIL</a> • <a href="">MP</a>
</div>

<div id="staff3" style="display:none;">

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, illo, assumenda, pariatur reprehenderit nam vero tempore nostrum laboriosam molestiae incidunt.
</p>

<div class="pseudo">
   PSEUDO
</div>
   • <a href="">PROFIL</a> • <a href="">MP</a>
</div>

<div id="staff4" style="display:none;">

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, autem, dolor in quaerat quas quos pariatur iusto aliquid laudantium et ipsum nulla dignissimos.
</p>

<div class="pseudo">
   PSEUDO
</div>
   • <a href="">PROFIL</a> • <a href="">MP</a>
</div>

<div id="staff5" style="display:none;">

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, voluptate rerum ipsam incidunt magni temporibus voluptatibus voluptas labore praesentium nemo deserunt.
</p>

<div class="pseudo">
   PSEUDO
</div>
   • <a href="">PROFIL</a> • <a href="">MP</a>
</div>

</div>

</td>

</tr>

<tr>

<td valign="top" colspan="2" class="withbg partenaires">

<h2>
   <span style="color: rgba(209,42,97,1);">Partenaires </span>
</h2>

<ul id="ticker01">

<li>
   <a href=""><img src="http://i39.servimg.com/u/f39/19/07/10/81/parten11.png" alt="" /></a>
</li>

<li>
   <a href=""><img src="http://i39.servimg.com/u/f39/19/07/10/81/parten11.png" alt="" /></a>
</li>

<li>
   <a href=""><img src="http://i39.servimg.com/u/f39/19/07/10/81/parten11.png" alt="" /></a>
</li>


</ul>

</td>

</tr>

</tbody>

</table>

<div id="credits">
   PA réalisée par Henrykiki sur <a href="http://www.never-utopia.com/t52871-henrykiki-pa-grise-rose-pale" target="_blank">Never-Utopia</a>
</div>

</div>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript">
   /*!
* liScroll 1.0
* Examples and documentation at:
* http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
* 2007-2010 Gian Carlo Mingati
* Version: 1.0.2.1 (22-APRIL-2011)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Requires:
* jQuery v1.2.x or later
*
*/

jQuery.fn.liScroll = function(settings) {
   settings = jQuery.extend({
   travelocity: 0.07
   }, settings);
   return this.each(function(){
   var $strip = jQuery(this);
   $strip.addClass("newsticker")
   var stripWidth = 1;
   $strip.find("li").each(function(i){
   stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
   });
   var $mask = $strip.wrap("<div class='mask'></div>");
   var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
   var containerWidth = $strip.parent().parent().width(); http://a.k.a. 'mask' width
   $strip.width(stripWidth);
   var totalTravel = stripWidth+containerWidth;
   var defTiming = totalTravel/settings.travelocity; // thanks to Scott Waye
   function scrollnews(spazio, tempo){
   $strip.animate({left: '-='+ spazio}, tempo, "linear", function(){$strip.css("left", containerWidth); scrollnews(totalTravel, defTiming);});
   }
   scrollnews(totalTravel, defTiming);
   $strip.hover(function(){
   jQuery(this).stop();
   },
   function(){
   var offset = jQuery(this).offset();
   var residualSpace = offset.left + stripWidth;
   var residualTime = residualSpace/settings.travelocity;
   scrollnews(residualSpace, residualTime);
   });
   });
};
   </script> <script>
   $(function(){
   $("#ticker01").liScroll();
   });

   function staff1() {
   document.getElementById('staff1').style.display='block';
   document.getElementById('staff2').style.display='none';
   document.getElementById('staff3').style.display='none';
   document.getElementById('staff4').style.display='none';
   document.getElementById('staff5').style.display='none';}
   function staff2() {
   document.getElementById('staff1').style.display='none';
   document.getElementById('staff2').style.display='block';
   document.getElementById('staff3').style.display='none';
   document.getElementById('staff4').style.display='none';
   document.getElementById('staff5').style.display='none';}
   function staff3() {
   document.getElementById('staff1').style.display='none';
   document.getElementById('staff2').style.display='none';
   document.getElementById('staff3').style.display='block';
   document.getElementById('staff4').style.display='none';
   document.getElementById('staff5').style.display='none';}
   function staff4() {
   document.getElementById('staff1').style.display='none';
   document.getElementById('staff2').style.display='none';
   document.getElementById('staff3').style.display='none';
   document.getElementById('staff4').style.display='block';
   document.getElementById('staff5').style.display='none';}
   function staff5() {
   document.getElementById('staff1').style.display='none';
   document.getElementById('staff2').style.display='none';
   document.getElementById('staff3').style.display='none';
   document.getElementById('staff4').style.display='none';
   document.getElementById('staff5').style.display='block';}
   </script>

Code:: <!doctype html>
<html lang="fr">
<head>

<meta charset="UTF-8" /> <title>PA grise/rose + scrollbar personnalisée.</title> <link href="http://fonts.googleapis.com/css?family=Covered+By+Your+Grace" rel="stylesheet" type="text/css" /> <style>
body {
background: none;
}

#pa h1, #pa h2, #pa h3, #pa h4, #pa h5, #pa h6, #pa p {
margin: 0; padding: 0; font-weight: normal;
}

#pa {
width: 800px;
min-height: 350px;
border-radius: 10px;
background: #FFE0FF;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #fff;
}

#pa a {
color: rgba(209,42,97,1);
text-decoration: none;
}

#pa a, #pa h2, .news p {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

#pa a:hover {
color: #D66FDE;
}

#pa h1 {
width: 347px;
height: 70px;
background: url("http://img15.hostingpics.net/pics/694341nuage.png") no-repeat;
position: absolute;
top: -68px;
left: 50%;
margin-left: -173.5px;
text-indent: -9999px;
}

ul#ticker01, ul#concours, ul.groupes, ul#staff
{
list-style-type: none;
margin: 0;
padding: 0;
}

#pa h2 img {
position: absolute; top:0;
}

#pa table td {
min-height: 50px;
border-radius: 10px;
position: relative;
padding-top: 25px;
}

#pa table td.withbg {
background: #EDB6EC;
}

#pa h2 {
height: 34px;
position: absolute;
top: -12.5px;
z-index: 3;
font-size: 34px;
font-family: 'Covered By Your Grace', cursive;
}

#pa h2:hover {
color: );
}

/* CONCEPT */

.concept {
height: 192px; max-height: 192px;
overflow-y: scroll;
padding: 1px;
}

.concept p {
margin-bottom: 20px !important;
padding-right: 20px !important;
}

.concept p:last-child {
margin-bottom: 0px !important;
}

/* GROUPES */

.groupes {
height: 60px; max-height: 60px;
text-align: center;
}

.groupes li {
display: inline-block;
margin: 0 10px;
}

/* NEWS */

.news {
height: 87px; max-height: 87px;
overflow-y: scroll;
}

.news strong {
color: #fff;
font-family: sans-serif;
text-transform: uppercase;
font-weight: normal;
}
.news p {
border-bottom: 0px solid lightgray;
padding: 2px 0 !important; margin: 2px 0 !important;
}

.news p:hover {
border-bottom: 0px solid lightgray;
padding: 2px 0 2px 20px !important; margin: 2px 0 !important;
}

/* CONCOURS */

ul#concours {
width: 280px;
height: 114px; max-height: 114px;
margin: 0px auto 0;
text-align: center;
}

ul#concours li {
width: 97px;
margin: 0 5px;
display: inline-block;
position: relative;
z-index: 4;
}

ul#concours li span {
display: none;
width: 150px;
padding: 10px;
position: absolute;
bottom: 60px; right: 50%; margin-right: -75px;
background: #EFDFDF;
color: #fff;
z-index: 5;
border-radius: 10px;
border-bottom: 1px solid #d74e77;
}

ul#concours li:hover span {
display: block;
}

ul#concours li span img {
max-width: 150px;
height: auto;
}

.fleche {
width: 26px;
height: 12px;
background: url("http://img15.hostingpics.net/pics/941083fleche11.png");
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -13px;
}

/* STAFF */

#staff img, ul#concours li img.mini {
-webkit-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
-moz-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
-ms-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
-o-mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;
mask: url(http://henrynicolas.be/fow/pa-madiix/mask.svg) top left / cover;

}

#staff li {
display: inline-block;
width: 125px; max-width: 150px;

}

#staff li:hover {
cursor: help;
}

.staff p {
padding: 10px 0 10px !important;
}

.staff{
text-align: center;
}

.staff .pseudo
{
display: inline-block;
color: rgba(209,42,97,1);
}

/* PARTENAIRES */

td.partenaires {
padding-top: 15px !important;
}

.tickercontainer { /* the outer div with the black border */
width: 750px;
height: 31px;
margin: 0 auto;
padding: 0;
overflow: hidden;
position: relative;
z-index: 2;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 750px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
width: 88px;
margin: 0 2px;
padding: 0;
}

/* CREDITS */

#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #ffffff;
}

/* SCROLLBAR */

::-webkit-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-webkit-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-webkit-scrollbar-corner{background:none;}

::-moz-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-moz-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-moz-scrollbar-corner{background:none;}

::-ms-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-ms-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-ms-scrollbar-corner{background:none;}

::-o-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-o-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-o-scrollbar-corner{background:none;}

::-scrollbar{height:12px;width:5px;background:none;margin-right:5px;}
::-scrollbar-thumb{background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
::-scrollbar-corner{background:none;}
</style>
<div id="pa">

<h1>
      bienvenue !
</h1>

<table style="width: 800px;" id="contenu-general" cellpadding="10px" cellspacing="15px">

   <tbody>

      <tr>

         <td style="width: 300px;" class="withbg" valign="top" rowspan="2">

            <h2>
                  <span style="color: rgba(209,42,97,1);">The legend</span>
            </h2>

            <div class="concept">

               <p>
                     « La légende du massacre des zooanthropes raconte que voyant leur peuple se faire décimer un par un par l'espèce humaine, les dieux zooanthropes se seraient mit à verser des larmes de sang, exprimant toute leur peine et leur colère.
               </p>

               <p>
                     <em>Uminokami</em>, le dieu de la mer. <em>Chikyünokami</em>, le dieu de la terre. Et <em>Kükinokami</em>, le dieu de l'air.
               </p>

               <p>
                     Toute leur haine envers le peuple humain et toute leur tristesse pour le leur auraient pris la forme d'une pluie rougeoyante, s'abattant avec violence sur le lieu du massacre. De cette pluie serait alors née <em>Chinoame</em>, la déesse vengeresse. On raconte d'elle qu'elle serait descendue sur terre sous la forme d'une magnifique kitsune, aux yeux d'un rouge aussi profond qu'effrayant. Elle était d'une beauté divine et brillait en véritable brasier dans l'obscurité. En voyant le sort qu'avaient infligé les humains à ses congénères, elle aurait alors poussé un hurlement strident qui provoqua une onde de choc suffisamment puissante pour tout détruire sur plusieurs centaines de kilomètres, annihilant tout sur son passage ; du sol furent arrachés plus de 400 mètres de profondeur. Après l'intervention de la déesse destructrice ne restait plus qu'un énorme canyon. Il fut baptisé par la légende le canyon Aka, pour que les zooanthropes se souviennent de tout le sang qui fut versé par la cruauté de l'être humain. »
               </p>

            </div>

         </td>

         <td style="width: 450px;" valign="top">

            <ul class="groupes">

               <li>
                     <a style="color: #636161; font-family: 'Covered By Your Grace', cursive; font-size: 17px; text-align: justify;" href="">Citoyens</a>
               </li>

               <li>
                     <a style="color: #568DDE; font-family: 'Covered By Your Grace', cursive;font-size: 17px; text-align: justify;" href="">Zooanthropes humanoïdes</a>
               </li>

               <li>
                     <a style="color: #B32E39; font-family: 'Covered By Your Grace', cursive;font-size: 17px; text-align: justify;" href="">Zooanthropes animoïdes</a>
               </li>

               <li>
                     <a style="color: #8D2AC7; font-family: 'Covered By Your Grace', cursive;font-size: 17px; text-align: justify;" href="">Zooanthropes polymorphiques</a>
               </li>

            </ul>

         </td>

      </tr>

      <tr>

         
         <td class="withbg" valign="top">

            <h2>
                  <span style="color: rgba(209,42,97,1);">News </span>
            </h2>

            <div class="news">

               <p>
                     <strong> /05/16 : </strong><span style="color: rgba(209,42,97,1);">Zooanthrope ouvre ses portes !</span>
               </p>

            </div>

         </td>

      </tr>

      <tr>

         <td class="withbg" valign="top">

            <h2>
                  <a style="color: rgba(209,42,97,1)">Membres du mois</a>
            </h2>

            <ul id="concours">

               <li>
                     <br /> <br /><br /><br /><img class="mini" alt="AOTM" src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" />
                   <a style="color: rgba(209,42,97,1)">PSEUDO </a> <a href="">PROFIL</a> • <a href="">MP</a>
               </li>

               <li>
                     <img class="mini" alt="AOTM" src="http://i39.servimg.com/u/f39/19/07/10/81/staff11.png" />
                  
                  <div class="titre-concours">

                     <div class="pseudo">
                           <a style="color: rgba(209,42,97,1)"> PSEUDO </a>
                     </div>
                        <a href="">PROFIL</a> • <a href="">MP</a>
                  </div>

                  
               </li>

               
            </ul>

         </td>

         <td class="withbg" valign="top">

            <h2>
                  <span style="color: rgba(209,42,97,1);">Staff </span>
            </h2>

            <ul id="staff">

               <center>

                  <li onmouseover="javascript:staff1()">
                        <img alt="" src="http://img11.hostingpics.net/pics/639594NanaseHarukaFreefull1823926.jpg" />
                  </li>

                  <li onmouseover="javascript:staff2()">
                        <img alt="" src="http://img11.hostingpics.net/pics/608546KuzeHibikifull1518049.jpg" />
                  </li>

               </center>

            </ul>

            <div class="staff">

               <div id="staff1">

                  <p>
                        Alias la torsionaire. Sous ses airs de gamines au visage joufflu votre chère fonda a bien des humeurs assez lunatiques. Tantôt elle vous fera des câlins, tantôt elle jouera les petites pestes en se plaigant qu'elle déteste tout le monde, mais que tout le monde l'aime. Malgré son fort caractère elle reste tout de même amicale et prête à vous guider vers le droit chemin. <br /> <span style="color: #D66FDE;"><em>" Tu veux un cookie ? ~ "</em></span>
                  </p>

                  <div class="pseudo">
                        Joshua M. Meroham
                  </div>
                     • <a href="http://zooanthrope.forumsrpg.com/u3">PROFIL</a> • <a href="http://zooanthrope.forumsrpg.com/privmsg?mode=post&u=3">MP</a>
               </div>

               <div style="display:none;" id="staff2">

                  <p>
                        Votre chère admin est parfois capable de prononcer des paroles dignent d'une figitive d'asile. Ne vous affolez pas pour autant elle ne mord plus une fois qu'on sait comment l'amadouer. Sous ses airs un peu barj' se cache peut-être un cœur tendre ? Ou bien un cœur de pierre, à voire... Quoi qu'il en soit n'hésiter pas à lui demander de l'aide, elle ne mord que la première fois... héhé. <br /> <span style="color: #D66FDE;"><em>" You know what I like most about people ? ...They die. "</em></span>
                  </p>

                  <div class="pseudo">
                        Micah M. Meroham
                  </div>
                     • <a href="http://zooanthrope.forumsrpg.com/u2">PROFIL</a> • <a href="http://zooanthrope.forumsrpg.com/privmsg?mode=post&u=2">MP</a>
               </div>

            </div>

         </td>

      </tr>

      <tr>

         <td class="withbg partenaires" colspan="2" valign="top">

            <h2>
                  <span style="color: rgba(209,42,97,1);">Partenaires </span>
            </h2>

            <ul id="ticker01">

               <li>
                     <a href=""><img alt="" src="http://i39.servimg.com/u/f39/19/07/10/81/parten11.png" /></a>
               </li>

               <li>
                     <a href=""><img alt="" src="http://i39.servimg.com/u/f39/19/07/10/81/parten11.png" /></a>
               </li>

               <li>
                     <a href=""><img alt="" src="http://i39.servimg.com/u/f39/19/07/10/81/parten11.png" /></a>
               </li>

               
            </ul>

         </td>

      </tr>

   </tbody>

</table>

<div id="credits">
      PA réalisée par Henrykiki sur <a target="_blank" href="http://www.never-utopia.com/t52871-henrykiki-pa-grise-rose-pale">Never-Utopia</a>
</div>

</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript">
/*!
* liScroll 1.0
* Examples and documentation at:
* http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
* 2007-2010 Gian Carlo Mingati
* Version: 1.0.2.1 (22-APRIL-2011)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Requires:
* jQuery v1.2.x or later
*
*/

jQuery.fn.liScroll = function(settings) {
settings = jQuery.extend({
travelocity: 0.07
}, settings);
return this.each(function(){
var $strip = jQuery(this);
$strip.addClass("newsticker")
var stripWidth = 1;
$strip.find("li").each(function(i){
stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
});
var $mask = $strip.wrap("<div class='mask'></div>");
var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
var containerWidth = $strip.parent().parent().width(); http://a.k.a. 'mask' width
$strip.width(stripWidth);
var totalTravel = stripWidth+containerWidth;
var defTiming = totalTravel/settings.travelocity; // thanks to Scott Waye
function scrollnews(spazio, tempo){
$strip.animate({left: '-='+ spazio}, tempo, "linear", function(){$strip.css("left", containerWidth); scrollnews(totalTravel, defTiming);});
}
scrollnews(totalTravel, defTiming);
$strip.hover(function(){
jQuery(this).stop();
},
function(){
var offset = jQuery(this).offset();
var residualSpace = offset.left + stripWidth;
var residualTime = residualSpace/settings.travelocity;
scrollnews(residualSpace, residualTime);
});
});
};
</script> <script>
$(function(){
$("#ticker01").liScroll();
});

function staff1() {
document.getElementById('staff1').style.display='block';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';}
function staff2() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='block';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';}
function staff3() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='block';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='none';}
function staff4() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='block';
document.getElementById('staff5').style.display='none';}
function staff5() {
document.getElementById('staff1').style.display='none';
document.getElementById('staff2').style.display='none';
document.getElementById('staff3').style.display='none';
document.getElementById('staff4').style.display='none';
document.getElementById('staff5').style.display='block';}
</script>

Sujet: Re: szdxfrcgt Lun 4 Avr - 0:17

❝ Laisse-moi raconter ❞

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de son personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Sujet: Re: szdxfrcgt Lun 4 Avr - 1:02

Allen Walker

Je m'appelle Allen WALKER, j'ai 19 printemps puisque je suis né en 1687 ! J'appartiens au groupe des cinglés sans frontière. En ce moment je suis célibataire, mais je partage mon lit avec Teddy. J'ai choisi la tête de Allen Walker dans D-Gray-Man.

J'aime les courgettes. En revanche, je n'aime pas les cacahuètes, et je déteste les chauves-souris. Quand je serais grand je vendrais des sucettes à la fraise et je serais connu dans le monde entier.

❝ Citation qui rox ! ❞

Physique

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Caractère

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Histoire

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Sujet: Re: szdxfrcgt Lun 4 Avr - 13:22

Allen Walker

Je m'appelle Allen WALKER, j'ai 19 printemps et j'aime les courgettes. En revanche, je n'aime pas les cacahuètes, et je déteste les chauves-souris. Quand je serais grand je vendrais des sucettes à la fraise et je serais connu dans le monde entier. J'appartiens au groupe des cinglés sans frontière.
Je recherche des amis, des ennemis et des kiris !

❝ Citation qui rox ! ❞

Historique des RPs

Today :
• [url=urldutopic]nom du topic[/url] ➜ partenaire
• [url=urldutopic]nom du topic[/url] ➜ partenaire
Yesterday :
• [url=urldutopic]nom du topic[/url] ➜ partenaire
• [url=urldutopic]nom du topic[/url] ➜ partenaire
Tomorrow :
• partenaire
• partenaire

Amis

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Ennemis

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Sujet: Re: szdxfrcgt Lun 4 Avr - 13:46

❝ Le règlement ❞

Le respect

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Présentation

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Avatar et signature

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Le RP

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

La Chatbox

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

L'activité

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Réplique de mon personnage • Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus

Paria decimo supra eo aeternam silentium exemplis perfidia delictis Persas diutius rediviva decimo bella eo temptentur insperatos tractibus et post cuncta insperatos excita ne regis iuge in urebat exemplis bella Bellona Bellona Bellona et insperatos post et consurgunt ne delictis anno utinam paria iuge narravimus delictis regis utinam narravimus luctuosas quam eo diutius regis bella minimis primordiis nocitura sexto delictis paria post apud eo excita bella minimis sexto in ad narravimus utinam apud et ad insperatos in Bellona eois per et Persas motus tractibus primordiis exemplis eois decimo urbem delictis forte anno agitat exitium silentium narravimus insperatos Persas per regis.

Sujet: Re: szdxfrcgt Mar 5 Avr - 14:55

❝ Le contexte ❞

Il était une fois...

Nous sommes en l'an 3080. En l'espace de plus d'un millier d'années la planète a bien changé. Le réchauffement climatique a totalement modifié la forme et la taille de la plupart des îles et des continents. Le Japon ne fit pas exception ; les océans ayant commencé à s'assécher en 2300, un agrandissement des terres fut rapidement constaté. Pour ce pays surpeuplé depuis plusieurs siècles déjà, ce fut alors une chance inespérée.

Au XXIsiècle, la population japonaise était concentrée au centre du pays, pour être le moins possible confrontée à diverses catastrophes naturelles. Cette élargissement des côtes et la surpopulation du pays encouragea le gouvernement à construire des villes et des habitations sur le pourtour de leurs terres, profitant alors de cet espace nouveau, et ce au risque d'être confronté aux problèmes autrefois redoutés.

Il faut croire que l'assèchement des océans ait rendu Mère Nature moins agressive, à la grande joie du peuple japonais qui put prendre pleinement possession des côtes à moindre risque.

Mais le changement géographique n'est pas la seule évolution majeure à noter. Début XXVème siècle, une nouvelle espèce doté d'une intelligence égale à l'homme fut alors découverte au Japon, baptisée zooanthrope par les scientifiques. Comme son nom l'indique, il s'agit de créatures à l'apparence mi-humaine mi-animal. Personne ne sait vraiment comment cette espèce a vu le jour, mais la majorité des scientifiques sont persuadés qu'ils avaient déjà existait dans les années 3150 av. J-C, dans l'Egypte antique. Une théorie très en vogue supposerait que les égyptiens les considéraient comme des dieux, ce qui expliquerait les têtes animales de la majorité des représentations de divinités égyptiennes.

Beaucoup de zooanthropes ont servi de cobayes pour diverses expériences scientifiques. Malgré leur intelligence reconnue, les zooanthropes n'étaient pas traités avec égard par leurs cousins éloignés. Le gouvernement japonais prévoyait même de se servir d'eux comme armes de guerre. Mais arriva au pouvoir Momiji Juro, violent et tyrannique, qui poussa alors les forces armées à commettre un véritable génocide envers ces êtres encore nouveaux.

Beaucoup de récits ressassent l'histoire du massacre des zooanthrope et font part de toute l'horreur de ce bain de sang. Mais tous ces récits laissent une part d'ombre sur le dénouement de cette affaire. Tous, sauf un. Celui de la légende de la déesse zooanthrope vengeresse Chinoame.

La légende raconte que voyant leur peuple se faire décimer un par un par l'espèce humaine, les dieux zooanthropes se seraient mit à verser des larmes de sang, exprimant toute leur peine et leur colère.

Uminokami, le dieu de la mer. Chikyünokami, le dieu de la terre. Et Kükinokami, le dieu de l'air.

Toute leur haine envers le peuple humain et toute leur tristesse pour le leur auraient pris la forme d'une pluie rougeoyante, s'abattant avec violence sur le lieu du massacre. De cette pluie serait alors née Chinoame, la déesse vengeresse.

On raconte d'elle qu'elle serait descendue sur terre sous la forme d'une magnifique kitsune, aux yeux d'un rouge aussi profond qu'effrayant. Elle était d'une beauté divine et brillait en véritable brasier dans l'obscurité. En voyant le sort qu'avaient infligé les humains à ses congénères, elle aurait alors poussé un hurlement strident qui provoqua une onde de choc suffisamment puissante pour tout détruire sur plusieurs centaines de kilomètres, annihilant tout sur son passage ; du sol furent arrachés plus de 400 mètres de profondeur. Après l'intervention de la déesse destructrice ne restait plus qu'un énorme canyon. Il fut baptisé par la légende le canyon Aka, pour que les zooanthropes se souviennent de tout le sang qui fut versé par la cruauté de l'être humain.

Peu de zooanthropes survécurent. Il ne restait qu'une poignée de terrestres, les seuls à avoir eu la chance de vivre cachés des humains étant les marins. En effet, ceux-ci ont toujours eu la chance de naître dans un environnement inaccessible à l'homme, et peuvent alors s'épanouir pleinement dans leur cité aquatique. Ce privilège attise depuis toujours rancunes et conflits entre le peuple de la terre et celui de la mer.

Les zooanthropes qui ne pouvaient pas rester longtemps cachés aux yeux des Hommes furent, pour la grande majorité, vendus comme esclaves ou même animaux de compagnie auprès des familles qui en avaient les moyens.

Cette tyrannie qu'exercent les humains sur eux n'ayant que trop duré, certains zooanthropes, les polymorphiques, profitent de leur capacité à se fondre parmi les humains pour s'intégrer dans le gouvernement et attendent le bon moment pour renverser ce peuple qui leur a tant causé de tort, véritables espoirs pour leur espèce.

D'autres, quant à eux, prient dans l'ombre pour que la déesse vengeresse descende à nouveau sur terre et les sauve une nouvelle fois de l'oppression de l'espèce humaine.

Sujet: Re: szdxfrcgt Mar 5 Avr - 23:01

qwdfkjlm;bhdcwghjklm,cfxghklmkgcfxghlmkgfcjklmjgvfblmk,vhc

Sujet: Re: szdxfrcgt Mar 5 Avr - 23:02

uyhtgrfe

Sujet: Re: szdxfrcgt Mer 6 Avr - 1:56

nybtvrcezxa

Sujet: Re: szdxfrcgt Dim 10 Avr - 22:30

Nom de votre forum

Les statisques du QEEL :

Le lien du forum :
Les liens utiles :
Le logo du forum : En 88px X 31px

❝ Phrase d'introduction ❞

Le contexte

(Le contexte de votre forum)

Sujet: Re: szdxfrcgt Lun 11 Avr - 2:23

Sujet: Re: szdxfrcgt Jeu 14 Avr - 2:07

Vous voilà aux pieds du mur, face à cette terrible épreuve : le règlement. Eh oui, on passe tous par là. Pas d'inquiétude ; dans la mesure où il n'est pas plus drôle à lire qu'à écrire, on tâchera de ne pas trop faire durer cette ignoble torture. Bon courage quand même ~

Respect : Même si on a tous assisté à ses funérailles nationales, nous entretenons ici son souvenir. Vous connaissez le blabla habituel, mais comme on ne s'en lasse jamais, ce n'est pas une fois de plus qui vous tuera : les insultes - à caractère non humoristique - les remarques homophobes, racistes ou tout propos incitant à la haine - à caractère non humoristique - ainsi que la diffusion d'images choquantes - à caractère non... hum, ici ça fait moins bien - sont proscrites et passibles de toutes les sanctions que nos esprits tordus seront en mesure d'imaginer. Vous voilà prévenus.

Fiche de présentation : Bien évidemment, elle constitue une étape obligatoire de votre inscription. Vous avez tout le temps que vous voulez pour la peaufiner, mais ne nous faites pas trop attendre ! Et puis faites-vous plaisir, un beau personnage, ça fait toujours plaisir ; un beau personnage bien présenté, ça donne des orgasmes. Et puis, surtout, ça donne envie de Rp avec. Si vous avez un doute, une question, n'hésitez surtout pas à vous tourner vers le Staff ou les membres qui ne mordent pas trop fort, tous prêts à répondre aux moindres de vos désirs - n'en profitez pas trop quand même. N'oubliez pas ensuite d'aller remplir votre fiche de personnage, qui n'est pas obligatoire mais reste un complément bien sympathique pour vos partenaires de Rp.

Avatar et signature : Dans la continuité de notre dernière rubrique, l'avatar et la signature. Ils devront bien entendu représenter votre personnage, lui-même tiré d'un manga, anime, jeu vidéo, ou de n'importe où, à partir du moment où il s'agit d'un dessin. Les OC pourront être acceptés, bien sûr, mais gardez un regard objectif sur votre travail. Avec tout le respect que nous avons pour vos petites mains qui travaillent dur, offrez-nous quelque chose de propre : l'avatar n'est pas à négliger dans la création d'un personnage. En ce qui concerne la taille de votre kit, pour l'avatar ce sera du 200x320, et pour la signature - elle, facultative - du 500x350 au maximum. Gare aux débordements !

Le RP : Car, bien sûr, c'est la vocation première de ce forum. Ici, il ne vous sera pas demandé grand-chose : 200 mots, au minimum, vous suffiront à ne pas vous faire taper sur les doigts. Pour vous assurer que vous remplissez bien votre part du marché, il existe ce site très pratique, un dénommé Compteur de lettres. Aussi, il serait bénéfique à tous de limiter au mieux les fautes d'orthographe. Nous ne serons pas intransigeants à partir du moment où, si vous avez des difficultés, vous faites des efforts. Si la relecture ne suffit pas et que votre cas nécessite ce genre de mesures, il y le célébrissime Bonpatron qui pourrait bien vous venir en aide. Nul n'est parfait (hormis le Staff) mais c'est pour cela qu'on peut toujours s'améliorer.

La Chatbox : On sait que vous y passerez les trois-quarts de votre temps ici, bande d'ados pseudo-sociables. On prend même la peine d'en faire une annexe, vous vous rendez compte !

Sujet: Re: szdxfrcgt Sam 23 Avr - 0:34

Komamura Sajin - Bleach:

Midna - The legend of Zelda:

Valerie Winchester - Sonic the Hedgehog:

William Winchester - Sonic the Hedgehog:

Gitz the Hedgehog - Sonic the Hedgehog:

Arbega Gordon - Inazuma Eleven GO:

Waltt - Utau:

Laru Mine - Utau:

Freya Crescent - Final Fantasy IX:

King Kazma - Summer wars:

Fox Mc Cloud - Star Fox:

Panther Caroso - Star Fox:

Falcon Lombardi - Star Fox:

Tristana - League of Legends:

Gallon - Darkstalkers:

Nepeta Leijon - Homestuck:

Asriel Dreemuur - Undertale:

Monet - ONE PIECE:

Princess Ruto - The Legend of Zelda:

Behemoth - OC Mizuki Kotora:

Wolfrun - Smile Precure!:

Jubei - BlazBlue:

Kogenta - Onmyou Taisenki:

Baron Humbert von Gikkingen - Neko no Ongaeshi:

Sujet: Re: szdxfrcgt Sam 23 Avr - 18:14

Zooanthropes humanoïdes

Ils représentent 60 % de la population zooanthrope. D'apparence presque totalement humaine seuls quelques attributs animaux les démarquent de leurs proches cousins. Les attributs les plus courants son souvent les plus caractéristiques de l'animal; oreilles, queue, pupilles, dents, griffes, etc ...

Les zooanthropes humanoïdes sont souvent utilisés comme esclaves par les familles bourgeoises. Ils se voient aussi servir d'animaux de compagnies pour certains enfants. La plupart d'entres eux se font maltraiter par leurs maîtres, les plus tordus vont même jusqu'à se servir d'eux pour assouvir leurs pulsions sexuelles.

Certains ayant la chance de naître avec des attributs animaux facilement dissimulables - que ça soit par une casquette ou une paire de gants, se qui leurs permets de s'intégrer parmi les humains et de mener une vie à peu près normale. Mais gare aux pulsions animales qui peuvent refaire surface, bien que très peu présentes chez les zooanthropes humanoïdes.

Ceux avec des attributs trop voyant doivent souvent vivre cachés, passer leur temps à fuir les braconniers, prêt à tout pour se faire un peu d'argent en les vendant aux revendeurs d'esclaves. Quand se ne sont pas les braconniers qui les traques, se sont les citoyens qui leurs jettent la pierre à chaque coin de rue. Heureusement que certains humains défendent la cause zooanthrope, bien qu'ils soient peu nombreux.

Le Japon étant un pays fréquemment soumis à la radioactivité, il n'est pas rare de voir traîner dans les rues des chats ayant une deuxième queue, ou un pelage à la couleur peu habituelle. Certains zooanthropes également exposés à ces radiations ont subit ces modifications génétiques.

Zooanthropes animoïdes

Zooanthropes polymorphiques

Sujet: Re: szdxfrcgt