Exemple 1Alors là c'est vraiment simple. Mais ça marche seulement si vous avez la transparence bien sûr (donc pas Photofiltre, mais bon vous pouvez prendre le fond du forum, attention par contre il change tous les deux mois
). Alors j'ai pris cette image :
https://2img.net/r/hpimg15/pics/710846notration.pngEnsuite il faudra donc que cette image soit votre fond.
Fond se dit "
Background" en anglais (et oui l'anglais vous suivra partout è_é )
Bref, vous voulez que ce background soit une image. Facile, ça donne ....?? *Dora*
Background-image, bravo !!
Bon alors pour mettre un fond, il vous faut le mettre dans la balise "div style".
- Code:
-
<div style="background-image:url('')">
Ah oui j'avais oublié, il faut mettre url aussi, puis vous collez l'adresse url entre la parenthèse et l'apostrophe ainsi :
- Code:
-
<div style="background-image:url('http://img15.hostingpics.net/pics/710846notration.png')">
Chaque élément mis est très important n'enlevez rien è_é
Maintenant les dimensions de l'image !
Height est la hauteur,
Width est la largeur, en px le tout ! Espacez vos éléments avec ";", ça vous donne :
- Code:
-
<div style="background-image:url('http://img15.hostingpics.net/pics/710846notration.png');width:540px; height:300px;">
Vous y êtes arrivé ? Bravoooo *-*
Maintenant on passe au texte à l'intérieur. C'est pareil, mais rétrécissez la largeur et la hauteur pour que ça rentre dans l'image ! *-*
- Code:
-
<div style="background-image:url('http://img15.hostingpics.net/pics/710846notration.png');width:540px; height:300px;">
<div style=" height:170px; width:520px; ">
Ensuite j'ai rajouté un
padding, qui permet que votre texte ne touche pas les bords (en clair c'est pour les idiots comme moi, qui ont mal redimensionner la partie texte donc c'est pour rétrécir 8D)
Pour le déroulant à droite, c'est
overflow:auto - Code:
-
<div style="background-image:url('http://img15.hostingpics.net/pics/710846notration.png');width:540px; height:300px;">
<div style=" height:170px; width:520px; padding:20px;overflow:auto;">
Vous écrivez votre texte à la suite de cette balise et vous fermez avec deux /div, puisque vous en avez ouvert deux.
- Code:
-
<div style="background-image:url('http://img15.hostingpics.net/pics/710846notration.png');width:540px; height:300px;">
<div style=" height:170px; width:520px; padding:20px;overflow:auto;">
TEXTE TEXTE TEXTE
</div></div>