Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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://i.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
avatar

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
avatar

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.
avatar

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???
avatar

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.
avatar

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