| Comment placer un logo différent pour un seul article ? |
Mily
Site/blog
21 messages
|
posté le 2009-09-01 à 19:37:21
Bonsoir tout le monde !
Ayant du temps à tuer, j’ai voulu modifier la présentation de mon blog et je me suis heurtée à quelques difficultés :
1. J’ai voulu placer ma bannière dans VOTRE BLOG>Titre/logo du blog, mais celle-ci apparaît décalée vers la droite et par conséquent rognée sur le coté… Que puis je faire pour qu’elle apparaisse de la même façon que lorsque j’utilise le diz perso ? (actuellement en cours sur mon blog)
2. Suite à ma lecture des astuces publiées sur le blog ‘Diz test par Papyclic’, j’ai tenté de placer des illustrations en haut (la partie réservée à la bannière ou au titre du blog) mais je n’ai pas réussi à les centrer. Ils apparaissaient à chaque fois sur le coté gauche sans que je ne trouve la commande pour qu’ils s’écartent.... Comment faire pour qu’ils soient au milieu ?
3. Pour certains de mes articles, j’ai voulu y placer une illustration et un petit texte. Chose faite mais par souci de perfectionnisme, comment puis je décaler le tout vers la droite ? Et faire varier l’écart entre l’image et le texte ?
Je suis désolée pour cette foire aux questions mais mon niveau en html est plus bas que terre.
Merci par avance
Mily
Dernière modification le 01-09-2009 à 19:38:15
|
Si ton labeur est dur, et si tes résultats sont minces, rappelle-toi qu'un jour le grand chêne a été un gland comme toi...
|
PapyClic
Site/blog
3567 messages
|
posté le 2009-09-01 à 23:29:14
 Mily
| citation : |
|---|
1. J’ai voulu placer ma bannière dans VOTRE BLOG>Titre/logo du blog, mais celle-ci apparaît décalée vers la droite et par conséquent rognée sur le coté… Que puis je faire pour qu’elle apparaisse de la même façon que lorsque j’utilise le diz perso ? (actuellement en cours sur mon blog)
|
Actuellement ta bannière n'est pas rentrée dans la gestion, elle n'est pas présente dans le code HTML
----------------------------------------------
<div id="haut">
<h1><a href="index-252679.html"></a></h1>
</div>
----------------------------------------------
Le code CSS groupé, ci-dessous, n'est pas compatible avec Diz Perso, en plus le background n'a rien à voir avec une bannière qui est une image placée dans un espace en l'occurrence la partie "haut" et en automatique cette image est centrée.
----------------------------------------------------
background:#CC3366 url(http://www.blog4ever.com/blogfichiers/252679/boximages/252679090804041039.jpg) no-repeat fixed 0 0;
----------------------------------------------------
Donc il y a certainement un mélange de code avec un modèle graphique ou tu as totalement modifié en direct la feuille de style.
Il faut reprendre à zéro pour réaliser la suite :
-1- supprimer le background en mettant en direct dans :
 #haut
background-image: url(http://)
-2- mettre l'adresse de la bannière dans l'espace de gestion
VOTRE BLOG Titre/ logo du blog
adresse de l'image
=======================================================
| citation : |
|---|
2. Suite à ma lecture des astuces publiées sur le blog ‘Diz test par Papyclic’, j’ai tenté de placer des illustrations en haut (la partie réservée à la bannière ou au titre du blog) mais je n’ai pas réussi à les centrer. Ils apparaissaient à chaque fois sur le coté gauche sans que je ne trouve la commande pour qu’ils s’écartent.... Comment faire pour qu’ils soient au milieu ? |
Après avoir fait la modification réponse question 1...
Il faut faire le choix de supprimer la bannière mise en directe et de placer une autre bannière comme fond de partie "Haut", là l'image se place en haut à gauche.
D'où le problème que tu soumets, si la bannière est plus petite que la partie "Haut".
Solution N°1: Mettre la partie "Haut" avec les dimensions de l'image et une marge extérieure auto, pour la centrer;
Solution N°2: Utiliser la propriété...
background-position: 20% 0%; (pas reconnue par Diz Perso)
le premier chiffre représente la marge gauche le deuxième la marge haute. Ces valeurs sont des exemples, il faut faire un petit calcul selon la taille de l'image.
Dans DIZ A GOGO dans certaines variantes j'ai utilisé ce que je viens d'expliquer, à voir [lien]
D'autres solutions existent, je les utiliserai dans mes prochaines variantes de DIZ, à suivre...
| citation : |
|---|
3. Pour certains de mes articles, j’ai voulu y placer une illustration et un petit texte. Chose faite mais par souci de perfectionnisme, comment puis je décaler le tout vers la droite ? Et faire varier l’écart entre l’image et le texte ? |
Pour cette question, il faut jongler avec les marges internes (padding) ou possition:absolute et top:**px et left:**px
J'espère t'avoir un peu aiguillé, comme tu peux t'en rendre compte, je n'aurai jamais pu t'expliquer ça, dans des commentaires, le forum est plus adéquate et tout le monde en profite.
Bonne soirée  
|
|
Mily
Site/blog
21 messages
|
posté le 2009-09-02 à 10:39:39
Merci beaucoup pour toutes tes explications.
J'ai résolu le problème 1. Il suffisait en réalité que je rapetisse ma page, tout en plaçant mon image dans VOTRE BLOG>Titre/logo du blog. En effet, comme ma bannière est centrée automatiquement, mon problème à immédiatement disparu et elle s'est retrouvée bien sagement au centre de mon écran.
Je m'attaque aux suivants en espérant que ça aille aussi vite :D
A bientôt
Mily
|
Si ton labeur est dur, et si tes résultats sont minces, rappelle-toi qu'un jour le grand chêne a été un gland comme toi...
|
Nana
Site/blog
11128 messages
|
posté le 2009-09-02 à 13:50:58
Bonjour Milly
Une seule question par sujet s'il te plait, sinon çà devient le vrai foutoir !
merci de relire ceci, article 4 [lien]
|
|
Mily
Site/blog
21 messages
|
posté le 2009-09-02 à 20:06:25
Bonsoir,
A la base, il s'agissait d'une seule question : changer le 'haut' pour un ou des articles. Or j'ai rencontré plusieurs difficultés et j'ai donc trouvé plus logique de mettre tout ensemble puisque tout était lié et qu'il était ainsi plus facile d'expliquer mon problème à PapyClic.
Ne t'en fais pas la prochaine fois j'essaierais d'avoir un seul problème à la fois :D.
Merci à tous les deux de faire vivre ce forum et de répondre à toutes nos questions.
Mily
PS : Contente de voir que tu vas mieux Nana.
|
Si ton labeur est dur, et si tes résultats sont minces, rappelle-toi qu'un jour le grand chêne a été un gland comme toi...
|
