test.html
À propos du fichier
- Type de fichier
- Fichier HTML de 116 Ko (text/html)
- Confidentialité
- Fichier public, envoyé le 1er février 2018 à 04:03 depuis l'adresse IP 70.24.x.x (CA)
- Sécurité
- Ne contient aucun Virus ou Malware connus - Dernière vérification: 42 minutes
- Statistiques
- La présente page de téléchargement a été vue 1033 fois depuis l'envoi du fichier
- Page de téléchargement
Aperçu du fichier
<meta charset="utf-8" /> <meta name="author" content="Onyx" /> <title>Herbier</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Architects+Daughter" rel="stylesheet" /> <style type="text/css">
body {
margin: 0px;
background-size: cover;
}
#herbier {
position: relative;
padding-bottom: 10px;
height: 590px;
margin: 10px auto;
width: 885px;
overflow: hidden;
background: url('https://image.noelshack.com/fichiers/2018/05/4/1517449511-27591451-10215421494715241-2126152450-n.png');
font-size: 13px;
font-family: 'Indie Flower', cursive;
color: #59625c;
}
#menu {
float: left;
margin: 30px 0px 0px 80px;
width: 350px;
}
.one_menu {
float: left;
margin: 0px 5px 5px 5px;
width: 165px;
}
.menu_title {
display: inline-block;
margin-left: 20px;
border-bottom: 1px solid #0f5228;
color: #59625c;
font-weight: bold;
font-size: 14px;
}
#menu ul {
margin-top: 5px;
margin-bottom: 10px;
}
.menus + ul {
overflow: hidden;
transition: 0.8s;
-webkit-transition: 0.5s;
}
.menus img {
display: none;
position: relative;
bottom: -10px;
opacity: 0.8;
}
.herbonglet {
margin-left: -20px;
color: #59625c;
list-style-type: circle;
}
.herbonglet_0 {
cursor: pointer;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.herbonglet_0:hover {
margin-left: -10px;
}
.herbonglet_1 {
margin-left: -10px;
color: #093319;
font-weight: bold;
}
#middle {
float: right;
width: 330px;
margin: 30px 85px 0px 0px;
height: 465px;
text-align: center;
}
.contenu_herbonglet {
display: none;
height: 465px;
padding-right: 5px;
overflow: auto;
}
.contenu_herbonglet > div {
margin: 0px auto;
padding: 10px 0px;
font-family: 'Architects Daughter', cursive;
font-size: 14px;
border-top: 5px double #6c6c71;
}
.contenu_herbonglet > div:nth-child(1) {
padding: 0px 0px 10px 0px;
border-top: none;
}
.plante_name {
margin: auto;
color: #6c6c71;
text-shadow: -1px -1px 1px #000000;
font-size: 24px;
font-family: cambria;
text-transform: uppercase;
padding-bottom: 5px;
}
.plante_bloc {
margin: auto;
}
.plante_bloc > img:first-child {
margin: auto;
width: 300px;
border: 2px solid #6c6c71;
height: 150px;
}
.plante_in {
margin: auto;
text-align: center;
width: 300px;
}
.plante_caract {
font-weight: bold;
}
/*Partie de droite de la description de la plante*/
.plante_desc {
text-align: justify;
}
.credits {
font-size: 12px;
position: absolute;
width: 200px;
bottom: 30px;
left: 150px;
font-family: verdana;
color: #64647a;
}
a {
text-decoration: none;
color: #64647a;
}
a:hover {
color: #bfbfcc;
}
</style> <script type="text/javascript">
//<!--
$(function() {
var nom = [];
var nbnoms = $('#menu').find('li span').length;
for (i = 0; i < nbnoms; i++) {
nom[i] = $('#menu').find('li span').eq(i).attr('class');
}
var nbbetes = $('#contenu_herbonglet_Tout').children('div').length;
for (i = 0; i < nbnoms; i++) {
var nom2 = nom[i];
for (y = 0; y < nbbetes; y++) {
var nom3 = $('#contenu_herbonglet_Tout').children('div').eq(y);
if (nom3.hasClass(nom2)) {
var copiecrea = nom3.clone(true);
var oucoller = $('#contenu_herbonglet_'+nom2);
$(copiecrea).appendTo(oucoller);
}
}
}
});
//-->
</script> <script type="text/javascript">
//<!--
function change_herbonglet(name) {
document.getElementById('herbonglet_'+anc_herbonglet).className = 'herbonglet_0 herbonglet';
document.getElementById('herbonglet_'+name).className = 'herbonglet_1 herbonglet';
document.getElementById('contenu_herbonglet_'+anc_herbonglet).style.display = 'none';
document.getElementById('contenu_herbonglet_'+name).style.display = 'block';
anc_herbonglet = name;
}
//-->
</script>
<div id="herbier">
<div class="credits">
Par Onyx de <a href="http://www.never-utopia.com/forum" target="_blank">Never-Utopia</a>
</div>
<div id="menu">
<div class="one_menu">
<span class="menu_title menus">3ème année<img src="http://img4.hostingpics.net/pics/606073iconarrowdownb128.png" alt="Image à remplacer" /></span>
<ul>
<li style="display:none;" class="herbonglet_1 herbonglet" id="herbonglet_Tout" onclick="javascript:change_herbonglet('Tout');">
<span class="Tout">Tous</span>
</li>
<li onclick="javascript:change_herbonglet('Allegresse');" id="herbonglet_Allegresse" class="herbonglet_0 herbonglet">
<span class="Allegresse">Sortilège d'allégresse</span>
</li>
<li onclick="javascript:change_herbonglet('Bombarda');" id="herbonglet_Bombarda" class="herbonglet_0 herbonglet">
<span class="Bombarda">Bombarda</span>
</li>
<li onclick="javascript:change_herbonglet('Colloshoo');" id="herbonglet_Colloshoo" class="herbonglet_0 herbonglet">
<span class="Colloshoo">Colloshoo</span>
</li>
<li onclick="javascript:change_herbonglet('Draconifors');" id="herbonglet_Draconifors" class="herbonglet_0 herbonglet">
<span class="Draconifors">Draconifors / Lapifors</span>
</li>
<li onclick="javascript:change_herbonglet('Elasticius');" id="herbonglet_Elasticius" class="herbonglet_0 herbonglet">
<span class="Elasticius">Elasticius</span>
</li>
<li onclick="javascript:change_herbonglet('Erigo');" id="herbonglet_Erigo" class="herbonglet_0 herbonglet">
<span class="Erigo">Erigo</span>
</li>
<li onclick="javascript:change_herbonglet('Glacius');" id="herbonglet_Glacius" class="herbonglet_0 herbonglet">
<span class="Glacius">Glacius</span>
</li>
<li onclick="javascript:change_herbonglet('Impervius');" id="herbonglet_Impervius" class="herbonglet_0 herbonglet">
<span class="Impervius">Impervius</span>
</li>
<li onclick="javascript:change_herbonglet('Barda');" id="herbonglet_Barda" class="herbonglet_0 herbonglet">
<span class="Barda">Locomotor Barda</span>
</li>
<li onclick="javascript:change_herbonglet('BloqueJambes');" id="herbonglet_BloqueJambes" class="herbonglet_0 herbonglet">
<span class="BloqueJambes">Locomotor Mortis</span>
</li>
<li onclick="javascript:change_herbonglet('LocomotorW');" id="herbonglet_LocomotorW" class="herbonglet_0 herbonglet">
<span class="LocomotorW">Locomotor Wibbly</span>
</li>
<li onclick="javascript:change_herbonglet('Melofors');" id="herbonglet_Melofors" class="herbonglet_0 herbonglet">
<span class="Melofors">Melofors</span>
</li>
<li onclick="javascript:change_herbonglet('Mobiliarbus');" id="herbonglet_Mobiliarbus" class="herbonglet_0 herbonglet">
<span class="Mobiliarbus">Mobiliarbus / Mobilicorpus</span>
</li>
<li onclick="javascript:change_herbonglet('Repoustout');" id="herbonglet_Repoustout" class="herbonglet_0 herbonglet">
<span class="Repoustout">Repoustout</span>
</li>
<li onclick="javascript:change_herbonglet('Riddikulus');" id="herbonglet_Riddikulus" class="herbonglet_0 herbonglet">
<span class="Riddikulus">Riddikulus</span>
</li>
</ul>
</div>
<div class="one_menu">
<span class="menu_title menus">4ème année<img src="http://img4.hostingpics.net/pics/606073iconarrowdownb128.png" alt="Image à remplacer" /></span>
<ul>
<li onclick="javascript:change_herbonglet('Attraction');" id="herbonglet_Attraction" class="herbonglet_0 herbonglet">
<span class="Attraction">Accio / Repulso</span>
</li>
<li onclick="javascript:change_herbonglet('ChauveFurie');" id="herbonglet_ChauveFurie" class="herbonglet_0 herbonglet">
<span class="ChauveFurie">Maléfice de Chauve-Furie</span>
</li>
<li onclick="javascript:change_herbonglet('Conjonctivite');" id="herbonglet_Conjonctivite" class="herbonglet_0 herbonglet">
<span class="Conjonctivite">Sortilège de conjonctivite</span>
</li>
<li onclick="javascript:change_herbonglet('Impedimenta');" id="herbonglet_Impedimenta" class="herbonglet_0 herbonglet">
<span class="Impedimenta">Impedimenta</span>
</li>
<li onclick="javascript:change_herbonglet('Lashlabask');" id="herbonglet_Lashlabask" class="herbonglet_0 herbonglet">
<span class="Lashlabask">Lashlabask</span>
</li>
<li onclick="javascript:change_herbonglet('Pointe');" id="herbonglet_Pointe" class="herbonglet_0 herbonglet">
<span class="Pointe">Pointe au Nord</span>
</li>
<li onclick="javascript:change_herbonglet('Protego');" id="herbonglet_Protego" class="herbonglet_0 herbonglet">
<span class="Protego">Protego</span>
</li>
<li onclick="javascript:change_herbonglet('Recurvite');" id="herbonglet_Recurvite" class="herbonglet_0 herbonglet">
<span class="Recurvite">Récurvite</span>
</li>
<li onclick="javascript:change_herbonglet('Reducto');" id="herbonglet_Reducto" class="herbonglet_0 herbonglet">
<span class="Reducto">Reducto</span>
</li>
<li onclick="javascript:change_herbonglet('Tetenbulle');" id="herbonglet_Tetenbulle" class="herbonglet_0 herbonglet">
<span class="Tetenbulle">Têtenbulle</span>
</li>
<li onclick="javascript:change_herbonglet('Transfert');" id="herbonglet_Transfert" class="herbonglet_0 herbonglet">
<span class="Transfert">Sortilège de transfert</span>
</li>
</ul>
</div>
<div style="clear: both;">
</div>
<div style="clear: both;">
</div>
</div>
<div id="middle">
<div class="contenu_herbonglet" id="contenu_herbonglet_Tout">
<div class="Allegresse">
<div class="plante_name">
Sortilège d'allégresse
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement
</div>
<div class="plante_desc">
Le sortilège d'Allégresse ou charme de Réjouissance est un enchantement qui permet de ressentir une sensation de bonne humeur durant plusieurs heures. Il a été inventé par Félix Labeille.
</div>
</div>
</div>
</div>
<div class="Bombarda">
<div class="plante_name">
Bombarda
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement- <em>« Bombarda »</em>
</div>
<div class="plante_desc">
Bombarda est un sortilège relativement faible qui génère une petite explosion à l'endroit visé.
</div>
</div>
</div>
</div>
<div class="Colloshoo">
<div class="plante_name">
Maléfice du pot de colle
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Colloshoo»</em>
</div>
<div class="plante_desc">
Le maléfice du Pot de Colle est un maléfice permettant de coller les chaussures de quelqu'un au sol.
</div>
</div>
</div>
</div>
<div class="BloqueJambes">
<div class="plante_name">
Maléfice du Bloque-Jambes
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Locomotor Mortis »</em>
</div>
<div class="plante_desc">
Le maléfice du Bloque-jambes a pour formule Locomotor Mortis. Il colle les jambes de la victime l'une contre l'autre, l'obligeant à se déplacer en sautant à pieds joints.
</div>
</div>
</div>
</div>
<div class="LocomotorW">
<div class="plante_name">
Maléfice de Jambencoton
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Locomotor Wibbly »</em>
</div>
<div class="plante_desc">
Le maléfice de Jambencoton (Locomotor Wibbly) est un sort qui force les jambes de l'adversaire à s'effondrer.
</div>
</div>
</div>
</div>
<div class="Repoustout">
<div class="plante_name">
Sortilège du Repoustout
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Flipendo »</em>
</div>
<div class="plante_desc">
Le sortilège du Repoustout a pour formule Flipendo et est un maléfice utilisé et notamment recommandé lors d'une invasion de gnomes. Il est également utilisé pour traverser les parterres de champifleurs. Plus généralement, il est utilisé pour détruire une créature ou un objet.
</div>
</div>
</div>
</div>
<div class="Draconifors">
<div class="plante_name">
Draconifors
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Métamorphose - <em>« Draconifors »</em>
</div>
<div class="plante_desc">
Draconifors est un sortilège de métamorphose qui permet de transformer un objet en dragon.
</div>
</div>
</div>
</div>
<div class="Draconifors">
<div class="plante_name">
Lapifors
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Métamorphose - <em>« Lapifors »</em>
</div>
<div class="plante_desc">
Lapifors est un sortilège de métamorphose qui permet de transformer un objet en lapin.
</div>
</div>
</div>
</div>
<div class="Elasticius">
<div class="plante_name">
Elasticius
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Elasticius »</em>
</div>
<div class="plante_desc">
Elasticius est un sortilège qui fait apparaître une substance gélatineuse aux propriétés rebondissantes hors du commun.
</div>
</div>
</div>
</div>
<div class="Erigo">
<div class="plante_name">
Erigo
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Erigo »</em>
</div>
<div class="plante_desc">
Erigo est un sort qui permet de monter une structure, telle qu'une tente.
</div>
</div>
</div>
</div>
<div class="Glacius">
<div class="plante_name">
Glacius
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Glacius »</em>
</div>
<div class="plante_desc">
Glacius est un enchantement qui fait apparaître un bloc de glace autour de l'objet ou de la créature visée. Il peut aussi permettre de geler des surfaces liquides, afin de pouvoir marcher dessus.
</div>
</div>
</div>
</div>
<div class="Impervius">
<div class="plante_name">
Impervius
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Impervius »</em>
</div>
<div class="plante_desc">
Impervius est un sort qui repousse les substances indésirables d'une surface, la rendant ainsi imperméable.
</div>
</div>
</div>
</div>
<div class="Melofors">
<div class="plante_name">
Melofors
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Melofors »</em>
</div>
<div class="plante_desc">
Melofors est un sort qui enferme la tête de la personne visée dans une citrouille.
</div>
</div>
</div>
</div>
<div class="Barda">
<div class="plante_name">
Charme de Locomotion
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Locomotor Barda »</em>
</div>
<div class="plante_desc">
Le charme de Locomotion est un enchantement qui permet de faire déplacer des objets.
</div>
</div>
</div>
</div>
<div class="Mobiliarbus">
<div class="plante_name">
Mobiliarbus
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Mobiliarbus »</em>
</div>
<div class="plante_desc">
Mobiliarbus est un sort qui permet de déplacer un arbre.
</div>
</div>
</div>
</div>
<div class="Mobiliarbus">
<div class="plante_name">
Mobilicorpus
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Mobilicorpus »</em>
</div>
<div class="plante_desc">
Mobilicorpus est un sort qui permet de déplacer un corps.
</div>
</div>
</div>
</div>
<div class="Riddikulus">
<div class="plante_name">
Riddikulus
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Riddikulus »</em>
</div>
<div class="plante_desc">
Riddikulus est un sortilège qui rend un épouvantard ridicule aux yeux de celui qui en avait peur à l'origine.
</div>
</div>
</div>
</div>
<div class="Attraction">
<div class="plante_name">
Sortilège d'attraction
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Accio »</em>
</div>
<div class="plante_desc">
Le sortilège d'Attraction est un enchantement qui permet d'attirer un objet vers soi. Son incantation est Accio, suivie du nom de l'objet à attirer. Ce sortilège étant relativement courant, nombre de lieux ou d'objets ont été protégés de ses effets.
</div>
</div>
</div>
</div>
<div class="ChauveFurie">
<div class="plante_name">
Maléfice de Chauve-Furie
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice
</div>
<div class="plante_desc">
Le maléfice de Chauve-Furie est un maléfice inventé par Miranda Fauconnette. Il recouvre le visage de la victime de Chauves-furies, des créatures ailées ressemblant à des chauves-souris.
</div>
</div>
</div>
</div>
<div class="Conjonctivite">
<div class="plante_name">
Sortilège de conjonctivite
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice
</div>
<div class="plante_desc">
Le sortilège de Conjonctivite est une malédiction qui attaque les yeux de la victime. Son antidote est la potion Oculus.
</div>
</div>
</div>
</div>
<div class="Impedimenta">
<div class="plante_name">
Maléfice d'entrave
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Impedimenta »</em>
</div>
<div class="plante_desc">
Le maléfice d'Entrave a pour formule Impedimenta. Il sert à ralentir ou à arrêter une personne ou un objet. L'effet n'est que temporaire et peut cesser à tout moment.
</div>
</div>
</div>
</div>
<div class="Attraction">
<div class="plante_name">
Sortilège d'expulsion
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Repulso »</em>
</div>
<div class="plante_desc">
Le sortilège d'Expulsion est un enchantement qui permet de repousser un objet loin de soi. C'est donc l'inverse du fameux Accio, sortilège d'attraction que les sorciers connaissent si bien.
</div>
</div>
</div>
</div>
<div class="Lashlabask">
<div class="plante_name">
Maléfice de répulsion
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Lashlabask »</em>
</div>
<div class="plante_desc">
Le maléfice de Répulsion a pour formule Lashlabask. Il s'agit d'un sortilège permettant de se défaire de l'emprise de quelqu'un. Ce sortilège envoie un jet d'étincelles brûlantes. Sous l'eau, cette formule produit un jet d'eau bouillante.
</div>
</div>
</div>
</div>
<div class="Pointe">
<div class="plante_name">
Enchantement des Quatre-Points
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Pointe au Nord »</em>
</div>
<div class="plante_desc">
L'enchantement des Quatre-Points a pour formule Pointe au nord. Il agit comme une boussole et permet de s'orienter dans la bonne direction. Il faut murmurer la formule et poser la baguette à plat sur sa main. La baguette tourne alors sur elle-même et pointe vers le nord.
</div>
</div>
</div>
</div>
<div class="Protego">
<div class="plante_name">
Charme du bouclier
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Protego »</em>
</div>
<div class="plante_desc">
Le charme du Bouclier est un enchantement utilisé pour se protéger de n'importe quel sortilège mineur jeté. Plus simplement, il protège le sorcier qui l'utilise des sorts jetés par son adversaire. La barrière ainsi créée est solide, donc elle peut aussi servir à prévenir les attaques physiques. Son incantation est Protego.
</div>
</div>
</div>
</div>
<div class="Recurvite">
<div class="plante_name">
Sortilège de récurage
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement - <em>« Récurvite »</em>
</div>
<div class="plante_desc">
Le sortilège de Récurage est un sortilège ménager. Cet enchantement permet de nettoyer un objet, une créature ou une personne. Son incantation est Récurvite. Les sortilèges de Récurage sont utilisés pour nettoyer une maison de ses Bandimons.
</div>
</div>
</div>
</div>
<div class="Reducto">
<div class="plante_name">
Sortilège de réduction
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Maléfice - <em>« Reducto »</em>
</div>
<div class="plante_desc">
Le sortilège de Réduction (Reducto) permet de briser des objets solides.
</div>
</div>
</div>
</div>
<div class="Tetenbulle">
<div class="plante_name">
Sortilège de Têtenbulle
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">
Enchantement
</div>
<div class="plante_desc">
Le sortilège de Têtenbulle est un enchantement qui créé une bulle autour de la tête, pour permettre de respirer sous l'eau, par exemple.
</div>
</div>
</div>
</div>
<div class="Transfert">
<div class="plante_name">
Sortilège de Transfert
</div>
<div class="plante_bloc">
<div class="plante_in">
<div class="plante_caract">