Gandi.net Groups

Blog Généralités: Personnalisation des thèmes

Vous devez être connecté pour poster de nouveaux messages. Créer un compte.

Bonjour, je crée un nouveau sujet, les problèmes d'accès étant
réglés. Merci pour l'aide que j'ai reçue.

Maintenant, beaucoup seront d'accord avec moi sur le fait que c'est
quand même assez compliqué de personnaliser les gandiblogs, et j'ai
des questions.

Concrètement, que dois-je faire pour enlever le titre, ou alors le
décaler... (voir image)
http://img139.imageshack.us/my.php?image=b...
Le 19 mar 2007 à 04:03 CET, Fiu a écrit :
Bonjour, je crée un nouveau sujet, les problèmes d'accès étant
réglés. Merci pour l'aide que j'ai reçue.

Maintenant, beaucoup seront d'accord avec moi sur le fait que c'est
quand même assez compliqué de personnaliser les gandiblogs, et j'ai
des questions.

Concrètement, que dois-je faire pour enlever le titre, ou alors le
décaler... (voir image)
http://img139.imageshack.us/my.php?image=b...
Je crois qu'il a déjà été répondu quelques chose comme ça par
Jonathan:

Dans le CSS aprés:

#top h1{

	margin: 0;
	line-height: 100px;
	padding-left: 30px;
         font-size: 0%;
}

Ajoute:

#top h1 span{
         display: none;
}

En bricolant tu devrais y arriver.

A ce propos, merci à tous ceux qui répondent aux questions, ça nous
aide vraiment et merci à tous ceux qui les posent ça nous fait aussi
avancer. Justement, en ayant modifié un thème (negative), comment
arriver à bien positionner dans la custom-style css le widget moteur
de recherche (il se place sur la bannière au lieu d'aller en dessous)
et comment supprimer les liens "aller au menu", "aller au contenu" et
"aller à la recherche" ?
Merci.

Ronald

http://unpeuplus.info
"comment supprimer les liens "aller au menu", "aller au contenu" et
"aller à la recherche" "

ça m'intéresse aussi! Ou au moins les déplacer, parce que là ils
m'emm... un peu! :-)
Merci d'avance...

W. Nepigo

http://blog.nepigo.net
Le 20 mar 2007 à 23:54 CET, W. Nepigo a écrit :
"comment supprimer les liens "aller au menu", "aller au contenu" et
"aller à la recherche" "

ça m'intéresse aussi! Ou au moins les déplacer, parce que là ils
m'emm... un peu! :-)
Merci d'avance...

W. Nepigo

http://blog.nepigo.net
Personnellement je me suis contentée de les rendre invisibles. En
customisant la feuille de style.
Une fois que vous avez trouvé à quel objet cela correspond en terme de
code il suffit d'écrire un truc de ce type

Ajoutez :

#votre_nom_d'objet{
visibility: hidden;
}
ou bien utiliser display : none; (mais je ne suis pas sûre)

Un conseil, si vous pouvez utiliser Firebug c'est vraiment un outil
génial pour voir comment se nomment les différents éléments qui
constituent le blog et pouvoir jongler avec la visibilité et les
caractéristiques de ces éléments.

Nezumi
Ajoutez :

#votre_nom_d'objet{
visibility: hidden;
}
ou bien utiliser display : none; (mais je ne suis pas sûre)

Un conseil, si vous pouvez utiliser Firebug c'est vraiment un outil
génial pour voir comment se nomment les différents éléments qui
constituent le blog et pouvoir jongler avec la visibilité et les
caractéristiques de ces éléments.

Nezumi
La différence entre 

* visibility: hidden;

et 

* display : none;

est que dans le premier cas, l'élément masqué occupe une place,
tandis que dans le deuxième cas il est totalement retiré de
l'affichage. Par exemple, un élément de grande taille masqué par la
première méthode décalera le reste de l'affichage de toute la place
qu'il aurait pris.

A noter : ces deux solutions sont à éviter car les utilisateurs qui en
ont besoin (les malvoyants en particulier) n'auront pas accès à ces
liens. Il est donc recommandé de les laisser, mais on peut les rendre
plus discrets (par exemple avec opacity: 0.5; malheureusement
uniquement avec les navigateurs modernes). Une autre solution consiste
à les placer hors de l'espace visible à l'écran :

#votre_nom_d'objet {
 position: absolute;
 left: -9999px;
}
La première règle ci-dessus isole l'objet du reste du contenu.
La deuxième le décale à des années-lumières à gauche de la partie
affichée du site 

Plus d'informations sur les liens d'évitement sur
http://css.alsacreations.com/Accessibilite...
Le 24 mar 2007 à 22:39 CET, Goulven a écrit :
 Ajoutez :

#votre_nom_d'objet{
visibility: hidden;
}
ou bien utiliser display : none; (mais je ne suis pas sûre)

Un conseil, si vous pouvez utiliser Firebug c'est vraiment un outil
génial pour voir comment se nomment les différents éléments qui
constituent le blog et pouvoir jongler avec la visibilité et les
caractéristiques de ces éléments.

Nezumi
La différence entre 

* visibility: hidden;

et 

* display : none;

est que dans le premier cas, l'élément masqué occupe une place,
tandis que dans le deuxième cas il est totalement retiré de
l'affichage. Par exemple, un élément de grande taille masqué par la
première méthode décalera le reste de l'affichage de toute la place
qu'il aurait pris.

A noter : ces deux solutions sont à éviter car les utilisateurs qui
en
ont besoin (les malvoyants en particulier) n'auront pas accès à ces
liens. Il est donc recommandé de les laisser, mais on peut les rendre
plus discrets (par exemple avec opacity: 0.5; malheureusement
uniquement avec les navigateurs modernes). Une autre solution consiste
à les placer hors de l'espace visible à l'écran :

#votre_nom_d'objet {
 position: absolute;
 left: -9999px;
}
La première règle ci-dessus isole l'objet du reste du contenu.
La deuxième le décale à des années-lumières à gauche de la
partie
affichée du site 

Plus d'informations sur les liens d'évitement sur


http://css.alsacreations.com/Accessibilite...
Merci! j'y suis parvenu finalement en attribuant la couleur du fond
d'écran aux caractères et en jouant avec le padding (les marges) pour
isoler le menu intégralement dans la zone de couleur voulue. Le plus
difficile à trouver était le nom de l'élément, dans ce cas (menus
"aller au contenu" etc. dans le thème zisred) le nom de l'élément
était p#prelude. 

http://blog.nepigo.net