Voici un des résultat que j'arrive à faire avec ce que j'ai appris sur ce forum, personnalisez la comme bon vous semble ! (normalement, toutes les erreurs ont été corrigées... 
)
Comme toutes les autres fiches, n'enlevez pas le crédit s'il vous plait, quitte à ne laisser que le lien de N.U
Merci à Scavenger pour son coup de pouce !
Azylis avec l'aide de Scavenger de Never-Utopia
Pour l'image, c'est 200px de largeur maximum (sauf si vous modifiez les tailles bien sûr ^^)
En espérant que ça serve à certain
)Comme toutes les autres fiches, n'enlevez pas le crédit s'il vous plait, quitte à ne laisser que le lien de N.U
Merci à Scavenger pour son coup de pouce !
Nom Prénom
Qui suis-je ?
Je ressemble à... Texte (on sent l'inspiration à 3h du mat' ! u_u) | Damn, I love it ! Texte | |
Qui a dit "caractère de cochon" ?! Texte | Urgh. I hate it... Hey, passe ta souris ici : une ptite surprise t'attend ! Et tu sais quoi ? C'est pareil partout alors fais-toi plaisir : pond des pavés ! Trop de saut de ligne tue le saut de ligne... Mais si je veux voir si la fiche se déforme ou pas avec un texte long je dois bien essayé ! Sauf que dans ces moments là, on ne sait pas trop quoi raconter... Pourtant il y a tellement de choses à dire ! Mais c'est pas forcément super intéressant, il faut l'avouer. Je pourrais par exemple vous parler des mœurs de la puce d'eau d'Amazonie centrale, mais ça risque de prendre du temps... mais si vous insistez je peux hein ! Eh ? Quoi ? Vous vous... ? "En carrez l'oignon" ? Ah... Bon ben... autant arrêter de remplir inutilement cette case alors T.T J'espère juste que le test sera concluant T.T A la prochaine pour d'autres aventures ! |
C'est mon dernier mot !
Et wala, c'est fini ! :3
Azylis avec l'aide de Scavenger de Never-UtopiaPour l'image, c'est 200px de largeur maximum (sauf si vous modifiez les tailles bien sûr ^^)
- Code:
<center>
<style>div.CellulePPContent{height : 95px; Overflow : hidden;}div.CellulePPContent:hover{Overflow : auto;}</style>
<div style="margin-bottom: -60px;"><div style="font-size:50px; font-family: monotype corsiva; letter-spacing:2px; text-shadow: -2px -2px 2px black; color: #122941; position: relative; z-index: 2;">Nom Prénom</div>
<div style="font-size:40px; font-style:italic; font-family: monotype corsiva; letter-spacing:2px; text-shadow: -2px -2px 2px black; color: #b2b7ff; position: relative; z-index: 3;">Qui suis-je ?</div>
</div>
<div style="width:700px; border-top: 20px solid #7c80b2; border-right: 2px solid #7c80b2; border-bottom: 20px solid #7c80b2; border-left: 2px solid #7c80b2; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: #d0d0d0; color: #5b5e81; font-size: 11px; box-shadow: 0px 0px 10px #000000; position: relative; z-index: 1;">
<table style="width: 97%; margin-top: -180px; text-align: center;">
<tr>
<td width= "220px;">
<div style="margin-bottom: -20px; font-size:18px; text-shadow: -2px -2px 2px black; color: #060e11;">Je ressemble à...</div>
<div style="border-top: 2px solid #5b5e81; border-bottom: 2px solid #5b5e81; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 100px; padding: 5%; margin-bottom: -20px;"><div class="CellulePPContent">Texte
(on sent l'inspiration à 3h du mat' ! u_u)</div></div>
</td>
<td rowspan="2">
<div style="width: 200px; margin: auto; overflow:hidden; border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;"><img src="http://i81.servimg.com/u/f81/13/93/32/39/n_poka10.jpg" /></div>
</td>
<td width= "220px;">
<div style="margin-bottom: -20px; font-size:18px; text-shadow: -2px -2px 2px black; color: #060e11;">Damn, I love it !</div>
<div style="border-top: 2px solid #5b5e81; border-bottom: 2px solid #5b5e81; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 100px; padding: 5%; margin-bottom: -20px;"><div class="CellulePPContent">Texte</div></div>
</td>
</tr>
<tr>
<td width= "220px;">
<div style="margin-bottom: -20px; font-size:18px; text-shadow: -2px -2px 2px black; color: #060e11;">Qui a dit "caractère de cochon" ?!</div>
<div style="border-top: 2px solid #5b5e81; border-bottom: 2px solid #5b5e81; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 100px; padding: 5%; margin-bottom: -20px;"><div class="CellulePPContent">Texte</div></div>
</td>
<td width= "220px;">
<div style="margin-bottom: -20px; font-size:18px; text-shadow: -2px -2px 2px black; color: #060e11;">Urgh. I hate it...</div>
<div style="border-top: 2px solid #5b5e81; border-bottom: 2px solid #5b5e81; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 100px; padding: 5%; margin-bottom: -20px;"><div class="CellulePPContent">Hey, passe ta souris ici : une ptite surprise t'attend ! Et tu sais quoi ? C'est pareil partout alors fais-toi plaisir : pond des pavés !
Trop de saut de ligne tue le saut de ligne...</div></div>
</td>
</tr>
</table>
<div style="margin-bottom: -20px; font-size:18px; text-shadow: -2px -2px 2px black; color: #060e11;">C'est mon dernier mot !</div>
<div style="border-top: 2px solid #5b5e81; border-bottom: 2px solid #5b5e81; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 500px; padding: 10px; Overflow : auto;"><div class="CellulePPContent">Et wala, c'est fini ! :3
</div></div>
<div style="font-size:9px; text-align: right; padding-right: 50px"> Azylis avec l'aide de Scavenger de [url=http://www.never-utopia.com/] Never-Utopia[/url]</div></div>
</center>
En espérant que ça serve à certain
Dernière édition par Azylis le Jeu 25 Avr 2013 - 23:05, édité 1 fois
