Mise en page des messages

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

Résolu Mise en page des messages

Message par cassy85 le Jeu 30 Déc 2010 - 19:43

Coucou,

Je cherche comment mettre des encadrés remplis où l'on peut mettre du texte dans mes messages sur le forum.

On m'a dit que c'était des balises pré-codées mais j'ai beau chercher je ne trouve pas et je suis nulle sur ce thème là ^^.

Merci.


Dernière édition par cassy85 le Sam 1 Jan 2011 - 18:35, édité 1 fois

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Jeu 30 Déc 2010 - 19:54

bonjour

Quelques précisions.

Voulez-vous écrire un message dans un cadre comme les messages du STAFF sur ce forum ?

Quelle genre de mise en forme voulez-vous ?

Cordialement
ge


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Jeu 30 Déc 2010 - 20:06

Enfaite ça serait mettre juste un titre pour séparer les différentes parties du messages.

Je sais pas si c'est clair ce que je dis ^^'.

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mise en page des messages

Message par ge80 le Jeu 30 Déc 2010 - 20:08

Je pense comprendre : un titre esthétique dans les messages.


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Jeu 30 Déc 2010 - 20:09

Oui je pense que c'est ça.

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Jeu 30 Déc 2010 - 20:13

Dernière question ; savez-vous utiliser la CSS (feuille de style) qui est bien pratique pour la mise en forme dans les titres ?

Ceci va m'orienter vers des solutions différentes.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Jeu 30 Déc 2010 - 21:03

Un peu :s

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Jeu 30 Déc 2010 - 21:10

OK

Je vous propose différentes solutions et vous choisirez.


La première et Sans CSS

à placer dans un message de votre forum.

Code:
<center><div style="width: 85%; height: 80px; border: 1px solid rgb(8, 7, 7); background-color: CornFlowerBlue;" align="center"> <font style="font-size: 35pt; font-family: georgia; text-shadow: rgb(0, 0, 0) 1px 1px 1px; letter-spacing: 2px;"><font color="Black"><br/>TITRE<br/><br/></font></font><div style="height: 7px; border: 1px solid rgb(80, 70, 70); background-color: green;" align="center"></div></div></center>

Vous devez avoir autorisé l'HTML dans votre message.

La deuxième toujours Sans CSS
Mon avatar pourrait être une lettrine,
L'image de fond pourrait être un dégradé de couleur,

Code:
<center><table border="1px" width="80%" background="http://img48.xooimage.com/files/3/e/4/lc-204a6f4.png"> <tr> <td width="150px"><img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/22828-74.jpg"></td><td><center><font style=" font-size: 70pt; font-family: georgia; text-shadow: rgb(0, 0, 0) 15px 15px 15px; letter-spacing: 2px;"><font color="Red">V</font><font color="Black">otre super titre</font></font></center></td></tr></table></center>


Suis-je sur la bonne piste et ai-je bien compris votre question ?

TITRE ( à adapter Wink ) serait le texte séparateur dans votre message...

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 0:07

Oui, c'est tout a fait dans le style de la première solution proposée.

Merci.

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 8:09

Alors par rapport à la première solution, que souhaitez-vous en plus ou de différent ?

Solution sans CSS

Fond de message modifiable
Images de chaque côté sont aussi modifiables

Code:
<table border="0" style="background-image:url(http://illiweb.com/fa/admin/header.png);  text-align:center; width:80%; height: 100px;">
<tr>
<td valign="center" align="left" style="width:10%;"> <img src="http://r22.imgfast.net/users/2212/78/75/05/smiles/404421.gif"/></td><td valign="center"><span style="font-size: 60px; font-weight: bold; text-shadow:20px 20px 8px black; color:#abbdeb;"><font face="Comic Sans Ms"><br/>Mon titre original<br/><br/><br/></font></span></td><td valign="center" align="right" style="width:10%;"> <img src="http://r22.imgfast.net/users/2212/78/75/05/smiles/487470.gif"/></td>
</tr>
</table>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 11:12

Par rapport au premier c'était la barre verte que je voulais enlever.

Pour le fond es t-ce possible de mettre une image ?

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 11:19

Tout à fait, mais dans ce cas : une solution plus simple utilisable.

Donner moi le lien de l'image (hébergée avec votre bouton servimg par exemple)


l'image de fond unicolore:

Le codage:
Code:
<table style="background-image:url(http://img62.xooimage.com/files/2/b/6/fn-24040af.png);  text-align:center; width:50%; height: 100px;">
<tr>
<td valign="center"><span style="font-size: 60px; font-weight: bold; text-shadow:30px 10px 1px yellow; color:#abbdeb;"><font face="Comic Sans Ms"><br/>Mon titre original<br/><br/><br/></font></span></td>
</tr>
</table>


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 14:54

Voici l'adresse :

Code:
http://www.servimg.com/image_preview.php?i=142&u=14353183

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 14:59

Code:
<table style="background-image:url(http://i65.servimg.com/u/f65/14/35/31/83/sans_t12.png);  text-align:center; width:50%; height: 80px;">
<tr>
<td valign="center"><span style="font-size: 60px; font-weight: bold; text-shadow:30px 10px 5px yellow; color:#000000;"><font face="Comic Sans Ms"><br/>Mon titre original<br/><br/><br/></font></span></td>
</tr>
</table>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 15:04

Merci beaucoup ^^.


cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 15:21

Cela vous convient-il ?
Avez-vous besoin de renseignements pour modifier le codage ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 15:24

Est ce que c'est possible d'avoir l'image sur une seule ligne ?

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 15:29

Votre image de fond est à agrandir dans ce cas.

La taille du texte va tenir sur une hauteur minimale et l'image sera montrée telle qu'elle est (elle est sur deux lignes).

Réaliser une image avec un seul motif horizontal (qui se répète) et sur une hauteur de 80px ou plus.

Je réalise cette image...

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 15:32

D'accord j'en demande beaucoup ^^'

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 15:39

C'est avec plaisir Wink

Code:
<table style="background-image:url(http://img63.xooimage.com/files/0/e/6/f-24049c2.jpg);  text-align:center; width:50%; height: 100px;">
<tr>
<td valign="center"><span style="font-size: 60px; font-weight: bold; text-shadow:30px 10px 5px yellow; color:#000000;"><font face="Comic Sans Ms"><br/>Mon titre original<br/><br/><br/></font></span></td>
</tr>
</table>

font-size: 60px -> fixe la taille de la police

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mise en page des messages

Message par cassy85 le Ven 31 Déc 2010 - 15:49

D'accord ^^.

Merci.

cassy85
*

Féminin
Messages : 42
Inscrit(e) le : 12/09/2009

http://mangaddict.forumgratuit.org
cassy85 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page des messages

Message par ge80 le Ven 31 Déc 2010 - 15:56

Ci dessus : Tiens un vote négatif lol!
Ma solution n'a pas dû plaire Ptdr

Joyeuses fêtes et meilleurs voeux.

Ge
victoire

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 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