Vistamedia création de sites internet - Aix en Provence

Un module de login horizontal - le code PHP

Index de l'article
le code PHP
le code CSS
finalisation

Voici donc le code CSS qui va permettre la mise en forme du module. Ce code est bien entendu donné à titre d'exemple et il faudra l'adapter au design de votre site.

 

.moduletable-login div {
font-size:0.85em;
color:#FFFFFF; }

.moduletable-login ul {
float:right;
font-size:0.85em;
color:#FFFFFF;
margin: 0;
padding: 0;
list-style-type: none; }

.moduletable-login a {
color:#FFFFFF; }

.moduletable-login a:hover {
text-decoration:none; }

.moduletable-login li {
float: left;  /*important pour liste horizontale*/
margin:5px 0px 5px 5px; }

.moduletable-login input {
font-size:0.9em; }

.button-login {
font-size:0.9em;
border:#FFFFFF 1px solid; }

La seule condition importante est le .moduletable-login li {float:left;} afin d'afficher la liste horizontalement. Tout le reste est optionel. Notez que le fait d'avoir ajouté -login à la classe du bouton est intéressant pour pouvoir le mettre en forme indépendemment du reste du site.

Nous pouvons maintenant publier notre module.

Dernière mise à jour : ( 01-08-2006 )

• < Précédent