Page de présentation

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

Résolu Page de présentation

Message par Nyko-neko le Ven 20 Juil 2012 - 23:28

Bonjour, comme vous le savez sur un forum il faut se présenter et moi sur mon forum j'aimerais faire une page de présentation spécial^^"

j'aimerais avoir quelque chose de semblable à ceci:

https://i41.servimg.com/u/f41/16/61/99/22/sans_228.jpg

il faudrait si possible que je puisse changer les couleurs, les images et les typographies facilement(grace au CSS), c'est pas grave si vous ne pouvez pas m'aider pour ça ^^

je suis en PHPBB2 et fondateur

on a modifier la teamplate index_Body

merci de votre aide Smile


Dernière édition par Nyko-neko le Lun 23 Juil 2012 - 15:08, édité 1 fois

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Nyko-neko le Lun 23 Juil 2012 - 0:23

up

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Invité le Lun 23 Juil 2012 - 13:56

Bonjour,

Une ébauche:
Code:
<table style="width: 550px;">
<tr>
<td colspan="2" class="titreprez">Présentation pseudo</td>
</tr>
<tr>
<td><div class="hautvava"></div><div class="vava"><img src="URL DE L'IMAGE" /></div><div class="basvava"></div></td>
<td valign="top"><div class="hautinfos">Infos</div><div class="infos">nom: <br />prenom:<br /> age:<br /> profession: <br /> ville: <br /> Decouverte de QLSC<br /> </div><div class="basinfos"></div>
<br />
<br /><div class="hautinfos">Icons</div><div class="icons">
<img src="URL DE L'IMAGE" />     <img src="URL DE L'IMAGE" />    <img src="URL DE L'IMAGE" /></td>
</tr>
<tr>
<td colspan="2"><div class="titreprez">votre petit +</div><div class="textprez"> bla bla</div><div class="basprez"></div></td></tr></table>

Code:
.titreprez{
height: 20px;
background: url(http://i44.servimg.com/u/f44/17/64/78/18/cat10.png);
border-top-left-radius: 16px;
border-top-right-radius: 16px;}

.hautvava{
width: 220px;
height: 20px;
background: url(http://i44.servimg.com/u/f44/17/64/78/18/cat10.png);
border-top-left-radius: 16px;
border-top-right-radius: 16px;}

.vava{
background: grey;
width: 220px;
height: 350px;}

.basvava{
width: 220px;
height: 20px;
background: url(http://i44.servimg.com/u/f44/17/64/78/18/cat10.png);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;}

.hautinfos{
margin: auto;
width: 350px;
height: 20px;
background: url(http://i44.servimg.com/u/f44/17/64/78/18/cat10.png);
border-top-left-radius: 16px;
border-top-right-radius: 16px;}

.infos{
padding: 10px;}

.basinfos{
margin: auto;
width: 350px;
height: 20px;
background: url(http://i44.servimg.com/u/f44/17/64/78/18/cat10.png);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;}

.textprez{
height: 80px;
background: grey;}

.icons img{
border: 2px solid grey;
border-radius: 50px;
height: 100px;
width: 100px;}

 .basprez{
height: 20px;
background: url(http://i44.servimg.com/u/f44/17/64/78/18/cat10.png);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
Si ce code est destiné à un message, il faudra retirer tous les retours à la ligne pour qu'il n'y ait pas de décalage Wink. Ce n'est qu'un début, dites -moi si c'est proche du résultat souhaité, ce qui ne va pas ... je continue à essayer d'améliorer le code.

Bien sincèrement.

Invité
Invité


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

Résolu Re: Page de présentation

Message par Nyko-neko le Lun 23 Juil 2012 - 15:05

merci pour ton aide Wink juste la seconde partie va dans le Css???

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page de présentation

Message par Invité le Lun 23 Juil 2012 - 15:43

Oui, la seconde partie est à placer dans le CSS, désolée de ne pas l'avoir précisé Embarassed

Bien sincèrement.

Invité
Invité


Invité 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