ac-versailles.assistance-technique.web.blogs
Retour au forum : ac-versailles.assistance-technique.web.blogs
Publier un nouveau message| Sujet | Auteur | Date | |
|---|---|---|---|
| Centrage des widgets | Hamel Said | 2012/17/05 08:36 | |
| Re: Centrage des widgets | Said Hamel | 2012/05/17 08:42 | |
| Re: Centrage des widgets | Johan Pustoch | 2012/05/18 12:27 |
Re: Centrage des widgets |
Johan Pustoch, le 2012/05/18 12:27 |
|
|
|
|
Le 17/05/2012 08:36, Hamel Said a écrit :
C'est dommage par rapport à vos choix graphique.
Astuce : avec firefox (version récente à partir de la 10 ou 11 je
crois), clic droit sur un élément, inspecter cet élément. Vous pouvez
alors voir les règles css et les propriétés de tous les éléments.
Dans votre fichier custom.css, vous modifier les règles et en ajouter
d'autres.
Ex : ligne 70,
#blognav, #blogextra { margin: 0; padding: 0 0px; display: inline;
border-radius: 10px;text-align:left;margin-top:5%;margin-bottom:5%;}
à modifier en :
#blognav, #blogextra { margin: 0; padding: 0 0px; display: inline;
border-radius: 10px;text-align:center;margin-top:5%;margin-bottom:5%;}
Puis ajouter :
#blognav ul, #blogextra ul{ text-align:left;}
div.eventdatacalendar
etc.
Enregistrer, vider éventuellement le cache du navigateur et voir le
résultat.
Ça fonctionne ?
--
Johan Pustoch
CRDP de l'académie de Versailles
> Bonjour,
>
> Voici l'adresse de notre blog d'école :
>
> http://blog.crdp-versailles.fr/ecoleanatolefranceantony92/index.php/
>
> Je trouve dommage que les widgets soit automatiquement alignés à gauche.
C'est dommage par rapport à vos choix graphique.
> Cela se
> répercute sur l'esthétique du blog. Tout est centré sauf les widgets
> agenda et
> rechercher.
>
> Peut-on y remédier, SVP. Nous sommes en Custom Thème.
Astuce : avec firefox (version récente à partir de la 10 ou 11 je
crois), clic droit sur un élément, inspecter cet élément. Vous pouvez
alors voir les règles css et les propriétés de tous les éléments.
Dans votre fichier custom.css, vous modifier les règles et en ajouter
d'autres.
Ex : ligne 70,
#blognav, #blogextra { margin: 0; padding: 0 0px; display: inline;
border-radius: 10px;text-align:left;margin-top:5%;margin-bottom:5%;}
à modifier en :
#blognav, #blogextra { margin: 0; padding: 0 0px; display: inline;
border-radius: 10px;text-align:center;margin-top:5%;margin-bottom:5%;}
Puis ajouter :
#blognav ul, #blogextra ul{ text-align:left;}
div.eventdatacalendar
etc.
Enregistrer, vider éventuellement le cache du navigateur et voir le
résultat.
Ça fonctionne ?
--
Johan Pustoch
CRDP de l'académie de Versailles
