Ouvrir une demande d'aide
Derniers sujets
» Création et édition d'articles impossibles
Jeu 30 Aoû 2018, 17:34 par Passiflore

» Blog Post missing
Mar 27 Fév 2018, 14:43 par Singleton

» impossible d'ouvrir les liens
Mer 31 Jan 2018, 23:58 par /dm61

» synchroniser forum et blog
Mar 30 Jan 2018, 03:22 par /dm61

» Statistiques
Lun 01 Jan 2018, 21:08 par Kiyomizu

» Centres d'intérêts
Dim 31 Déc 2017, 12:44 par Passiflore

» Les livres, une grande histoire d'amour ♥
Dim 31 Déc 2017, 12:42 par Passiflore

» Les motivations qui vous ont poussé à créer un blog ?
Dim 31 Déc 2017, 12:36 par Passiflore

» Présentation des membres
Lun 10 Avr 2017, 15:10 par Singleton

» Bonnes fêtes de fin d'année !
Jeu 05 Jan 2017, 03:22 par Derri

Les posteurs les plus actifs du mois

Qui est en ligne ?
Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 2 Invités

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 183 le Mar 16 Juil 2013, 12:37

Personnaliser le fond de ses modules

Aller en bas

Astuce Personnaliser le fond de ses modules

Message par Singleton le Ven 25 Mai 2012, 07:16

Personnaliser le fond de ses modules


Afin de mieux personnaliser votre blog avec les techniques de CSS, vous pouvez ajouter un fond aux modules.

1. Code à insérer

Ajoutez ce code dans votre feuille de style CSS: Administration ›› MultiBlog ›› Thème personnalisé ›› Edition experte


.module {
background-image: url(ADRESSE/DE.L'IMAGE};
background-repeat: repeat-x;
background-position: bottom;
background-color: #FFFFFF
}

En vert: L'adresse de l'image que vous voulez utiliser, ici nous avons pris

En bleu: La répétition du fond ( repeat-x pour vertical, repeat-y pour horizontal et no-repeat pour que le fond ne se répète pas )

En rouge: La position du fond ( bottom pour en bas, top pour en haut, right pour à droite, left pour à gauche et center pour au milieu ) vous pouvez mettre deux position tant qu'elle ne sont pas contraires ( right et left )

En noir: La couleur de fond des modules, si vous ne souhaitez pas d'image ou que celle-ci est petite.

2. Aperçu avec le code énoncé ci dessus




Vous pouvez réaliser ce tutoriel sur d'autres endroits du blog.

Ce tutoriel a été rédigé par le Staff du Forum des Blogs,
Et en particulier par Wave.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.


Cordialement,


avatar
Singleton
Adminblog
Adminblog

Masculin
Messages : 1551

http://forum.forumactif.com/u134151

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum