Ajout des enemies, fonctionnels, pas encore personalisé proprementmaster
@@ -52,11 +52,11 @@ | |||
font-weight: bold; | |||
text-align: center; | |||
color: black; | |||
text-shadow: | |||
#FFF 1px 1px, | |||
#FFF -1px 1px, | |||
#FFF -1px -1px, | |||
#FFF 1px -1px; | |||
text-shadow: | |||
#FFF 1px 1px, | |||
#FFF -1px 1px, | |||
#FFF -1px -1px, | |||
#FFF 1px -1px; | |||
} | |||
.progress-bar-eco span { | |||
@@ -73,7 +73,7 @@ | |||
-moz-transition: width .4s ease-in-out; | |||
-ms-transition: width .4s ease-in-out; | |||
-o-transition: width .4s ease-in-out; | |||
transition: width .4s ease-in-out; | |||
transition: width .4s ease-in-out; | |||
} | |||
.verte span { | |||
@@ -83,7 +83,7 @@ | |||
background-image: -moz-linear-gradient(top, #28b62c, #2BD630); | |||
background-image: -ms-linear-gradient(top, #28b62c, #2BD630); | |||
background-image: -o-linear-gradient(top, #28b62c, #2BD630); | |||
background-image: linear-gradient(top, #28b62c, #2BD630); | |||
background-image: linear-gradient(top, #28b62c, #2BD630); | |||
} | |||
.bleue span { | |||
@@ -93,7 +93,7 @@ | |||
background-image: -moz-linear-gradient(top, #416BE8, #419AE8); | |||
background-image: -ms-linear-gradient(top, #416BE8, #419AE8); | |||
background-image: -o-linear-gradient(top, #416BE8, #419AE8); | |||
background-image: linear-gradient(top, #416BE8, #419AE8); | |||
background-image: linear-gradient(top, #416BE8, #419AE8); | |||
} | |||
.jaune span { | |||
@@ -103,7 +103,7 @@ | |||
background-image: -moz-linear-gradient(top, #FFD700, #FAF27F); | |||
background-image: -ms-linear-gradient(top, #FFD700, #FAF27F); | |||
background-image: -o-linear-gradient(top, #FFD700, #FAF27F); | |||
background-image: linear-gradient(top, #FFD700, #FAF27F); | |||
background-image: linear-gradient(top, #FFD700, #FAF27F); | |||
} | |||
.rouge span { | |||
@@ -113,7 +113,7 @@ | |||
background-image: -moz-linear-gradient(top, #E31B1B, #FF6B6B); | |||
background-image: -ms-linear-gradient(top, #E31B1B, #FF6B6B); | |||
background-image: -o-linear-gradient(top, #E31B1B, #FF6B6B); | |||
background-image: linear-gradient(top, #E31B1B, #FF6B6B); | |||
background-image: linear-gradient(top, #E31B1B, #FF6B6B); | |||
} | |||
.blanche span { | |||
@@ -123,7 +123,7 @@ | |||
background-image: -moz-linear-gradient(top, #ADDFFF, #CCFFFC); | |||
background-image: -ms-linear-gradient(top, #ADDFFF, #CCFFFC); | |||
background-image: -o-linear-gradient(top, #ADDFFF, #CCFFFC); | |||
background-image: linear-gradient(top, #ADDFFF, #CCFFFC); | |||
background-image: linear-gradient(top, #ADDFFF, #CCFFFC); | |||
} | |||
.noire span { | |||
@@ -133,7 +133,7 @@ | |||
background-image: -moz-linear-gradient(top, #8128B5, #792DA6); | |||
background-image: -ms-linear-gradient(top, #8128B5, #792DA6); | |||
background-image: -o-linear-gradient(top, #8128B5, #792DA6); | |||
background-image: linear-gradient(top, #8128B5, #792DA6); | |||
background-image: linear-gradient(top, #8128B5, #792DA6); | |||
} | |||
.shine span { | |||
@@ -151,13 +151,13 @@ | |||
background: #fff; | |||
-moz-border-radius: 3px; | |||
-webkit-border-radius: 3px; | |||
border-radius: 3px; | |||
border-radius: 3px; | |||
-webkit-animation: animate-shine 2s ease-out infinite; | |||
-moz-animation: animate-shine 2s ease-out infinite; | |||
-moz-animation: animate-shine 2s ease-out infinite; | |||
} | |||
@-webkit-keyframes animate-shine { | |||
@-webkit-keyframes animate-shine { | |||
0% {opacity: 0; width: 0;} | |||
50% {opacity: .5;} | |||
100% {opacity: 0; width: 95%;} | |||
@@ -174,20 +174,20 @@ | |||
-moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | |||
-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | |||
box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset; | |||
-webkit-animation: animate-glow 1s ease-out infinite; | |||
-moz-animation: animate-glow 1s ease-out infinite; | |||
-moz-animation: animate-glow 1s ease-out infinite; | |||
} | |||
@-webkit-keyframes animate-glow { | |||
0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||
50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||
0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||
50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||
100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||
} | |||
@-moz-keyframes animate-glow { | |||
0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||
50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||
0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||
50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} | |||
100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} | |||
} | |||
@@ -242,6 +242,16 @@ | |||
text-transform: uppercase; | |||
} | |||
.enemy_name { | |||
font-weight: bold; | |||
font-size: 26px; | |||
color: black; | |||
margin-top: -8px; | |||
margin-bottom: -20px; | |||
margin-left: 10px; | |||
text-transform: uppercase; | |||
} | |||
.p_light { | |||
text-align: center; | |||
padding: 5px; | |||
@@ -256,4 +266,4 @@ | |||
font-size: 30px; | |||
color: #8128B5; | |||
font-weight: bold; | |||
} | |||
} |
@@ -186,7 +186,7 @@ $message[10]=' | |||
while ($fichier = readdir($dossier)) | |||
{ | |||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3") | |||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3" && $fichier != "enemy") | |||
{ | |||
$gamers = explode(".xml", $fichier); | |||
@@ -0,0 +1,21 @@ | |||
<?xml version="1.0" encoding="utf-8"?> | |||
<response> | |||
<entry> | |||
<nom>Loup Garrou</nom> | |||
<level>0</level> | |||
<hp>10</hp> | |||
<xp>0</xp> | |||
<money>0</money> | |||
<ecos> | |||
<verte>0</verte> | |||
<bleue>0</bleue> | |||
<jaune>0</jaune> | |||
<rouge>0</rouge> | |||
<blanche>0</blanche> | |||
<noire>0</noire> | |||
</ecos> | |||
<trans>default</trans> | |||
<notes>...</notes> | |||
<gift>0</gift> | |||
</entry> | |||
</response> |
@@ -120,4 +120,4 @@ if (isset($_GET['gift_moins']) && $xml->entry->gift>0) { | |||
$xml->asXml('../medias/'.$hash.'/'.$nom_modif.'.xml'); | |||
header("location: index.php"); | |||
?> | |||
?> |
@@ -0,0 +1,24 @@ | |||
<?php include "../header.php"; | |||
$nom_modif=""; | |||
if (isset($_GET['entry'])) { | |||
$nom_modif = $_GET['entry']; | |||
} else { | |||
header("location: ./index.php"); | |||
end; | |||
} | |||
$xml = simplexml_load_file('../medias/'.$hash.'/enemy/'.$nom_modif.'.xml'); | |||
if (isset($_GET['hp_plus']) && $xml->entry->hp<20) { | |||
$xml->entry->hp++; | |||
} | |||
if (isset($_GET['hp_moins']) && $xml->entry->hp>0) { | |||
$xml->entry->hp--; | |||
} | |||
$xml->asXml('../medias/'.$hash.'/enemy/'.$nom_modif.'.xml'); | |||
header("location: index.php"); | |||
?> |
@@ -0,0 +1,41 @@ | |||
<?php | |||
$xml = simplexml_load_file('../medias/'.$hash.'/enemy/'.$fichier); | |||
if (!isset($itemnb)) { | |||
$itemnb=0; | |||
} else { | |||
$itemnb++; | |||
} | |||
foreach($xml->entry as $entry) { | |||
?> | |||
<!-- enemy --> | |||
<div class="col-lg-4"> | |||
<div class="panel panel-default"> | |||
<div class="panel-heading"> | |||
<div class="row"> | |||
<div class="enemy_name"> | |||
<?php echo $entry->nom; ?> | |||
</div> | |||
</div> | |||
<div class="row"> | |||
<div class="col-lg-6"> | |||
<br /> | |||
<p style="font-size:40px;"><i class="ionicons ion-heart" style="color:red;";></i> <i class="ionicons ion-heart" style="color:red;";></i> <i class="ionicons ion-heart-broken" style="color:grey;";></i></p> | |||
<?php echo $entry->hp; ?> | |||
</div> | |||
<div class="col-lg-2"> | |||
<?php button_modif_hp_enemy("hp_moins", $entry->nom, "-"); ?><?php button_modif_hp_enemy("hp_plus", $entry->nom, "+"); ?> | |||
<br /><br /> | |||
<button type="submit" class="btn btn-danger btn-sm"><i class="glyphicon glyphicon-remove-sign"></i></button> | |||
</div> | |||
<div class="col-lg-4"> | |||
<a href="http://wiki.ecomonde.land/doku.php?id=wiki:ennemies:loups_garrous" target="_blank" /><img class="img-responsive" src="http://wiki.ecomonde.land/lib/exe/fetch.php?w=600&tok=44210c&media=wiki:loup_garrou.jpg" alt="enemy" /> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- /enemy --> | |||
<?php } ?> |
@@ -15,9 +15,11 @@ | |||
</head> | |||
<body> | |||
<!-- top --> | |||
<div class="container-fluid"> | |||
<div class="col-lg-4"> | |||
<a href="index.php"><img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a> | |||
<br /> | |||
<div class="container-fluid"> | |||
<div class="col-lg-2"> | |||
<button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="ionicons ion-map"></i></button> | |||
@@ -38,11 +40,21 @@ | |||
<a onclick="window.open('music.php?sample=dark.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#8128B5;"></i></button></a> | |||
</div> | |||
</div> | |||
<br /> | |||
<div class="container-fluid"> | |||
<div class="col-lg-5"> | |||
<button class="btn btn-warning btn-sm"><i class="ionicons ion-plus"></i> Ajouter ennemi</button></a> | |||
</div> | |||
<div class="col-lg-2"></div> | |||
<div class="col-lg-5"> | |||
<button class="btn btn-danger btn-sm"><i class="ionicons ion-plus"></i> Ajouter BOSS</button></a> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="col-lg-4"> | |||
<div class="well sponsor"> | |||
<h2>Ecos</h2> | |||
<h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i> 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = 2 <i class="ionicons ion-heart" style="color:red;"></i></h4> | |||
<h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i> 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = (2+LVL) <i class="ionicons ion-heart" style="color:red;"></i></h4> | |||
<h4><i class="ionicons ion-fireball" style="color:#28b62c;"></i> + <i class="ionicons ion-fireball" style="color:#158cba;"></i> + <i class="ionicons ion-fireball" style="color:#ffd000;"></i> + <i class="ionicons ion-fireball" style="color:#ff4136;"></i> = <i class="ionicons ion-fireball" style="color:#ADDFFF;"></i> ou <i class="ionicons ion-fireball" style="color:#8128B5;"></i></h4> | |||
</div> | |||
</div> | |||
@@ -63,6 +75,41 @@ | |||
</div> | |||
</div> | |||
</div> | |||
<!-- /top --> | |||
<!-- enemy --> | |||
<div class="container-fluid"> | |||
<?php | |||
// nombre enemy | |||
$f = 0; | |||
foreach(glob('*.xml') as $f) {$f+=1;} | |||
$nb_membres = count(glob('../medias/'.$hash.'/enemy/*.xml')); | |||
?> | |||
<?php | |||
function button_modif_hp_enemy($nom_parametre, $nom_enemy, $texte_bouton) | |||
{ | |||
echo '<form action="action_enemy.php?'.$nom_parametre.'&entry='.$nom_enemy.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>'; | |||
} | |||
// liste enemy | |||
$folder = "../medias/".$hash."/enemy/"; | |||
$dossier = opendir($folder); | |||
while ($fichier = readdir($dossier)) | |||
{ | |||
if ($fichier != "." && $fichier != "..") | |||
{ | |||
$gamers = explode(".xml", $fichier); | |||
include ("enemy.php"); | |||
} | |||
} | |||
closedir($dossier); | |||
?> | |||
</div> | |||
<!-- /enemy --> | |||
<hr /> | |||
<!-- gamers --> | |||
<div class="container-fluid"> | |||
<?php | |||
// nombre de gamers | |||
@@ -106,7 +153,7 @@ | |||
$dossier = opendir($folder); | |||
while ($fichier = readdir($dossier)) | |||
{ | |||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3") | |||
if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3" && $fichier != "enemy") | |||
{ | |||
$gamers = explode(".xml", $fichier); | |||
include ("gamers.php"); | |||
@@ -115,6 +162,7 @@ | |||
closedir($dossier); | |||
?> | |||
</div> | |||
<!-- /gamers --> | |||
<!-- infos --> | |||
<div class="modal fade" id="infos" tabindex="-1" role="dialog" aria-labelledby="infos" aria-hidden="true"> | |||
@@ -156,6 +204,8 @@ | |||
</div> | |||
</div> | |||
</div> | |||
<!-- /infos --> | |||
<script src="../js/jquery-1.10.2.min.js"></script> | |||
<script src="../js/bootstrap.min.js"></script> | |||
<script src="../js/bootswatch.js"></script> | |||