fab
Site/blog
130 messages
|
posté le 2008-02-28 à 17:49:29
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
|
T-PainFan
Site/blog
67 messages
|
posté le 2008-02-28 à 23:35:28
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
|
|
fab
Site/blog
130 messages
|
posté le 2008-02-28 à 23:51:35
Merci T-PainFan, cependant j'aurais aimé mettre une photo + un titre par dessus est-ce possible ?
Merci d'avance
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-02-29 à 00:01:37
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:
|
|
fab
Site/blog
130 messages
|
posté le 2008-02-29 à 16:21:58
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
Site/blog
1074 messages
|
posté le 2008-03-04 à 18:56:28
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:
|
|
fab
Site/blog
130 messages
|
posté le 2008-03-09 à 14:43:45
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: http://www.blog4ever.com/blogfichiers/153477/photos/420302421534773542.jpeg no-repeat;
Ca ne fonctionne pas
que faire ? merci d'avance
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-03-09 à 15:08:57
Bonjour Fab,
Dans ton css, il faut ajouter, sans espace entre url et( , ceci :
background-image : url (http://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
|
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-03-14 à 16:15:45
Bonjour Fab,
#head {
background:urlbackground-image : url (http://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 :
 #head {
background-image : url(http://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:
|
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-03-14 à 19:16:51
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:
|
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-03-23 à 18:01:52
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
|
|
fab
Site/blog
130 messages
|
posté le 2008-03-24 à 15:45:03
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
|
fab
Site/blog
130 messages
|
posté le 2008-03-24 à 18:48:58
Pardon Istina,
Dernière petite précision, comment changer la police du titre de mon blog ?
Merci
Bonne soirée
Fab
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-03-26 à 00:34:32
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
[lien]
Bonne nuit
:note:
|
|
fab
Site/blog
130 messages
|
posté le 2008-03-26 à 12:24:36
Bonjour Istina,
Merci beaucoup pour ces précisions
Je fais le max pour ne plus t'embêter.
Bonne journée
|
Nat
|
Nat
|
Istina
Site/blog
1074 messages
|
posté le 2008-03-26 à 19:20:02
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:
|
|
fab
Site/blog
130 messages
|
posté le 2008-03-27 à 09:45:10
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(http://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
Site/blog
1074 messages
|
posté le 2008-03-27 à 10:35:42
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:
|
|
fab
Site/blog
130 messages
|
posté le 2008-03-27 à 11:26:01
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
Site/blog
1074 messages
|
posté le 2008-03-27 à 13:57:53
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:
|
|
Nat
|
... PRIVATE
Pardon istina me revoilou,
Merci beaucoup
|
Espace de gestion
|
Annuaire des blogs