Cadre de contour pour un texte dans un message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cadre de contour pour un texte dans un message

Message par Shotam le Mer 4 Mai 2011 - 17:01

Bonjour ou bonsoir! Smile

Bon, voilà mon problème : Je cherche comment ajouter dans un post un contour à mon texte qui pourrait ressembler à cela
Spoiler:
http://paysdewa.forumsactifs.net/t28-forum-rpg-w-en-cours

il faut savoir que les codes m'ont été passé, et que je ne suis pas assez doué pour trouver les codes qu'il faut justement.

Merci d'avance d'une éventuelle réponse! Smile


Dernière édition par Shotam le Mer 4 Mai 2011 - 18:37, édité 1 fois

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de contour pour un texte dans un message

Message par Invité le Mer 4 Mai 2011 - 17:09

Bonjour,

Le message que vous donnez contient un tableau. Les cellules de ce tableau ont des angles arrondis. Pour réaliser cela sur votre forum, vous pouvez utiliser la feuille de style CSS pour le style, sinon il faut tout inclure dans le code du tableau.
Le code de base d'un tableau avec 2 lignes et deux colonne est:
Code:
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>

Combien de cases voulez-vous dans votre tableau? certaines plus grandes que d'autres? Essayez de faire un schéma de l'apparence du message que vous voulez obtenir.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de contour pour un texte dans un message

Message par Shotam le Mer 4 Mai 2011 - 17:29

Ben c'est tout simple quelque chose qui entourerai un titre.


Je suis désolée d'avoir pris comme exemple un tableau ^^'

Ca serait comme l'un de ces deux exemples :

[img][/img]

[img][/img]


(Les bandes bordeaux étant pour ne pas qu'on me dise que je veux copier le design d'un forum ^^')

Voilà merci d'avance

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de contour pour un texte dans un message

Message par Invité le Mer 4 Mai 2011 - 18:07

Pas de soucis! Dans ce cas, il faut appliquer une div autour de votre titre.
> Solution 1, vous mettez tout dans le message avec ce code:
Code:
<div style="border: 2px solid red; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius:12px; background-color: gray; text-align: center;padding: 5px; margin:auto;">Titre</div>

>Solution 2, vous comptez vous servir régulièrement de la même présentation:
vous placez ceci dans votre message:
Code:
<div class="decor">Titre</div>
votre message
Et ceci dans votre CSS (panneau d'admin' > Affichage >couleurs >feuille de style CSS):
Code:
.decor{
border: 2px solid red;
 -moz-border-radius: 12px;
 -webkit-border-radius:12px;
 border-radius:12px;
 background-color: gray;
 text-align: center;
padding: 5px;
 margin:auto;}

Dans les 2 cas, border permet de définir l'épaisseur le style et la couleur des contours, tout ce qui contient "radius" arrondit les angles. Background donne la couleur affichée derrière le titre et le padding, une marge à l'intérieure du cadre.

Vous pouvez appliquer le même principe pour le texte du message, si vous utilisez le CSS, il vous suffit de choisir un autre nom pour la class.

Les exemple que vous donnez sont là aussi des tableaux Razz . Mais le principe reste le même:
Code:
<table><tr><td class="decor">titre</td><td class="decor">titre 2</td></tr>
<tr><td class="blabla"> texte</td><td class="blabla">texte 2</td></tr></table>
et on ajoute une class .decor et une class .blabla dans la feuille CSS avec les attributs (couleur,alignement,contours....) .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de contour pour un texte dans un message

Message par Shotam le Mer 4 Mai 2011 - 18:16


et on ajoute une class .decor et une class .blabla dans la feuille CSS avec les attributs (couleur,alignement,contours....) .

Je ne sais absolument pas faire les class ^^' Pourriez vous détailler s'il vous plait? ^^'

Merci d'avance

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de contour pour un texte dans un message

Message par Invité le Mer 4 Mai 2011 - 18:33

J'ai testé le code avant de vous le donner, mais j'ai oublié de préciser qu'il faut que le html soit activé sur votre forum pour que cela fonctionne.
> http://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle .

On va tenter autrement.
Dans votre feuille de style CSS placez le code ci dessous, puis validez:
Code:
.decor{
border: 2px solid red;
 -moz-border-radius: 12px;
 -webkit-border-radius:12px;
 border-radius:12px;
-moz-box-shadow: 2px 4px 4px #AAA;
-webkit-box-shadow: 2px 4px 4px #AAA;
box-shadow: 2px 4px 4px #AAA;
 background-color: gray;
 text-align: center;
 padding: 5px;
 margin:auto;
 width: 200px;}
Dans votre message essayez ceci:
Code:
[table border="0" align="center"][tr][td class="decor"]Titre[/td][/tr][tr][td]Texte[/td][/tr][/table]

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre de contour pour un texte dans un message

Message par Shotam le Mer 4 Mai 2011 - 18:36

Oh ouiii!! xD
Effectivement, si le HTML est activé, ca marche beaucoup mieux xD

Je vous remercie infiniment de votre aide qui m'a été précieuse! Smile bonne soirée à vous!

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum