Jump to content
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

[repartage] page maintenance


SunDay

Recommended Posts

Bonjour,

 

 

Aujourd'hui je vous partage une petite page de maintenance, que j'ai retrouvé sur un forum et je vous donne quelques explications.

 

Voici déjà le rendue :

To access this image, please log in.

 

 

Maintenant, l'installation :

 

Vous allez simplement déplacer l'archive disponible en fin de post dans votre fichier web (www, htdocs, votre ftp...)

Vous changer le nom de maintenance.php.php par le nom nécessaire pour avoir le même que l'ancienne ex : maintenance.php

 

 

Vous aurez ensuite la page disponible, mais comment la modifier ? Tout ce passe dans le maintenance.php

 

modifié le % :

 

<span class="progress-bar"><span class="progress-in" style="width: 59%"></span></span>
            <div class="clear" style="margin-top: 5px;"></div>
            <div class="text">59%</div>

 

[ VOUS MODIFIEZ LE 59% PAR VOTRE % D'AVANCEMENT DU RETRO]

 

 

Pour changer les images, c'est dans :

 

assets\images

 

 

Vous pouvez aussi changer la couleur du texte, ce que j'ai fais par exemple pour le footer car il était rouge et très moche à vrai dire... (à mon gout).

Utilisez dans la balise concerné :

style="color:#FFF"

 

Pour mettre en blanc, pour les codes de couleur, c'est

To access this link, please log in.

Pour changer l'arrière plan de toute la balise mettez :

 

style="background:#FFF"

 

Je vous laisse avec ça, j'espère que ça pourra vous aidez, je compte pas faire un tutoriel en html tout de suite....^^'

 

 

Téléchargement :

To access this link, please log in.

Virus scan : 

To access this link, please log in.

 

 

 

1488116396.gif

Link to post
Share on other sites

Salut,

J'ai un peu modifié le Maintenance.php pour qu'il soit plus simple à configurer si des personnes souhaitent l'utiliser.
 

<?php 
	$progress = 90;
	$msg1 = "Funky-emu est actuellement en maintenance, nous sommes en train de faire des changements ou de réparer des problèmes qui sont liés à Habbo !";
	$msg2 = "Tu peux suivre l'avancement de la maintenance sur notre page Facebook ou bien sur notre compte Twitter.<br/>Ou bien ici même grâce à notre barre de maintenance ci-dessous !";
?>
<html>
<head>
    <title>FE - Maintenance</title>
    <meta charset="utf-8" />
    <link href='assets/css/style.css' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="https://images-eussl.habbo.com/habboweb/63_1d5d8853040f30be0cc82355679bba7c/3270/web-gallery/v2/favicon.ico" type="image/vnd.microsoft.icon">
</head>
<body>
    <div id="global">
        <div id="logo">
            <img src="assets/images/logo.gif" />
        </div>
        <div id="facebook">
            <a href="#"><img src="assets/images/Facebook.png" style="width: 30px; height: 30px;" /></a>
        </div>
        <div id="twitter">
            <a href="#"><img src="assets/images/Twitter.jpg" style="width: 30px; height: 30px;" /></a>
        </div>
        <div class="clear"></div>
        <div id="container">
            <img src="assets/images/sifflet.png" align="left" style="margin-right: 5px;" />
            <div class="text"><?php echo $msg1 ?></div>
            <div class="clear" style="margin-top: 25px;"></div>
            <img src="assets/images/avatar.png" align="left" style="margin-right: 5px;" />
            <div class="text"><?php echo $msg2 ?></div>
            <div class="clear"></div>
        </div>
        <div id="fleche">Plus d'infos</div>
        <div id="containeravancement">
            <div class="text">Avancement de la maintenance :</div>
            <div class="clear" style="margin-top: 5px;"></div>
            <span class="progress-bar"><span class="progress-in" style=<?php echo '"width: '.$progress.'%"'?>></span></span>
            <div class="clear" style="margin-top: 5px;"></div>
            <div class="text"><?php echo $progress."%" ?></div>
        </div>
        <div class="clear"></div>
        <footer>
            © 2014, 2015 - WebDesign by Corentin et intégré par OvB
            <br />
        </footer>
    </div>
</body>
</html>

 

- Rick

Link to post
Share on other sites

  • Responsable modération
    Salut SunDay ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

~ MatYouFR ~

 

+ French Player +

+ Player of Valorant, Battlefield 4 & 5, GTA 5, ETS 2, Rocket League +

+ Streamer on Twitch +

 

signature.png

Link to post
Share on other sites

Le 15/08/2020 à 14:44, Rick a dit :

Salut,

J'ai un peu modifié le Maintenance.php pour qu'il soit plus simple à configurer si des personnes souhaitent l'utiliser.
 


<?php 
	$progress = 90;
	$msg1 = "Funky-emu est actuellement en maintenance, nous sommes en train de faire des changements ou de réparer des problèmes qui sont liés à Habbo !";
	$msg2 = "Tu peux suivre l'avancement de la maintenance sur notre page Facebook ou bien sur notre compte Twitter.<br/>Ou bien ici même grâce à notre barre de maintenance ci-dessous !";
?>
<html>
<head>
    <title>FE - Maintenance</title>
    <meta charset="utf-8" />
    <link href='assets/css/style.css' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="https://images-eussl.habbo.com/habboweb/63_1d5d8853040f30be0cc82355679bba7c/3270/web-gallery/v2/favicon.ico" type="image/vnd.microsoft.icon">
</head>
<body>
    <div id="global">
        <div id="logo">
            <img src="assets/images/logo.gif" />
        </div>
        <div id="facebook">
            <a href="#"><img src="assets/images/Facebook.png" style="width: 30px; height: 30px;" /></a>
        </div>
        <div id="twitter">
            <a href="#"><img src="assets/images/Twitter.jpg" style="width: 30px; height: 30px;" /></a>
        </div>
        <div class="clear"></div>
        <div id="container">
            <img src="assets/images/sifflet.png" align="left" style="margin-right: 5px;" />
            <div class="text"><?php echo $msg1 ?></div>
            <div class="clear" style="margin-top: 25px;"></div>
            <img src="assets/images/avatar.png" align="left" style="margin-right: 5px;" />
            <div class="text"><?php echo $msg2 ?></div>
            <div class="clear"></div>
        </div>
        <div id="fleche">Plus d'infos</div>
        <div id="containeravancement">
            <div class="text">Avancement de la maintenance :</div>
            <div class="clear" style="margin-top: 5px;"></div>
            <span class="progress-bar"><span class="progress-in" style=<?php echo '"width: '.$progress.'%"'?>></span></span>
            <div class="clear" style="margin-top: 5px;"></div>
            <div class="text"><?php echo $progress."%" ?></div>
        </div>
        <div class="clear"></div>
        <footer>
            © 2014, 2015 - WebDesign by Corentin et intégré par OvB
            <br />
        </footer>
    </div>
</body>
</html>

 

- Rick

merci

1488116396.gif

Link to post
Share on other sites

  • 2 years later...
  • 2 weeks later...
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...