<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
@font-face {font-family: Rottaries;
src: url(https://static.tumblr.com/iopx6cz/bSHrdsn79/rottaries-regular.woff);}
/*----------------------------*/
/*----Apparence des liens-----*/
/*----------------------------*/
a:visited, a:link { /*-----Général-----*/
text-decoration: none !important;
color: #EF87A8;
transition: 1s;
}
a:hover { /*-----Au survol-----*/
color: #EFD6AC;
transition: 1s;
}
/*----------------------------*/
/*-Apparence de la scrollbare-*/
/*----------------------------*/
::-webkit-scrollbar { /*-----Taille-----*/
width: 5px;
}
::-webkit-scrollbar-track { /*-----Fond-----*/
background: #EFF7EF;
}
::-webkit-scrollbar-thumb { /*-----Couleur de l'ascenseur-----*/
background: #EF87A8;
}
::-webkit-scrollbar-thumb:hover { /*-----Couleur de l'ascenseur au survol-----*/
background: #EFD6AC;
}
/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------Reste du code--------------------------------------------------------------*/
/*---------------------------------------------Merci de ne modifier que les éléments mentionnés---------------------------------------------*/
/*-------------------------------------------------Le reste n'est normalement pas à toucher !-----------------------------------------------*/
/*Sauf si vous touchez aux écritures, mais dans ce cas il faut être à l'aise avec les positions puisqu'il y aura surement un petit décallage*/
/*------------------------------------------------------------------------------------------------------------------------------------------*/
.fond { /*Fond de la page d'accueil*/
width:775px;
height:650px;
background-color:#CECECE; /*Modifiable*/
}
.titre { /*Titre du forum*/
position:relative;
top:10px;
left:10px;
width:555px;
height:173px;
font-family:'Rottaries';
font-size:70px; /*Modifiable*/
text-align:center;
}
.titre t { /*Couleur sur le titre du forum*/
background-image: linear-gradient(to right, #ef87a8, #f8999b, #f9ad97, #f5c29d, #efd6ac); /*Modifiable si vous utilisez le dégradé*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*color:#000000; - A utiliser si vous n'utilisez pas le dégradé*/
}
.navigation {
position:relative;
top:-158px;
left:575px;
width:190px;
height:170px;
font-family:'Encode Sans';
}
.lien1, .lien2 { /*Les liens de navigation*/
display:block;
font-size:12px; /*Modifiable*/
margin-top:6px;
margin-bottom:9px;
text-align:center;
letter-spacing:2px;
}
.lien1, .lien2:hover { /*-----Normal-----*/
background-image: linear-gradient(to right, #ef87a8, #f8999b, #f9ad97, #f5c29d, #efd6ac); /*Modifiable*/
}
.lien1:hover, .lien2 { /*-----Au survol-----*/
background-image: linear-gradient(to left, #ef87a8, #f8999b, #f9ad97, #f5c29d, #efd6ac); /*Modifiable*/
}
.lien1 a, .lien2 a { /*-----Couleur du lien-----*/
color:#EFF7EF; /*Modifiable*/
}
.contexte { /*Bloc contexte*/
position:relative;
top:-185px;
left:10px;
width:200px;
height:385px;
padding:5px;
overflow:auto;
text-align:justify;
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
background-color:#EFF7EF; /*Modifiable*/
}
.staff {
position:relative;
top:-185px;
left:10px;
width:200px;
height:70px;
padding:5px;
text-align:center;
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
}
.titre2 { /*Titre des blocs*/
font-size:15px; /*Modifiable*/
font-family:'Rottaries';
text-align:center;
color:#EF87A8; /*Modifiable*/
font-weight:bold;
}
.staff img {
width:50px;
height:50px;
border-radius:100px;
object-fit:cover;
}
.infobulle {
position:relative;
height:50px;
width:50px;
overflow:visible;
display:inline-block;
}
.infobulle .bulleimage {
height:50px;
width:50px;
}
.infobulle .bulletexte1, .infobulle .bulletexte2, .infobulle .bulletexte3 { /*Apparence des bulles*/
position: absolute;
width: 200px;
height: 110px;
background-color: #EFF7EF; /*Modifiable*/
opacity: 0;
visibility: hidden;
padding:5px;
-webkit-transform: scale(0);
transform: scale(0);
visibility: hidden;
transition: all ease 1s;
}
.bulletexte1 { /*Placement bulle staff 1*/
top:-120px;
left:-25.5px;
}
.bulletexte2 { /*Placement bulle staff 2*/
top:-120px;
left:-80px;
}
.bulletexte3 { /*Placement bulle staff 3*/
top:-120px;
left:-134px;
}
/*Vous pouvez retirer ou ajouter du staff, mais il faudra bien copier/coller les bons codes et replacer les bulles au bon endroit*/
.bulletexte1 t, .bulletexte2 t, .bulletexte3 t, .contenu_onglet d, .nouveautes d { /*Pseudos scénarios, pseudos staff, date nouveautés*/
background-image: linear-gradient(to right, #ef87a8, #f8999b, #f9ad97, #f5c29d, #efd6ac); /*Modifiable*/
padding:1px;
font-family:'Rottaries';
}
.bulletexte1 z, .bulletexte2 z, .bulletexte3 z {
font-size:10px; /*Modifiable*/
font-style:italic;
}
.bulletexte1 z1, .bulletexte2 z1, .bulletexte3 z1 {
font-size:8px; /*Modifiable*/
}
.infobulle:hover .bulletexte1, .infobulle:hover .bulletexte2, .infobulle:hover .bulletexte3 {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
z-index: 999;
transition: all ease 1;
}
.scenarios {
position:relative;
top:-660px;
left:230px;
width:335px;
height:200px;
}
.onglet {
cursor:pointer;
font-family:'Rottaries';
font-size: 15px;
text-align: center;
text-shadow : 1px 1px 0px #2F4031;
}
.onglet_0{background:transparent;}
.onglet_1{background:transparent;}
.contenu_onglet { /*Bloc scénario*/
display:none;
text-align: center;
width: 325px;
height: 103px;
font-size: 12px; /*Modifiable*/
overflow:auto;
background-color:#EFF7EF; /*Modifiable*/
padding:5px;
}
.onglets img {
width:52px;
height:82px;
object-fit:cover;
}
.onglettexte {
text-align:justify;
font-family:Encode Sans;
font-size:12px; /*Modifiable*/
}
.onglettexte b, .bulletexte1 b, .bulletexte2 b, .bulletexte3 b, .defis b { /*Gras dans les bulles et les défis/évènements*/
color:#EFD6AC; /*Modifiable*/
}
.defis { /*Bloc défis / évènements*/
position:relative;
top:-650px;
left:230px;
width:325px;
height:209px;
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
background-color:#EFF7EF; /*Modifiable*/
padding:5px;
overflow:auto;
text-align:justify;
}
.credits { /*Bloc crédits*/
position:relative;
top:-640px;
left:230px;
width:525px;
height:25px;
font-family:'Encode Sans';
font-size:10px; /*Modifiable*/
background-color:#EFF7EF; /*Modifiable*/
padding:5px;
}
.partenaires { /*Bloc partenaires*/
position:relative;
top:-1065px;
left:575px;
width:180px;
height:50px;
background-color:#EFF7EF; /*Modifiable*/
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
padding:5px;
}
.nouveautes { /*Bloc nouveautés*/
position:relative;
top:-1055px;
left:575px;
width:180px;
height:160px;
background-color:#EFF7EF; /*Modifiable*/
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
padding:5px;
text-align:justify;
}
.honneur {
position:relative;
top:-1045px;
left:575px;
width:190px;
height:93px;
}
.honneur img {
width:93px;
height:93px;
object-fit:cover;
margin:1px;
}
.honneur1 { /*Texte membre du mois 1*/
position:relative;
top:-1028px;
left:575px;
width:84px;
height:10px;
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
padding:5px;
color:#EF87A8; /*Modifiable*/
text-align:center;
font-weight:bold;
}
.honneur2 { /*Texte membre du mois 2*/
position:relative;
top:-1048px;
left:670px;
width:84px;
height:10px;
font-family:'Encode Sans';
font-size:12px; /*Modifiable*/
padding:5px;
color:#EF87A8; /*Modifiable*/
text-align:center;
font-weight:bold;
}
</style>
</head>
<body>
<div class="fond">
<div class="titre">
<t>Welcome to<br/>Grenat Shadows</t>
</div>
<div class="navigation">
<div class="lien1"><a href="https://grenatshadows.forumactif.com/t455-les-lois-de-grenat-shadows#4910" target="_blank">Règlement</a></div>
<div class="lien2"><a href="https://grenatshadows.forumactif.com/t456-l-histoire-de-la-ville#8885" target="_blank">L'île</a></div>
<div class="lien1"><a href="https://grenatshadows.forumactif.com/f10-annexes" target="_blank">Annexes</a></div>
<div class="lien2"><a href="https://grenatshadows.forumactif.com/t459-bottin-des-celebrites#4914" target="_blank">Célébrités prises</a></div>
<div class="lien1"><a href="https://grenatshadows.forumactif.com/h6-scenarios" target="_blank">Célébrités recherchées</a></div>
<div class="lien2"><a href="https://grenatshadows.forumactif.com/f12-partenariat" target="_blank">Partenariat</a></div>
<div class="lien1"><a href="https://grenatshadows.forumactif.com/f14-questions" target="_blank">Invités</a></div>
<div class="lien2"><a href="https://discord.gg/9ZXqKmWKv9" target="_blank">Discord</a></div>
</div>
<div class="contexte">
« Au début c'était incroyable. Un rêve qui se réalisait enfin après tant d'effort et tant d'années dans l'ombre. C'était en quelque sorte une vengeance sur certaines personnes qui ne croyaient pas en moi et qui me disaient que jamais je n'allais y arriver. C'était incroyable de voir toutes ces personnes qui m'aimaient et me soutenaient quoique je fasse. Voyager dans le monde entier pour faire de la promotion, recevoir plein de cadeaux et d'amour de mes fans. C'était magnifique. Mais tout n'est pas rose dans le monde des strass et des paillettes. Il y a beaucoup d'ombres sous les projecteurs. C'est pour ça que j'ai décidé de créer une ville pour toutes les célébrités qui désirent retrouver l'anonymat ou de faire un break dans leur carrière. Les personnes qui veulent continuer leur carrière coûte que coûte sont également les bienvenus tout comme vos familles ; je ne veux pas briser des couples heureux ou des amitiés parfaites. Par contre, eux, ne les cherchez pas. Les journalistes, les photographes, les paparazzis, les fans, les haters. Toutes ces personnes qui maltraitent nos vies, toutes ces personnes qui lancent des rumeurs sur nous, ne sont pas les bienvenus. Elles ne sont pas autorisées à rentrer dans la ville. Nous avons le droit de vivre notre vie comme on l'entend. Nous avons le droit de faire ce qui nous plaît sans avoir peur de faire la une d'un magazine le lendemain. Nous avons le droit d'être nous mêmes. C'est ici, dans cette ville, que nous, célébrités du monde entier, peuvent enfin vivre la vie qu'on a toujours voulue tout en faisant ce qu'on aime. »
<a href="https://grenatshadows.forumactif.com/t456-l-histoire-de-la-ville#4911" target="_blank">[...]</a>
</div>
<div class="staff">
<span class="titre2">Staff</span><br/>
<div class="infobulle">
<div class="bulleimage">
<img src="https://2img.net/r/hpimg11/pics/862732Sanstitre52.png" />
</div>
<div class="bulletexte1">
<t>★ Jade A. Thirlwall ★</t><br/>
<z>Loukoum ★ Fondatrice</z><br/>
<a href="https://grenatshadows.forumactif.com/privmsg?mode=post&u=54" target="_blank">Contacter</a><br/>
<z1><b>Autres comptes :</b> Lee Joo Heon ★ Kim Jong-in</z1>
</div>
</div>
<div class="infobulle">
<div class="bulleimage">
<img src="https://64.media.tumblr.com/152371d01d023e8bc2a6bbe11829c86f/tumblr_pmaryrlaSh1uaisw9o2_250.png" />
</div>
<div class="bulletexte2">
<t>★ Lee Hoseok ★</t><br/>
<z>Sunshine ★ Administrateur</z><br/>
<a href="https://grenatshadows.forumactif.com/privmsg?mode=post&u=63" target="_blank">Contacter</a><br/>
<z1><b>Autres comptes :</b> Min Yoongi ★ Kang Taehyun ★ Park Jimin ★ Lalisa Manoban ★ Lee Felix ★ Choi Yeonjun ★ Byun Baekhyun</z1>
</div>
</div>
<div class="infobulle">
<div class="bulleimage">
<img src="https://i.ibb.co/Ln5cf50/furelise.jpg" />
</div>
<div class="bulletexte3">
<t>★ Kim Taehyung ★</t><br/>
<z>cassiie ★ Graphiste</z><br/>
<a href="https://grenatshadows.forumactif.com/privmsg?mode=post&u=73" target="_blank">Contacter</a><br/>
<z1><b>Autres comptes :</b> Hwang Yeji</z1>
</div>
</div>
</div>
<div class="scenarios">
<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>
<div class="systeme_onglets">
<div align="center" class="onglets">
<span onmouseover="javascript:change_onglet('NomOnglet1');" id="onglet_NomOnglet1" class="onglet_0 onglet"><img src="https://i.pinimg.com/originals/b7/8f/43/b78f43815f3861166559c0dbe53abeae.jpg" /></span>
<span onmouseover="javascript:change_onglet('NomOnglet2');" id="onglet_NomOnglet2" class="onglet_0 onglet"><img src="https://i.pinimg.com/originals/1f/87/d8/1f87d8a9800130c66e9e7c8fe3c63690.jpg" /></span>
<span onmouseover="javascript:change_onglet('NomOnglet3');" id="onglet_NomOnglet3" class="onglet_0 onglet"><img src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Perrie_Edwards_in_2015.jpg" /></span>
<span onmouseover="javascript:change_onglet('NomOnglet4');" id="onglet_NomOnglet4" class="onglet_0 onglet"><img src="https://images2.imgbox.com/cd/21/GEMZMYV1_o.jpg" /></span>
<span onmouseover="javascript:change_onglet('NomOnglet5');" id="onglet_NomOnglet5" class="onglet_0 onglet"><img src="https://64.media.tumblr.com/fb4823b6eb6c034db2790838a32764ac/d8c6330e16558175-e7/s500x750/6606e45bd22421b70201e69e8bbb5003ca789634.png" /></span>
<span onmouseover="javascript:change_onglet('NomOnglet6');" id="onglet_NomOnglet6" class="onglet_0 onglet"><img src="https://64.media.tumblr.com/e48a2d693db4fca8da318087538d62ff/4e8abf1e723c082e-a5/s500x750/f29446f5d14ef0cccae72ad99433376bf2fdf8d3.png" /></span>
</div>
<div class="contenu_onglets">
<div id="contenu_onglet_NomOnglet1" class="contenu_onglet">
<d>★ Mun Jeong Hyeok (Eric Mun - Shinhwa) ★</d><br/><div style="height:2px;"></div>
<div class="onglettexte">
<b>★ Âge</b> 43 ans<br/>
<b>★ Statut civil</b> Marié à Hye-mi Na (Attiré par les femmes sûr, peut avoir d'autres penchants.)<br/>
<b>★ Arrivée</b> Libre, de préférence entre l'arrivée de Kai et votre date d'inscription. - Libre<br/>
<b>★ Ses liens</b> Kim Jong-in (Le pot de colle)
</div>
<a target="_blank" href="https://grenatshadows.forumactif.com/t678-mun-jeong-hyeok-eric-mun-shinhwa#7844">En savoir plus</a>
</div>
<div id="contenu_onglet_NomOnglet2" class="contenu_onglet">
<d>★ Song Geon Hee (#GUN) ★</d><br/><div style="height:2px;"></div>
<div class="onglettexte">
<b>★ Âge</b> 27 ans<br/>
<b>★ Statut civil</b> Libre (Au choix)<br/>
<b>★ Arrivée</b> Votre date d'inscription - Libre.<br/>
<b>★ Ses liens</b> Lee Joo Heon (Meilleur ami)
</div>
<a target="_blank" href="https://grenatshadows.forumactif.com/t828-song-geon-hee-gun#11500">En savoir plus</a>
</div>
<div id="contenu_onglet_NomOnglet3" class="contenu_onglet">
<d>★ Perrie Edwards (Little Mix) ★</d><br/><div style="height:2px;"></div>
<div class="onglettexte">
<b>★ Âge</b> 28 ans<br/>
<b>★ Statut civil</b> En couple (Hétéro (jusqu'aux dernières nouvelles))<br/>
<b>★ Arrivée</b> Arrivée le Lundi 15 Novembre 2021 en compagnie de son fils et de Jade. Repartie le Jeudi 24 Février 2022 pour que son fils retrouve son père. Votre inscription marquera le retour de Perrie, à votre date d'inscription donc (puisque pour Jade, Perrie n'est pas revenue). - C'est libre.<br/>
<b>★ Ses liens</b> Jade A. Thirlwall (Meilleure amie)
</div>
<a target="_blank" href="https://grenatshadows.forumactif.com/t824-perrie-edwards-little-mix#11340">En savoir plus</a>
</div>
<div id="contenu_onglet_NomOnglet4" class="contenu_onglet">
<d>★ Kunpimook Bhuwakul (BamBam - GOT7) ★</d><br/><div style="height:2px;"></div>
<div class="onglettexte">
<b>★ Âge</b> 25 ans<br/>
<b>★ Statut civil</b> Célibataire, amoureux. (Hétéro.)<br/>
<b>★ Arrivée</b> 15 Mai 2022. - Il voulait retrouver Lisa et s'éloigner de la Corée puis avec son groupe ils désiraient tous les sept commencer une carrière de groupe à Grenat Shadows.<br/>
<b>★ Ses liens</b>
</div>
<a target="_blank" href="https://grenatshadows.forumactif.com/t785-kunpimook-bhuwakul-got7#10149">En savoir plus</a>
</div>
<div id="contenu_onglet_NomOnglet5" class="contenu_onglet">
<d>★ Kim Namjoon (RM - BTS) ★</d><br/><div style="height:2px;"></div>
<div class="onglettexte">
<b>★ Âge</b> 27 ans<br/>
<b>★ Statut civil</b> A ta convenance ! (A ta convenance !)<br/>
<b>★ Arrivée</b> 22 Mars 2022. - Il désirait retrouver les membres de son groupe et continuer à travailler pour leur groupe.<br/>
<b>★ Ses liens</b> Min Yoongi (Bandmate et meilleur ami), Park Jimin (Bandmate, protégé, ami proche), Jeon Jungkook (Bandmate et plus qu'un ami, un frère.)
</div>
<a target="_blank" href="https://grenatshadows.forumactif.com/t821-kim-namjoon-rm-bts#11164">En savoir plus</a>
</div>
<div id="contenu_onglet_NomOnglet6" class="contenu_onglet">
<d>★ Lee Taemin (SHINee et SuperM) ★</d><br/><div style="height:2px;"></div>
<div class="onglettexte">
<b>★ Âge</b> 28 ans<br/>
<b>★ Statut civil</b> En couple depuis 2019 avec Baekhyun. (Homosexuel récemment assumé.)<br/>
<b>★ Arrivée</b> Le 23 Mai 2022. - Taemin souffre depuis un long moment d'une forte dépression qui lui a coûté de terminer son service militaire en tant que fonctionnaire. Supportant mal la distance qui le séparait de son homme comme de la plupart de ses proches il a vu son homme s'arranger pour qu'ils terminent leur service militaire civique l'un et l'autre à Grenat Shadows.<br/>
<b>★ Ses liens</b> Byun Baekhyun (Leader, bandmate, grand amour de sa vie), Park Jimin (Meilleur ami, baisers secrets échangés), Kim Jong-in (Meilleur Ami - Comme un frère)
</div>
<a target="_blank" href="https://grenatshadows.forumactif.com/t802-lee-taemin-shinee-superm#10704">En savoir plus</a>
</div>
</div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'NomOnglet1';
change_onglet(anc_onglet);
//-->
</script>
</div>
<div class="defis">
<div class="titre2">Evénement de saison</div>
<center>★ <a href="https://grenatshadows.forumactif.com/t817-this-is-my-house-party#11158" target="_blank">This is my house party</a> ★<br/>
<b>Inscriptions jusqu'au 9 Juillet</b></center><br/>
<div class="titre2">Défis mensuels</div>
<center><b>Du 10 Juin au 9 Juillet</b></center>
<b>Le Défi</b> L'été arrive ! Il est temps de s'amuser à faire venir l'été sur Grenat. Pour cela, on vous a concocté une petite liste de mots à placer dans vos RPGs ! Pour la découvrir, c'est <a href="https://grenatshadows.forumactif.com/t814-defis-mensuels-juin-2022#11155" target="_blank">juste ici</a>. Et n'hésitez pas si vous avez des questions.<br/>
<b>Le Topic Commun</b> Afin de vous remercier pour sa super campagne et son élection, notre Maire vous attend pour son banquet de remerciement à la Mairie ! L'action se situe au 22 Juin, assurez-vous que votre personnage se trouve à Grenat avant la date ^^ <a href="https://grenatshadows.forumactif.com/t815-banquet-de-remerciements#11156" target="_blank">On vous attend !</a><br/>
<b>Le lieu RP du mois</b> Nous vous donnons donc rendez-vous à la Mairie dans le Centre Diamant pour récupérer quelques éclats supplémentaires.
</div>
<div class="credits">
Forum célébrités ★ 1 RP tous les 2 mois ★ 300 mots minimum ★ GS est l'entière propriété de son équipe d'administration (fondé par Blooming et Loukoum) et de ses membres. Retrouvez les crédits complets <a href="https://grenatshadows.forumactif.com/t458-credits#4913" target="_blank">juste ici</a>. Merci
(09/12/2021)
</div>
<div class="partenaires">
<div class="titre2">Villes voisines</div>
<a href="https://everybodylies.forumactif.com/" target="_blank">★</a>
<a href="https://shinc.forumactif.com/" target="_blank">★</a>
<a href="https://earth-asf.forumactif.com/" target="_blank">★</a>
</div>
<div class="nouveautes">
<div class="titre2">Flash infos !</div>
<d>22/06/2022</d> Et le voilà enfin, ce design tant attendu ! On espère qu'il vous plaira ^^ N'hésitez pas à remonter ce qui ne vous convient pas (écriture illisible, couleur qui pète les yeux, ...).
</div>
<div class="honneur">
<div class="titre2">Nos étoiles montantes</div>
<img src="https://www.zupimages.net/up/22/22/2vk4.bmp" /><img src="https://i.imgur.com/CfXKicz.jpg" />
</div>
<div class="honneur1">
★ Mitch ★
</div>
<div class="honneur2">
★ Jungkook ★
</div>
</div>
</body>
</html>
Accueil
