Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Barres séparatrices...

0 appréciations
Hors-ligne
Bonjour à tous :sol:

J'ai remarqué que certains blogs avaient des barres personnalisées.
Pourriez-vous me donner le lien d'un article du forum ou du blog de PapyClic pour faire de même?
J'ai cherche avec les mots clés du titres mais ils n'ont rien donnés de concluant
Voici les liens de 2 blogs qui utilisent ce procédé:
:flech: [lien]
:flech: [lien]

Ça serait super gentil!

Merci d'avance pour vos réponses

0 appréciations
Hors-ligne
:b2: De m'avoir répondu
Je ne veux pas faire le même blog que toi!
Justement, c'est pour se démarquer des autres blogs qui ont tous la barre grise de B4E!
Je vais essayer de chercher

0 appréciations
Hors-ligne
Désolé, mais je n'ai pas trouvé le code. Et si j'en trouve, ça ne marche pas! :snif:
Si tu as trouvé, il serait utile de nous le faire partager et pas de garder ceci pour toi.


0 appréciations
Hors-ligne
:bd:

:fee: Oooh je ne savais pas que l'on pouvait faire ça! Même pas un petit indice pour nous Nana?

0 appréciations
Hors-ligne
J'ai retenté mais je n'y suis toujours pas arrivée :snif: :snif:
Heureusement que j'ai fais les test sur mon blog test car ça m'a tout déplacé!
S'il te plaît Nana

2 appréciations
Hors-ligne
:bd: Mathilde,

Je ne comprends pas très bien ton problème : pourquoi est-ce que tu parles de code ? Pour installer une barre de séparation, ça fonctionne à partir de l'insertion d'une image (comme tu l'as fait pour la fougère sur ton blog).

Voilà quelques exemples glanés au hasard :






Google : :flech: [lien].

Nath nous avait aussi donné le lien d'un site sympa et Nana en a également tout plein sur son blog ; voir dans ce topic : [lien]

A partir de là, il te suffit d'enregistrer l'image (clic droit) et de l'héberger.

Bonne fouine et bon week-end.

Bisous
Fanfan


Derni?re modification le 19-06-2010 ? 14:04:05

0 appréciations
Hors-ligne
Coucou Françoise

:b2: Pour ces belles barres
En fait, je parle des barres qui sont mises pas défaut:



En parcourant plusieurs blogs, j'ai remarqué qu'on pouvait les personnaliser, et je voudrais faire de même malgré plusieurs tentatives d'échec.

Bon week-end à toi aussi :sol:

2 appréciations
Hors-ligne
:bd: Mathilde et :bd: à tous

J'ai beau fouiner, je n'arrive pas non-plus à trouver comment faire... J'ai trouvé ça :flech: [lien] mais je ne sais pas l'incorporer dans mon CSS...

Du coup, j'ai essayé ça (sur mon blog de test -> [lien]:
}
#article_hr
{
background : #;
background-image : url(http://serveur1.archive-host.com/membres/images/453291001/Blog-Photos/1-FM/Bleu-degrade.jpg)
background-repeat : no-repeat;
}
et ça ne marche pas non-plus...

Autrement, concernant les balises
, dans mon code source, j'ai ça :

Blog FM-Test<hr size=1> (etc...)
mais c'est trop compliqué pour moi de rentrer là-dedans...

Merci d'avance de votre aide, je suis perdue.

2 appréciations
Hors-ligne
Mathilde, quelle idée d'avoir ouvert un second post !... :ppc: [lien] On est déjà assez perdu comme ça ! Pas besoin d'en rajouter !... :ptdr: :ptdr:

:b2: Begierde pour ton aide ; Grâce à toi, j'ai réussi à modifier la largeur et la couleur de ma barre :
hr { margin:5px; height:10px; background-color:#990000;}
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

Un peu plus tard, je ferai un essai avec une image. Pour le moment, j'ai mal aux "boyaux de la tête" et je vais me reposer un peu...

0 appréciations
Hors-ligne
:bd: Françoise
J'ai ouvert un autre sujet car on n'avait pas l'air de prendre au sérieux ma demande :snif:
Sinon t'as vu: c'est pratique cette petite astuce
Merci Begierde :b2:

2 appréciations
Hors-ligne
Re


Enfin, j'y suis presque... J'ai remplacé ma ligne épaisse par une barre-image, mais voilà, j'ai un cas car l'image ne fait pas toute la largeur : [lien]

- si je mets "repeat", c'est moche : j'ai juste un petit bout de barre en plus à droite,

- si je mets "no-repeat", on voit un bout du trait gris qui est mis par défaut à droite...

ce que j'ai dans mon CSS :
}
hr { margin:5px; height:10px; background:url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/Barre_rouge_1.jpg);background-repeat:no-repeat }
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}

Donc, deux dernières (j'espère) petites questions :

- si je mets une image plus petite, comment faire pour ne pas avoir le trait gris ? et, tant qu'à faire, comment la centrer ?

:b2: de votre aide
:by:
Fanfan

0 appréciations
Hors-ligne
Coucou Françoise

Je me suis heurtée aux mêmes problèmes que toi:

Sur trois questions, deux sont résolues:

1. Pour ne pas avoir à faire repeat pour qu'elle prenne toute la largeur, il faut que tu augmentes ta "margin":
}
hr { margin:5px; height:10px; background:url(http://serveur1.archive-host.com/membres/images/453291001/Divers-Blog/Barre_rouge_1.jpg);background-repeat:no-repeat }
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}


2. En suite, pour la centrer, tu rajoutes width: XXpx;
Et tu règles en fonction de ta margin!

3. Pour enlever le cadre, j'ai essayé mais je n'ai pas trouvé!
Pourtant, Je n'ai aucun cadre de cette couleur

En espérant t'avoir aidé

Bonne soireé

2 appréciations
Hors-ligne
Coucou Mathilde,

J'ai simplement augmenté ma margin à 15px et, à présent, la barre recouvre bien l'ensemble du trait gris initial : [lien].

:b2: et bonne soirée
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 Année 2010.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6061 autres membres