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 !
Sign in to follow this  
SunDay

 addons [repartage] page maintenance

Recommended Posts

VIP

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 :

142702Capture.PNG

 

 

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

Please login or register to see this link.

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 :

Please login or register to see this link.

Virus scan : 

Please login or register to see this link.

 

 

 

Share this post


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

Share this post


Link to post
Share on other sites
Modérateur
    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.

Share this post


Link to post
Share on other sites
VIP
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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...