Vous n'êtes pas identifié.
Annonce
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
#1 28-04-2008 16:05:34
- LeoMaxx
- Connaisseur WP
- Date d'inscription: 19-03-2008
- Messages: 10
Créer un cadre (image) autour de mes posts
Bonjour,
Ma configuration WP actuelle
- WordPress 2.5 :
- CoolWater :
- AutoHeader, WP Cut Post, Akismet :
- 1&1 :
- http://www.slagora.fr :
Problème(s) rencontré(s) :
Bonjour,
Je pense que ce sujet a déjà été abordé sur ce forum mais j'ai été incapable de le retrouver avec le module de recherche. Bref, voilà ce que je voudrais faire : je souhaiterais que mes articles soient contourés dans un cadre un peu comme le site ici.
Plus exactement, j'aimerais placer un fond dans mes articles qui soit auto-redimensionnable en fonction de la longueur des articles. En fait, j'ai édité l'image de fond sur mon blog mais elle ne s'étend pas comme je le voudrais.
Merci de votre aide:)
ps : j'ai déjà post2 ce topic dans la partie "technique" du forum mais personne ne m'a répondu. On m'a conseillé quand même de créer trois images : une fixe, une qui se répète et une autre fixe. Cependant je ne m'y connais pas en programmation et j'aurais bien aimé qu'on m'explique les codes à insérer pour succéder trois images différentes dans le sens de la hauteur.
Dernière modification par LeoMaxx (28-04-2008 16:06:09)
Hors ligne
#2 29-04-2008 12:02:16
- Difré
- Connaisseur WP
- Date d'inscription: 28-04-2008
- Messages: 22
Re: Créer un cadre (image) autour de mes posts
Bon, je ne sais pas si j'ai bien compris ta question, mais je vais quand même te répondre !
Donc si j'ai bien compris, tu veux créer un cadre autour de ton post qui soit redimensionnable.
Déjà tu parle de ce qui est fait sur ce site, et là je crois qu'il n'y a pas d'image utilisées. Donc pour faire pareil tu peux te débrouiller en CSS en utilisant correctent des "border" et autre "background-color".
Si maintenant tu veux faire un cadre plus poussé avec des images je vais t'expliquer la structure de base :
1- Faire un bandeau haut (ou bas) :
Code HTML :
Code:
- <div class="bandeau_droit">
- <div class="bandeau_gauche">
- <div class="bandeau_centre"><?php // mettre du contenu en php ou html ?></div>
- </div>
- </div>
Code CSS :
Code:
- .bandeau_droit, .bandeau_gauche, .bandeau_centre {
- min-height:10px; // hauteur de l'image utilisée
- }
- .bandeau_droit {
- background-image:url('images/bandeau_droit.png'); // l'image du coin droit de ton entete
- background-repeat:no-repeat; // empêche l'image de se répéter (on ne la veut qu'une fois)
- background-position:top right; // on la fixe à droite du conteneur
- width:100%; // important, pour IE il faut définir un largeur pour le conteneur
- }
- .bandeau_gauche { // meme commentaires que pour le droit
- background-image:url('images/bandeau_gauche.png');
- background-repeat:no-repeat;
- background-position:top left;
- }
- .bandeau_centre {
- background-image:url('images/bandeau_centre.png');
- background-repeat:repeat-x; //permet à l'image de se répéter au centre si le contenu augmente
- margin:0px 5px 0px 5px ; /* important : pour ne pas que les images du centre n'écrasent celles de droite
- ou de gauche, définir des marges gauche et droite de la largeur des image
- gauche et droite*/
- }
2 - Pour les cotés, je te conseille d'utiliser les border si tu ne veux utiliser qu'un seul trait. Si tu veux utiliser des images, utilise l'option repeat-y.
Hors ligne
#3 29-04-2008 13:46:33
- LeoMaxx
- Connaisseur WP
- Date d'inscription: 19-03-2008
- Messages: 10
Re: Créer un cadre (image) autour de mes posts
Toutes mes excuses Difré, je viens de m'apercevoir d'une erreur dans mon post.
Je rectifie donc :
[...]je souhaiterais que mes articles soient contourés dans un cadre un peu comme le site ici.
Il semble toutefois que tu ais répondu à ma question. Je vais tester ce soir et je tiens au courant. Merci
Hors ligne
#4 29-04-2008 15:37:48
- Difré
- Connaisseur WP
- Date d'inscription: 28-04-2008
- Messages: 22
Re: Créer un cadre (image) autour de mes posts
OK pas de problème.
Bon sinon, petite astuce pour la suite, si tu possède Firefox, installe le plugin Firebug.
Ainsi, tu pourras savoir comment un site est fait. Une fois installé, tu fais F12 et Inspect et après au survol de la souris tu pourra découvrir le code de la partie concernée ainsi que son CSS.
Hors ligne
