encadrement des articles ?

blogtortues · Membre · août 31, 2013 at 9:14
Copier le lien

Ajouter le thème aux favoris
bonjour,
est il possible de faire apparaitre un cadre (une bordure) autour de chaque articles pour les séparer plus ? Ou leur appliquer une couleur de fond différente par exemple ? et si oui, comment procéder ?

L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
elisedesaulniers · Membre · août 31, 2013 at 4:05
Copier le lien
Là aussi, ce sont des modifications qu’on peut faire en custom CSS (extension design). Vous pouvez également modifier l’HTML de chacun de vos articles (onglet texte).

Pour ajouter une bordure autour d’un texte : http://www.quackit.com/html/codes/html_borders.cfm

Pour ajouter un fond de couleur :
http://www.w3schools.com/html/html_css.asp
blogtortues · Membre · août 31, 2013 at 4:43
Copier le lien
J’ai incorporé le code dans la page texte de l’article « carapaces » .
j’ai bien crée une bordure bleu dans l’article, mais sous le texte et avec du texte ?

Voila le code que j’ai choisi:
<div style= »width:200px;height:100px;border:1px solid blue; »>
HTML borders are best created with CSS.
</div>
elisedesaulniers · Membre · août 31, 2013 at 4:52
Copier le lien
Mettez le code
<div style= »width:200px;height:100px;border:1px solid blue; »>
avant votre texte
et la suite </div> après le texte.

<div…> est une balise qui dit « à partir de maintenant, vous faite…
et </div> dit « ok, on arrête.
blogtortues · Membre · août 31, 2013 at 5:31
Copier le lien
C’est fait, mais je pense que cela ne donne pas le résultat attendu ?

<div style= »width:200px;height:100px;border:1px solid blue; »>
<img class= »size-thumbnail wp-image-318 alignright » alt= »hermann » src= »http://tortuespassion.files.wordpress.com/2013/08/hermann.jpg?w=150″ width= »150″ height= »112″ />Qui n’a pas, en vagabondant sur « la toile », aperçu de très jolis clichés représentant nos tortues sous leurs plus beaux aspects ? (pas sur les photos de l’article) Certains me demandent aussi pourquoi leurs tortues sont « ternes » sur leurs photos ?
Attention : les écailles de nos tortues qui constituent leur carapace sont un élément tout aussi vivant que leurs pattes, leur tête ou leurs organes internes ! Il n’est donc pas recommandé de les enduire de produits graisseux, huileux, de cirage même incolore, de produits style « Pliz », et encore moins de vernis !!!!!! (dans ces cas, les photos sont belles, mais……… )
Si vous voulez faire ressortir les couleurs de vos protégées, faites comme moi : Mouillez simplement leur carapace avec de l’eau…….. effet naturel spectaculaire !
Merci d’avance pour elles. Lol !
</div>
elisedesaulniers · Membre · août 31, 2013 at 6:42
Copier le lien
Il faut ajuster la largeur (width) et la hauteur (height) a vos besoins.
Avec 457X357 (la taille de votre billet), ça marche !

<div style= »width: 457px; height: 357px; border: 1px solid blue; »><img class= »size-thumbnail wp-image-318 alignright » alt= »hermann » src= »http://tortuespassion.files.wordpress.com/2013/08/hermann.jpg?w=150″ width= »150″ height= »112″ />Qui n’a pas, en vagabondant sur « la toile », aperçu de très jolis clichés représentant nos tortues sous leurs plus beaux aspects ? (pas sur les photos de l’article) Certains me demandent aussi pourquoi leurs tortues sont « ternes » sur leurs photos ?
Attention : les écailles de nos tortues qui constituent leur carapace sont un élément tout aussi vivant que leurs pattes, leur tête ou leurs organes internes ! Il n’est donc pas recommandé de les enduire de produits graisseux, huileux, de cirage même incolore, de produits style « Pliz », et encore moins de vernis !!!!!! (dans ces cas, les photos sont belles, mais……… )
Si vous voulez faire ressortir les couleurs de vos protégées, faites comme moi : Mouillez simplement leur carapace avec de l’eau…….. effet naturel spectaculaire !
Merci d’avance pour elles. Lol !</div>
blogtortues · Membre · septembre 1, 2013 at 7:39
Copier le lien
Merci,
Effectivement, ça va beaucoup mieux marcher comme ça !
Ceci m’amène à la question suivante: ou trouve ont ces dimensions ?

Mais en fait, je souhaitais mettre en place cet encadrement des articles dès leur affichage sur la page d’accueil ! (pas uniquement lors de l’affichage de l’article lui même)
elisedesaulniers · Membre · septembre 1, 2013 at 11:40
Copier le lien
Pour ce qui est de la taille des boîtes, j’utilise l’option pour développeur de Chrome : afficher/option pour développeur (Firefox a un outil similaire) qui me donne des indications sur tous mes blocs d’info.

Pour le reste, on arrive malheureusement aux limites de ce qui est possible de faire sans CSS (extension design).
blogtortues · Membre · septembre 1, 2013 at 11:17
Copier le lien
Ok, merci pour votre aide.