Vous devez vous rendre dans votre (ou vos) CSS : Design > Mode CSS
Lorsque la ligne n'existe pas, vous la créez ; lorsqu'elle existe, vous la complétez.
MODIFICATION DES POLICES
Le titre
.presentation .box-titre h2 {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les liens
.presentation a {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les labels (Blog - Catégorie - Description)
.presentation label {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les listes (Les ficelles d'Anna K - Aide et astuces pour creer et personnaliser un blog)
.presentation ul li {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Les newwindow (loisirs - détente - déco - Aide - Techno - Hi Tech)
.presentation .newWindow {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Recommander (Partager)
.presentation .linkRecomm {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Contact
.presentation .linkContact {text-align : center ; color : red ; font-weight : bold ; text-decoration : underline ; font-size : 20px ; font-style : italic ; font-family : Comic Sans MS ;}Vous effacez ou modifiez ce dont vous ne voulez pas, sachant que
text-align : center centre le texte
text-align : left positionne le texte à gauche
text-align : right positionne le texte à droite
text-align : justify justifie le texte à droite
color : red modifie la couleur de la police, voir les codes couleurs
font-weight : bold transforme la police en gras
font-weight : normal transforme la police en normal
text-decoration : underline souligne le texte
text-decoration : none enlève le soulignement
font-size : 20px fixe la taille de la police
font-style : italic transforme la police en italique
font-family : Comic Sans MS sélectionne la police
MODIFICATION DES FONDS
Un fond dans le module en entier
.presentation {background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Un fond dans le titre
.presentation .box-titre h2{background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Un fond dans le contenu
.presentation .box-content{background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Un fond dans le pied de module (certains CSS en ont un)
.presentation .box-footer {background-color:red;background-image:url(adresse de la texture);background-image:url(adresse de l'image);background-repeat:no-repeat;background-position:center;}Vous effacez ce qui ne vous convient pas, sachant que
background-color : red met une couleur dans le fond, voir les codes couleursPour en savoir plus sur les background
background-image : url(adresse de la texture) met une texture qui se répète dans le fond
background-image : url(adresse de l'image);background-repeat:no-repeat; background-position:center met une image centrée qui ne se répète pas
AJOUT D'ENCADREMENTS
Pour encadrer tout le module
.presentation {border:solid 1px #D8D7D7}Pour encadrer le titre
.presentation .box-titre h2 {border:solid 1px #D8D7D7}Pour encadrer le contenu
.presentation .box-content {border:solid 1px #D8D7D7}Pour encadrer l'image
.presentation img {border:solid 1px #D8D7D7}Pour en savoir plus sur les bordures : créer vos encadrements
bonjour
RépondreSupprimerj'aimerai agrandir l'image de mon profil, comment faire?
Merci d'avance!
Bonjour Mya :)
RépondreSupprimerRajoute tout à la fin du CSS
.presentation img {width:300px;height:300px;}
Elle aura une largeur et une hauteur de 300px. Tu peux faire varier ces chiffres
merci
RépondreSupprimerça n'a pas marché malheureusement (ça n'a rien changé)
RépondreSupprimerBonjour Mya :) je ne vois pas la modification dans ton CSS
RépondreSupprimerBonjour,
RépondreSupprimerD'abord merci pour les tuto. Ca aide vraiment.
Je souhaiterais dans le module "présentation" écrire quelques pour présenter le blog dans le sous-titre description.
Comment faire?
Merci
Bonjour :) ce serait plus simple avec l'adresse du blog pour que je puisse tester. Tu es sur OverBlog ?
RépondreSupprimerJe pense qu'il faudrait créer une image avec ton texte de présentation et ensuite la mettre dans le CSS en background dans le module présentation. Il faudra mettre une marge en haut pour pousser le contenu du module vers le bas et ainsi rendre l'image visible/lisible.
Salut,
RépondreSupprimerOui sur overblog.
Dans le menu "configurer" (je suis en mode avancé), dans la partie "accueil" j'ai fait glisser le module "Présentation" à droite de ma page d'accueil.
Dans ce module je n'ai conservé que les "sous-modules": nom du blog, lien accueil, contact et description.
Comment utiliser ce petit sous-module, je veux juste y mettre quelques lignes.
Bonjour
RépondreSupprimerMerci pour toutes ces astuces
Je voudrais seulement élargir le texte (photos en l'occurence) des articles
voici mon blog
http://www.cartespostaleslatranche.fr/
merci de ton aide
anne-marie
Bonjour, j'aimerai de l'aide en effet je souhaite mettre qu'un lien vers le contact, c'est chose fait grâce a tes conseils toutefois je n'arrive pas a centrer le mot =S
RépondreSupprimermalgré le text align center etc...
Est ce que tu sais d'où cela peut venir ?