| le 03/07/2008 à 17h56 |
|---|
25 ans
Sage inactive
| Bonsoir ! Alors voilà mon problème : j'ai voulu créer une mosaïque d'avatars pour les favoris, mais les avatars en question débordent sur le titre du menu du dessous...  Pourquoi ? |
| le 03/07/2008 à 22h49 |
|---|
24 ans
Modérateur
| Bonsoir,
L'adresse du blog concerné? Parce-que sur celui de ton compte, je n'ai vu aucune mosaïque. |
| le 01/08/2008 à 23h28 |
|---|
24 ans
Modérateur
| Bien sûr, c'est faisable. Il suffit d'attribuer une image de background aux différents h3 (titres), et pour éviter d'avoir des soucis avec l'écriture des catégories, on les réduits en taille.
#menu h3.aboutme
#menu h3.madescription
#menu h3.rubriqueh3
#menu h3.albumsh3
#menu h3.tagsh3
#menu h3.titreplayer
#menu h3.favorish3
#menu h3.cpth3
#menu h3.pubh3
#menu h3.rssh3 |
| le 03/08/2008 à 17h00 |
|---|
24 ans
Modérateur
| Ben je ne vois pas ce qu'il reste de difficile si tu connais un peu la CSS...
#menu h3.aboutme{
background:url();
} |
| le 04/08/2008 à 20h36 |
|---|
24 ans
Modérateur
| Ben tu le mets ou tu veux, sachant que le navigateur lis du haut vers le bas ta CSS. Après pour une facilité de modifications, il est mieux de les placés de façon à ce que ce soit un ordre logique.
Tu as dans ta CSS à un moment div#menu h3 tu mets le bout de code après ça.
div#menu h3{
code du h3
}
#menu h3.aboutme{
code pour le titre
}
Comme dit précédemment, pour éviter de voir apparaitre l'écriture du titre, il faut la réduire à 0px et appliquer la couleur qui est en fond de menu car sur IE même à 0px, l'écriture peut apparaitre. On mets également le code pour l'image et on oblige à ce que l'image ne se répète pas, sinon ça peut faire très moche. Dans le menu h3 général, il peut-être utile d'indiquer la dimension (en hauteur notamment) afin que l'image puisse apparaitre dans sa totalité.
div#menu h3{
height:20px;
}
#menu h3.aboutme{
background:url(adresse de l'image) no-repeat;
font-size:0px !important;
color:#000000;
}
Reproduire pour chacun des titres en adaptant l'adresse de l'image. |
| le 26/09/2010 à 23h38 |
|---|
20 ans
Sage inactive
| Bonsoir,
Je relance ce sujet en posant une petite question.
J'ai un soucis avec les tags. Sur le menu droit, ils apparaissent étroitement collés. Je voudrai les séparer un peu, avec un virgule ou un effet spécial (j'ai vu sur un blog où certains apparaissent plus grands que d'autres par exemple) mais je ne sais pas comment faire.
Un coup de main s'il vous plait.
Merci d'avance  |
| le 27/09/2010 à 08h56 |
|---|
24 ans
Modérateur
| Bonjour,
Les tags peuvent-être modifiés via cette partie du code:
ul.taglist li {
display:inline !important;
font-size:14px;
}
Il peut-être nécessaire, comme pour le display d'ajouter le "!important" afin que la modification soit bien prise en compte, sinon il s'agira d'autres paramètres défini auparavant dans le code. |
| le 27/09/2010 à 12h15 |
|---|
20 ans
Sage inactive
| Bonjour,
Merci beaucoup pour ta réponse. J'ai essayé avec le font-size. Au fait ce que je veux, c'est un peu comme pour le thème prédéfini de la tour Eiffel. J'ai vu sur un blog que certains étaient plus grands que d'autres, plus espacé également.
Merci encore |
| le 27/09/2010 à 14h04 |
|---|
24 ans
Modérateur
| Hum, si tu as l'exemple concret sur un Bloxode concernant l'alternance "grand/petit"...
Sinon tu peux utiliser: text-transform:capitalize (Majuscule automatique au début de chaque tag)
display:list-item Permet un affichage des tags en forme de liste à puce. Il existe également une balise de type "list-style"
Concernant l'espacement des mots, j'ai pas de balise en tête, mais peut-être qu'en utilisant tout simplement une marge...
(Message édité le 27-09-2010 à 14h04 par aghanim1987) |
| le 27/09/2010 à 14h25 |
|---|
20 ans
Sage inactive
| Merci beaucouuup 
la balise : display:list-item me convient parfaitement. Je tenais à séparer les tags. Comme cela c'est bien clair.
Merci encore pour ton aide |
| le 27/09/2010 à 14h30 |
|---|
24 ans
Modérateur
| Avec plaisir.
N'hésite pas si tu as besoin  |
| le 27/01/2011 à 12h40 |
|---|
20 ans
Sage inactive
| Bonjour
Je voudrai svp savoir s'il y a une possibilité d'avoir les coins du menu de droite (conteneur du menu de droite et des articles) arrondis?
Si oui, comment?
Je vous remercie pour votre aide
|
| le 28/01/2011 à 14h21 |
|---|
22 ans
Modératrice
| La réponse est sur le site du zéro. C'est avec une propriété moz-radius pour les navigateurs gecko, et j'sais plus quoi pour ie. Mais fais un tour sur le site du zéro, la réponse s'y trouve. |
| le 28/01/2011 à 21h07 |
|---|
20 ans
Sage inactive
| Merci Missrayure. J'ai fait un petit tour sur le site du zero.
J'y comprend rien hahaha Nada! c'est pas grave. Je voulais faire une transition entre la bannière et le contenur du menu de droite et des articles. Mais c'est pas grave.
Merci quand même |
| le 28/01/2011 à 21h13 |
|---|
22 ans
Modératrice
| C'est ouf, c'est pourtant précisé dans le début du topic qu'avant de poser des questions de CSS, vaut mieux lire le tuto du SdZ.... Bref. J't'en veux pas particulièrement à toi personnellement, mais ça finit par être agaçant que les gens ne lisent pas le post initial... :/ |
| le 28/01/2011 à 21h25 |
|---|
20 ans
Sage inactive
| oops hahaha
Je comprends le coup de gueule :p Au fait j'ai bien lu ton poste initial (qui est génial d'ailleurs! chapeau ! ) j'ai même essayé de modifier les favoris, mais j'ai du abandonner rapidement :p
Merci quand même |
| le 28/01/2011 à 21h55 |
|---|
24 ans
Modérateur
| Je crois que le coup des bords arrondis n'est pas expliqué dans le tuto CSS/Xhtml du site du zéro. |
| le 28/01/2011 à 22h10 |
|---|
20 ans
Sage inactive
| si si, mais un peu compliqué pour une débutante comme moi :
Voir le lien |
| le 28/01/2011 à 22h47 |
|---|
24 ans
Modérateur
| Ah, désolé, je ne l'avais point vu  |
Actualité
Cinéma
Photos
Fonds d'écran
Vidéos
3B
Poèmes
Histoires
Séries TV
Musique
Sondages
Citations
Blagues
Jeux
Blogs
t'Chat
Forums
Aide
Favoris
Rss
