[Postnuke] personnaliser la page de ...

05.12.2005, 12:17 Personnaliser la page de redirection

I. But

Quand vous vous connectez sur votre Postnuke, vous êtes redirigé sur votre compte via une page de redirection, cette page n'est pas trés joli, c'est pourquoi nous allons la personnaliser en mettant un cadre centré horizontalement et verticalement en CSS.

II. Explication

Nous allons modifier la fonction 'redirect_index' ainsi que le CSS du portail afin d' afficher un cadre centrée horizontalement et verticalement.

III. Pratique

III. 1. Edition de tools.php

Editez le fichier tools.php situé dans modules\User,

Remplacez le texte suivant

Code

echo "<style type=\"text/css\">";
 echo &quot;@import url(\"".WHERE_IS_PERSO."themes/$ThemeSel/style/style.css\&quot  ; ";
 echo "</style>\n";
 echo "<body bgcolor=\"$GLOBALS[bgcolor1]\" text=\"$GLOBALS[textcolor1]\">\n";
 echo "<div style=\"text-align:center\">$message</div></body></html>";
 }
}

par celui ci

Code

echo "\n";
 echo "<div id=\"redirect\"><p>$message</p></div></body></html>";

III. 2. Edition du css

Allez dans le dossier de votre théme, dans le dossier style. Ensuite éditez le fichier style.cssRajoutez le code suivant

Code

#redirect {
position:absolute;

vertical-align:middle;
left: 50%;
top: 50%;
width: 400px;
height: 80px;
text-align:center;
padding:15px;
margin-top: -75px; /* moitié de la hauteur */
margin-left: -200px; /* moitié de la largeur */
 border: solid 1px #98AAB1;
 background-color:#FFFFFF;
}
#redirect p{font: 8pt/10pt verdana;
}

IV. Liens utiles

Alsacreation :Css centrage horizontal et vertical

License GPL
License M1 mumuri forum.ashots.org

mumuri: Messages : 13 307

Discussions similaires
Astuce Postnuke pour la gestion des templates
template postnuke : openstar
pager sur postnuke
Création de théme avec Postnuke 0.8, une révolution
[postnuke] cms en francais