Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

PHOTO ET TEXTE DU BANDEAU HAUT PAGE ACCUEIL

0 appréciations
Hors-ligne
Bonsoir à toutes et tous,

Je souhaiterai savoir comment procéder pour pouvoir dans mon bandeau du haut de la page d'accueil où j'ai mis un titre, je peux 1) insérer une photo et 2) modifier l'écriture et la couleur du titre.

Merci d'avance

nat
Nat

0 appréciations
Hors-ligne
Bonsoir,

1) Pour insérer une photo, tu héberges ton image, tu prends l'URL, et tu la colles dans VOTRE BLOG > Titre/Logo du blog.


2) Pour modifier le titre, tout ce fait également dans VOTRE BLOG > Titre/Logo du blog. En ce qui concerne la couleur, je ne pense pas que ça soit faisable. Mais si tu insères une photo à cet endroit, le titre ne se verra plus.


@++

Derni?re modification le 28-02-2008 ? 23:36:50

0 appréciations
Hors-ligne
Merci T-PainFan, cependant j'aurais aimé mettre une photo + un titre par dessus est-ce possible ?

Merci d'avance
Nat
Istina

Bonsoir Fab,
Pour avoir une photo et le titre également, il faut ajouter la photo en passant directement par le CSS, et ensuite mettre un titre dans VOTRE BLOG > Titre/Logo du blog (ou une autre photo plus petite).

C'est ainsi que j'ai pu mettre deux photos différentes (un fond et un gif animé) sur un des blogs dont je m'occupe :
[lien]

Belle nuit
:note:


0 appréciations
Hors-ligne
Merci istina mais je ne sais pas où dans le css je dois mettre la photo, pourrais-tu me l'indiquer

Bonne journée
Nat
Istina

Bonjour Fab,
Dans le css, tu dois mettre l'url de ton image dans le head, si tu as le diz perso, l'emplacement est prévu je crois.

Belle soirée,

:note:

0 appréciations
Hors-ligne
Salt Isitina

Sois je suis très nulle, soit je ne comprends rien.

Pour mettre un photo de fond dans mon bandeau haut de page d'accueil, je suis allée comme tu me précisais dans le CCS head et à background : url (imI/head.jpg) no repeat, j'ai inséré l'url de la photo que je voulais mettre ce qui donne
background : background: https://www.blog4ever.com/blogfichiers/153477/photos/420302421534773542.jpeg no-repeat;
Ca ne fonctionne pas

que faire ? merci d'avance
Nat
Istina

