malamok a écrit :comment les fabriquer?
j'ai faites les miennes avec The Gimp
malamok a écrit :faut-il un arrondi par taille de cadre
ben, je t'ai mis l'image haut gauche, il y en a 4 analogues pour chaque coin, regarde le code html :
Code : Tout sélectionner
(...)<div class="divhd"></div>
<div class="divhg"></div>
<p class="pintro">
<img src="img/vautourintro.jpg" alt="le vautour, mascotte du site" width="68"> J'ai soufflé...
j'ai mis les images dans des div en css ("hd" pour haut droit...) aux dimensions des images : un div en flottant droite pour l'image haut droit
en 1er, puis un div sans mention de flottant puisqu'étant dans le flux, il ira forcément à gauche, mais en html, il faut mettre la droite en 1er.
en css :
Code : Tout sélectionner
.divhd {
background-repeat: no-repeat;
height: 40px;
width: 40px;
background-image: url(img/motifhd.png);
float: right;
}
.divhg {
background-repeat: no-repeat;
height: 40px;
width: 40px;
background-image: url(img/motifhg.png);
}
L'image que j'ai mise + haut, c'est bien sûr l'image du coin supérieur gauche"motifhg.png".
et en fin de texte, html :
Code : Tout sélectionner
(...)Vanessa Hell (6 janvier 2006).<br>
<img src="img/vautoursignature.jpg" alt="le vautour, mascotte du site" width="68">
</p>
<div class="divbd"></div>
<div class="divbg"></div>
et css de toute évidence :
Code : Tout sélectionner
.divbd {
width: 40px;
height: 40px;
background-image: url(img/motifbd.png);
float: right;
background-position: right bottom;
background-repeat: no-repeat;
}
.divbg {
width: 40px;
height: 40px;
font-size: 1px;
background-image: url(img/motifbg.png);
background-position: left bottom;
background-repeat: no-repeat;
}
malamok a écrit :doit-on les inclure avec l'onglet "fond" de css Question
Bien sûr, je ne parle que de css depuis le début

, essaie, ça marche, à bientôt.
(je crois que mes règles pourraient être simplifiées, ne prends pas forcément exemple pour tous les détails!)