Varech
Site/blog
32 messages
|
posté le 2009-11-26 à 01:24:34
Bonsoir,
J'aimerais mettre une image en bordure de cadre ou/et de contenu, à la place de la couleur, auriez-vous un code pour le CSS, s'il vous plait?
Merci d'avance, et bonne fin de soirée... 
|
|
|
PapyClic
Site/blog
6936 messages
|
posté le 2009-11-26 à 11:20:50
 Varech, Stéphane et les autres...
Les bordures en CSS sont uniquement en couleur, on peut modifier la largeur et le style, à ma connaissance c'est tout.
Pour mettre une image comme bordure, il faut soit avoir une image représentant un cadre, la mettre en image de fond de la partie que l'on veut encadrer, puis mettre une marge intérieure avec une valeur = au dessin du cadre pour que le texte se place à l'intérieur.
Pas simple à expliquer mais relativement simple à réaliser.
De la même façon, on peut dans le contenu, créer en HTML 2 DIVs (blocs ou division) :
- le premier contient l'image texture sur tout le fond
- le deuxième placé à l'intérieur du premier avec une marge extérieure avec la valeur que l'on veux donner à l'encadrement.
Exemple de code :
<div style="background-image:url(adresse image); background-repeat: repeat; border:1px solid #000000;">
<div style="margin:10px; border:1px solid #000000;">
ici le texte ou l'image que vous voulez encadrer
</div>
</div>
Vous pouvez également dimensionner le premier DIV en largeur et en hauteur.
A vos claviers 
 Si vous avez des idées... vous gênez pas je suis preneur... d'avance 
|
 
|
Varech
Site/blog
32 messages
|
posté le 2009-11-26 à 12:11:33
Merci de vos réponses.
Ce que je cherchais à obtenir, c'est ce qu'il y a sur ce site:[lien] ,mais au niveau du cadre (la bordure brillante)... Je l'ai déjà vu sur un site (qui n'est pas un blog4ever), et je trouvais ça sympa...
C'est vrai que ce n'est pas facile de s'expliquer par écrit, sans pouvoir montrer exctement quel rendu on voudrait obtenir...
Merci encore, et comme dit  , si vous avez des idées... Je vais encore chercher aussi de mon côté...
|
|
|
Varech
Site/blog
32 messages
|
posté le 2009-11-26 à 14:03:55
Re bonjour, Stephanenancy,
Je recommence...
J'ai vu en navigant sur le net, un blog où la bordure de cadre était faite avec un gif ruban. Ce blog là n'était pas un blog4ever.
Par contre, l'effet était sensiblement le même que sur le blog d'Alni... Et c'est pour ça que je l'ai mis en lien, juste comme exemple...
Bonne fin de journée!
|
|
|
Varech
Site/blog
32 messages
|
posté le 2009-11-26 à 17:45:37
En fait, je viens de voir que ce sont des images jpg, et pas des gifs.. Et en faisant un agrandissement, j'ai vu que c'était une texture, qui, en taille normale donne un rendu de ruban.. 
Mais j'ai pensé à une chose en me baladant sur votre site... Je pourrais peut-être avoir un rendu semblable avec un dégradé de couleurs dans la bordure, sauf que je ne sais pas comment faire, que ce soit avec le CSS ou les tables... Les DIVs, je les mets où? Parce que sur le principe, j'ai à peu près compris... LOL! Et si je veut encadrer ma partie cadre, est ce que la taille de l'encadrement va varier en même temps que le contenu?
Dernière modification le 26-11-2009 à 17:54:17
Dernière modification le 26-11-2009 à 17:56:08
Dernière modification le 26-11-2009 à 17:57:58
Dernière modification le 26-11-2009 à 17:58:10
|
|
Varech
Site/blog
32 messages
|
posté le 2009-11-26 à 22:15:57
Bon, j'ai réussi à faire ça (bordure autour du cadre): [lien]. Ce n'est pas ce que je veux, mais c'est un début...
Bonne soirée!
|
|
PapyClic
Site/blog
6936 messages
|
posté le 2009-11-26 à 23:27:08
 Varech
Pour la Partie "Cadre" tu ne peux pas faire autrement. Sauf si tu mets le fond que tu veux en bordure, dans la partie "Page" le partie "Cadre" sera entourée de ce fond.
Mais pour ta page d'accueil tu peux faire un cadre avec des DIVs:
Au début de la page dans le composeur en mode HTML, tu ouvres les DIVs et tu les fermes après avoir mis le corps de ta page.
<div style="background-image:url(adresse image); background-repeat: repeat; border:1px solid #000000;">
<div style="margin:10px; border:1px solid #000000;">
ici le corps de ta page d'accueil
</div>
</div>
Tu peux faire un essai mais avant tu fais une copie de ta page d'accueil que tu sauvegardes en cas de problème tu pourras la coller.
Je vais essayer de faire des exemples sur ce système, si j'ai un peu de temps.
Bonne continuation
|
|
|
|
WEBMASTER
... PRIVATE
.gif)
Tu veux un code CSS mais pour mettre quoi ?
en passant
p'tit coucou Lina) c'est, je crois, du genre système DIVs imbriquées(voir mon précédent message)... mais fait avec des tables imbriquées. Personnellement j'utilise que très rarement les tableaux depuis que je me suis lancé dans le CSS.
et 
de ne pas fermer ce sujet avant mon retour...
Bonne continuation et 
|
Espace de gestion
|
Annuaire des blogs