Bonjour Fab,
Dans ton css, il faut ajouter, sans espace entre url et( , ceci :



background-image : url (https://www.blog4ever.com/blogfichiers/153477/photos/420302421534773542.jpeg) no-repeat;

Ensuite, tu vas dans "votre blog", et dans "titre/logo du blog", dans la fenêtre tu mets l'url de l'autre image que tu désires.

Bel après-midi

:note:


Derni?re modification le 09-03-2008 ? 15:10:18

0 appréciations
Hors-ligne
Bonjour Istina,

j'ai beau essayé ce que tu m'as indiqué de faire mai cela ne fonctionne pas. Voici la formule rentrée dans mon CSS head mais rien ne se modifie concernant le bandeau haut de ma page d'accueil :

#head {
background:urlbackground-image : url (https://www.blog4ever.com/blogfichiers/153477/photos/451212451534773745.jpeg) no-repeat;(
height: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


Peux tu STP m'expliquer qu'est-ce qui ne convient pas. Merci beaucoup

Bon après-midi
Nat
Istina

Bonjour Fab,

#head {
background:urlbackground-image : url (https://www.blog4ever.com/blogfichiers/153477/photos/451212451534773745.jpeg) no-repeat;(


C'est normal que ça ne marche pas, il y des erreurs, voici comment tu dois insérer l'url de l'image :

:flech: #head {
background-image : url(https://www.blog4ever.com/blogfichiers/153477/photos/451212451534773745.jpeg) no-repeat;


Et tu laisses la suite qui est normalement dans le css.

Ensuite tu vas dans titre/logo, et tu mets soit un titre, soit une image comme je t'ai indiqué.

Bel après-midi

:note:

0 appréciations
Hors-ligne
:snif:
Désolée Istina mais j'ai fait un copié/collé de ta formule et ça ne fonctionne toujours pas. Tant pis, je ne sais plus comment faire.

Merci

Fab
Nat
Istina

Fab,
Voilà encore l'exemple de head, complet, et qui marche :
#head {
background: #191970 url(http://ton-image.jpg);
width : 942px;
height: 117px;
padding: -1px 0 0 0;
margin: 0 3px 0 -1px;
text-align : center;
}


Ne prends pas les chiffres, qui ne sont là que pour exemple complet et pourraient déformer ton blog;
Puis, fais attention, en copiant/collant, il peut s'ajouter des espaces imprévus qui rompent un code.
Ensuite, ton image est énorme pour un head, et plus haute que large...ce n'est pas un bandeau ça mais il ne s'agit peut-être pas de celle que tu veux mettre réellement.

Belle soirée

:note:

0 appréciations
Hors-ligne
:ppov:

Bonjour Istina,

Je n'ai pas eu beaucoup de temps pour m'occuper des conseils que tu m'as précédemment cités, ça y est je viens d'insérer la formule avec une photo, en effet ça fonctionne. Merci Bcp

Cependant, je trouve ma photo longue par rapport à la page d'accueil du blog, elle dépasse et je souhaiterai en réduire le titre. Est-ce possible ?
Voici ce que j'ai rentré dans mon CSS
#head {
background: #191970 url(https://www.blog4ever.com/blogfichiers/153477/boximages/153477080210054837.jpeg);
width : 942px;
height: 117px;
padding: -1px 0 0 0;
margin: 0 3px 0 -1px;
text-align : center;
}

A bientôt Fab
Nat
Istina

Bonjour Fab,
Tu as copié les chiffres du code d'exemple contrairement à ce que je te disais.
Ce n'est pas grave en soi, mais à toi de dimensionner ton head ou ta photo selon le résultat que tu veux obtenir.
Pour la photo, là, il faut que tu la redimensionnes et tu changes la taille du haut actuel.

Soit tu choisis une photo longue à laquelle tu donneras une taille en px qui collera à ton head (longueur et largeur), soit tu adaptes les dimensions de ton head à ta photo. Dans ce cas, pas besoin de répéter l'image.
Tu peux également choisir une image petite qui se répétera horizontalement et verticalement en remplissant le head.

Bon dimanche de Pâques

:note:

ps, si ça peut t'aider, en mettant 942 px de largeur à ton haut, c'est normal que l'image déborde puisque ton conteneur ne fait pas cette largeur. Diminue déjà cette largeur progressivement jusqu'à ce que l'image ne sorte plus à droite.

Dernière modification le 23-03-2008 à 18:04:41

Derni?re modification le 23-03-2008 ? 18:06:01

0 appréciations
Hors-ligne
Bonjour Istina

Encore une fois, merci beaucoup pour tes explications qui à chaque fois sont assez claires et précises malgré la difficultés des questions posées et pas toujours faciles à comprendre.

J'ai fait la modif ça fonctionne !!

:p3 Bon lundi de Pâques

Nat

0 appréciations
Hors-ligne
:snif:
Pardon Istina,

Dernière petite précision, comment changer la police du titre de mon blog ?

Merci

Bonne soirée

Fab
Nat
Istina

Bonjour Fab,
Dans le head, il faut ajouter

text-align : center;
font: 18pt Comic Sans MS;
color: #000000;


Ceci est seulement un exemple, tu peux choisir : --left ou right ou center
-arial ou times new roman ou ce que tu veux comme police à la place de Comic sans MS
-la taille (pt) 20, ou 25; tu vois le résultat et tu modifies jusqu'à trouver ce qui te plaît.
-et pour la couleur : tu as le choix ici :flech:
[lien]

Bonne nuit

:note:

0 appréciations
Hors-ligne

Bonjour Istina,

Merci beaucoup pour ces précisions

Je fais le max pour ne plus t'embêter.

Bonne journée
Nat

0 appréciations
Hors-ligne
Pardon istina me revoilou,

J'ai suivi ta méthode voici le texte
#head {
background: #191970 url(https://www.blog4ever.com/blogfichiers/153477/boximages/153477080210054837.jpeg);
width : 770px;
height: 117px;
padding: -1px 0 0 0;
margin: 0 3px 0 -1px;
text-align : center;
font: 12pt Comic sans MS;
Color: #000066;

Seulement mon texte est caché par les encadrées de :articles, photos, etc

Que faire

Encore Merci et pardon
Nat
Istina

Bonjour Fab,
Diminue la taille de la police, si elle est grande, le texte étant long il s'affichera sur deux lignes, c'est pour ça qu'une partie se retrouve sous le menu haut, qui est trop haut par ailleurs.

Belle soirée

:note:

0 appréciations
Hors-ligne
:snif: Bjr Istina,

Hé oui je pensais en avoir fini avec mes problèmes cependant j'ai diminué la police (6 pt) mais rien n'y fait, je te redonne la formule sur mon css
#head {
background: #191970 url(https://www.blog4ever.com/blogfichiers/153477/boximages/153477080210054837.jpeg);
width : 770px;
height: 117px;
padding: -1px 0 0 0;
margin: 0 3px 0 -1px;
text-align : left;
font: 6pt Comic sans MS;
Color: #000066;
}
Comment faire pour rabaisser les encadrés de article, photo.... s'il n'y pas d'autres solutions.

Excellente journée à toi
Nat
Istina

Bonjour Fab,
Je vois actuellement ton titre sur une ligne et le menu haut ne le cache plus.

Si ça te gêne d'avoir le menu haut sur l'image, bien qu'il ne cache plus ton titre, tu peux diminuer la hauteur du head légèrement dans un premier temps, et tu vois si ça te plaît.

C'est ce qui sera le plus simple je pense.

Donc :
Au lieu de height: 117px;
tu peux mettre height: 110px;
et tu changes, tu ajustes cette taille pour que le menu haut soit dans, ou en partie, ou sous l'image, à ta convenance. Cela va réduire la hauteur de ton image.

En fait, ton image est passée sous le menu car tu as copié/collé le code que je t'avais donné en exemple, contrairement à ce que je disais au lieu de garder les dimensions que tu avais :
Ne prends pas les chiffres, qui ne sont là que pour exemple complet et pourraient déformer ton blog;


Quand tu diminues une taille, fais-le toujours progressivement, et n'oublie pas de copier le css avant dans un bloc-note sur son ordi.

Belle journée

:note:

0 appréciations
Hors-ligne
Merci Istina

Mais je souhaite que la photo ne soit pas trop petite, existe-t-il un moyen pour faire baisser les encadrés articles, photos...

Merci
Nat
Istina

J'ai vu que ton haut n'est plus couvert par le menu
Tout est bien, et tu as de magnifiques photos dans ton blog.

Doux après-midi

:note:

0 appréciations
Hors-ligne
Merci beaucoup

à bientôt
Nat
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Proposez vos astuces.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6061 autres membres