Styliser un bloc de connexion horizontal dans le pied de page

Date du document en anglais : 4 Avril 2009 - 10h49 - http://drupal.org/node/259609



Styliser le bloc de connexion utilisateur pour qu'il apparaisse sur une seule ligne est assez simple. Vous pouvez ainsi le placer dans votre pied de page, comme sur les sites pour lesquels les utilisateurs n'ont pas besoin de (ou ne peuvent pas) se connecter.

Voici les règles pour votre feuille de style :

/**
* bloc de connexion utilisateur dans le peid de page
*/

#block-user-0 {
  margin: 2em 0 1em;
}
#block-user-0 *
{
  display: inline;
  color: white; /* ici, indiquez la couleur du texte dans votre thème */
}
#edit-user-login-block {
  display:none; /* recacher les éléments cachés du formulaire */
}
#block-user-0 h2 {
  font-size: 92%; /* correspond à .content font size... modifiez-le avec les valeurs de votre thème */
}
#block-user-0 .form-item {
  margin-left: 1em;
}

Commentaires

Voici les règles pour votre feuille de style

Je cherche à simplifier l'interface de page d'accueil afin de gagner de la place et cet article m'intéresse mais , encore débutant, ce qu'il me manque c'est concrétement où je place ce code quand on utilise Garland ?
Faut-il recréer une page d'accueil complète front.tpl
La question est peut-être saugrenue, dans ce cas quel article puis-je lire afin de comprendre définitivement ?
Merci en tous cas.
puis-je faire la même chose pour le module de recherche ?
pour info:
Les contributions sont excellentes et en Français , ce qui m'a déjà fait faire pas mal de progrès notamment dans CCK et Views2

Poster un nouveau commentaire

Le contenu de ce champ sera maintenu privé et ne sera pas affiché publiquement.
  • Les adresses de pages web et de messagerie électronique sont transformées en liens automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <css>, <php>, <html>, <ccss>, <ccss>, <drupal5>, <drupal6>, <html>, <javascript>, <php>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • You may use [view:viewname] tags to display listings of nodes.

Plus d'informations sur les options de formatage

CAPTCHA
Cette question permet d'éviter le spam :
1 + 16 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.