Jump to content

(Résolu) Modifier Page de Maintenance

Pa2Bol
 Share

Recommended Posts

Pa2Bol Newbie

Pa2Bol

Posted
Posted (edited)

Bonjour,

 

Tout d'abord je tiens a dire que j'ai cherché avant de poster ma demande, un peu partout, j'ai tenté de faire les modifications mais sa ne fonctionne pas.

 

Voilà je voudrais inserer une image qui fasse toute la page internet (quand le site est en maintenance)

 

J'ai ajouté l'image au fichier img dans le theme, puis j'ai modifier le fichier maintenance.tpl

Malheureusement rien n'y fait, l'image ne s'affiche pas.

 

Une idée? je suis preneur. Merci

Edited by Pa2Bol (see edit history)
Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

J'ai essayé ça :

 

<div id="maintenance">

<img src="{$img_dir}img/logoend.jpg" alt="{l s='TEXTE'}" width="490" height="500" />

</div>

 

Mais sa ne fonctionne pas, le codage actuel :

 

<div id="maintenance">

<p><img src="{$logo_url}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}"{/if} alt="logo" /><br /><br /></p>

<p id="message">

{l s='In order to perform site maintenance, our online shop has shut down temporarily.'}<br /><br />

{l s='We apologize for the inconvenience and ask that you please try again later.'}

</p>

<span style="clear:both;"> </span>

</div>

Link to comment
Share on other sites
System/D Newbie

System/D

Posted
Posted

SI tu veux vraiment que ton image prenne la taille du browser, je te conseille de le faire en CSS…

 

Avec quelque chose dans le genre:

 

html {
 background: url(images/bg.jpg) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

Je viens d'essayer, de supprimer l'ancienne image bg_maintenance.png (l'image de presta), que j'ai remplacé par bg_maintenance.jpg (mon image) (j'ai uniquement changé le nom de celle çi, et je l'ai ajouté au fichier img) mais elle ne s'affiche pas.

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Bonjour

 

html {

background: url(images/bg.jpg) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-color: #fff; << ajouter ça

}

 

Si c'est pour le fond de la page entière, sinon précisez ce que vous appelez contour, si c'est le contour de l'image même ou si vous parlez de la bordure du cadre qui contient l'image.

 

Vous pouvez aussi apprendre le css sur : http://www.alsacreations.com/tuto/liste/2-css.html

Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

Au fait merci a SystemD pour ces solutions qui m'ont fait avancer ;) !

 

Bonjour Oron ! j'ai écris éxactement ce que vous m'avez dit, mais il n'y a pas beaucoup de changement, c'est toujours blanc tout autour. Et en effet c'est le fond de la page entière que je voudrais mettre de couleur noir (uniquement pour ma page de maintenance bien entendu).

Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

Je viens d'essayer cet solution.. :( malheureusement le fond de la page est toujours blanc.

 

Dans maintenance.css (il y a une partie "maintenance" et une seconde partie "maintenance message") c'est bien a cet endroit que je dois faire ces modifications, ou bien ailleur?

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

lol je pense que ooron voulais dire:

 

background-color: #000000; << ajouter ça

 

"fff" correspond justement au blanc

 

Exact rhoo je dois vieillir :)

 

La solution !!!!

 

Dans le maintenance.css ajouter au-dessus ou en-dessous

 

Body {

background-color: #000000;

}

 

exactement comme je l'ai mis et votre page entière sera noir

normalement ça devrait pas influer sur les autres pages avec le body dns global.css

 

et vous pouvez même mettre une image

 

Body {

background-color: #000000;

background: url(images/fond.jpg) no-repeat center center fixed;

}

Link to comment
Share on other sites
RPSP Newbie

RPSP

Posted
Posted

essayez de faire des essais avec firebug ou "examiner cet élément" de firefox (clic droit) ou un équivalent si vous utilisez un autre navigateur, ce sera plus facile pour voir ce que vous faites...

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

essayez de faire des essais avec firebug ou "examiner cet élément" de firefox (clic droit) ou un équivalent si vous utilisez un autre navigateur, ce sera plus facile pour voir ce que vous faites...

 

C'est ce que j'ai fait pour être sur que ça fonctionne.

Link to comment
Share on other sites
RPSP Newbie

RPSP

Posted
Posted (edited)

Je viens d'essayer cet solution.. :( malheureusement le fond de la page est toujours blanc.

 

Dans maintenance.css (il y a une partie "maintenance" et une seconde partie "maintenance message") c'est bien a cet endroit que je dois faire ces modifications, ou bien ailleur?

 

Et pourquoi pas body {background} ? Je pense que c'est par là qu'il faut commencer et sinon donner nous l'url de la page svp, ce sera plus facile...

Edited by RPSP (see edit history)
Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

Merci Oron & RPSP pour votre aide ^^

 

J'utilise Firefox & Firebug mais je ne trouve pas comment faire, malgré mes recherches...

 

dans maintenance.css j'ai :

 

#maintenance {

margin:1 auto;

width:700px;

font:normal 10px Arial, Verdana, sans-serif;

color:#000000;

}

#maintenance #message {

margin:10 10px;

padding:1px 1240px 0 0;

height:600px;

background:url(../img/bg_maintenance.png) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-color: #000000;

 

}

 

Je vais essayer d'ajouter "body" ...

Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

En effet c'est dans Body que je dois faire cet modification. Par contre quand j'écris { background-color: #000000 } sa ne change pas la couleur mais sa m'écrit tout simplement ça { background-color: #000000 } alors je me demande si je n'aurais pas oublié de mettre un petit mot devant ou bien un symbole ?..

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

En effet c'est dans Body que je dois faire cet modification. Par contre quand j'écris { background-color: #000000 } sa ne change pas la couleur mais sa m'écrit tout simplement ça { background-color: #000000 } alors je me demande si je n'aurais pas oublié de mettre un petit mot devant ou bien un symbole ?..

 

 

Tel que j'ai indiquer dans le fichier maintenance.css de votre thème via le ftp

 

Body {

background-color: #000000;

}

 

pas des ( mais des { accolade

Link to comment
Share on other sites
Pa2Bol Newbie

Pa2Bol

Posted
  • Author
Posted

J'ai bien mis des accolades.

 

 

#body {

background-color: #000000;

}

 

#maintenance {

margin:1 auto;

width:700px;

font:normal 10px Arial, Verdana, sans-serif;

color:#000000;

}

#maintenance #message {

margin:10 10px;

padding:1px 1240px 0 0;

height:600px;

background:url(../img/bg_maintenance.png) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-color: #000000;

 

}

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

PAS de Dieze # << NON sans comme je l'ai indiquer

 

 

<head>

 

<body>

 

{ background-color: #000000 }

 

<div id="maintenance">

</body>

</html>

 

ceci ne donne rien.

 

Comme ça et pas autrement ne rien ajouter :

 

body {

background-color: #000000;

}

 

avec un petit b pour respecter la nomenclature.

 

Pour apprendre : http://www.alsacreations.com/tutoriels/

Link to comment
Share on other sites

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
 Share
Go to topic listing
×
×
  • Create New...