Les Contes de

  • : Les Contes du Chat Perché (au sixième étage, sans ascenseur)
  • zoelie
  • : Journal Intime
  • : Faites une thèse, faites une thèse, qu\'ils disaient... J\'aurais mieux fait de rester faire la troglodythe avec ma chatoune sous les toits de Paris, au sixième étage sans ascenseur !
  • Recommander ce blog
  • Retour à la page d'accueil

Etre au courant

Inscription à la newsletter
 

Jeudi 23 juin 2005
Vous avez bien compris comment transformer vos modules, mais maintenant, une question vous taraude encore : Comment faire une transformation donnée sur UN SEUL module ?

C'est possible.
En effet, pour agir sur l'ensemble des modules, on utilise le mot-clé .box .
Et bien, il existe en fait un mot-clé par module:

Les deux modules de texte libre sont appelés par les mots-clé : #RightPart et #LeftPart, même si ceux-ci ne sont pas nécessairement à gauche ou à droite...

Le calendrier, on l'a vu, s'appelle #Calendrier .

Le module des catégories : #Categorie .

Le module où sont affichés les derniers commentaires : #CommentRecent .

Le module où sont affichés les derniers articles : #ArticleRecent .

Le module où sont affichés les articles des derniers mois : #Archive .

Le module de vos liens : #Lien .

Le module de vos albums : #Album .

Le module d'images aléatoires de chacun de vos albums : #aleaIm .

Le module de recherche par mot-clé (sur Google pour l'instant, mais limité à votre blog) : #Recherche .

Le module contenant " Créer votre blog gratuit " : #Concours .

Le module de W3C : #Syndication .

Le module de Présentation : #Presentation .

Le module pour s'inscrire à la Newsletter (Tiens, d'ailleurs, si vous n'avez rien à faire, là, tout de suite, inscrivez-vous à la mienne, comme ça, j'aurais peut-être un jour la possibilité de passer en Privilège et je pourrais trouver pleeeeins d'autres TIP's) : #Newsletter.

Bref, vous avez compris l'idée ... Ils sont au départ dans le CSS sous forme de déclaration:
#LeftPart {}

Pour les modifier un par un, il suffit de procéder comme pour le .box :
Par exemple, en tapant :

#LeftPart {
font-family: "Comic Sans MS",Times New Roman, Helvetica, Arial, sans-serif;
background:transparent url(http:// gnagna.jpg) repeat-x scroll top left;
}

... vous mettez un fond et une police spéciale à un de vos modules Texte Libre (il suffit de tester pour voir lequel...) Attention: background du module, ce n'est pas tout à fait pareil que background de .box-content ...

En effet, un background appliqué au module rendra toute la place dévolue au module, y compris les contours et parfois même au-delà, si vos bordures de module possèdent un attribut margin...
Pour appliquer une image de fond uniquement dans la boîte intérieure du module, celle qui est appelée .box-content dans le cas général, il faut créer une sous-classe de l'identifiant #Nom_du_module, qui référera au .box-content du module :

#Calendrier .box-content{
margin: 37px 28px 37px 28px;
background-attachement:fixed;
background-image:
url(http://idata.over-blog.com/0/05/85/46/images-manga/chobit.jpg)
}

... donne le résultat que vous pouvez voir dans le calendrier à droite (enfin, jusqu'à ce que je change d'avis...)

Puis, on peut finasser en créant une autre sous-classe de, par exemple #Leftpart, qui, cette fois, va faire référence au titre du module désigné :

#LeftPart h2 {
margin:15px 0px 15px 0px;
font-size: 12px;
text-align:right;
background:transparent url(http:gnagnaTitre.jpg) no-repeat scroll top left;
}

ce qui modifie le titre du-dit module ( h2 étant ici le sélecteur "titre" qui s'applique au sélecteur #LeftPart) et vous permet d'y placer une image à côté du titre et de "caler" celui-ci en fonction de cette image, sans affecter les autres modules ...
Osannah, Osannah .

C'est Bonheur !
Non ?




par Zoélie publié dans : TIP's
 

Temps Perdu

Mai 2008
L M M J V S D
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
<< < > >>

C'est où ???

A votre tour !

Créez votre blog gratuit

Syndication

  • Feed RSS 2.0
  • Feed ATOM 1.0
  • Feed RSS 2.0
 
 
Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus