Gaïa Admin
Pseudo HabboBéta : Gaia-Csm / Ouranos-Csm Messages : 30 Date d'inscription : 30/06/2016 Localisation : Sous tes pieds...
| Sujet: La présentation IMPORTANT Lun 4 Juil - 15:45 | |
| Nous vous rappelons que la présentation n'est pas obligatoire mais elle aide les autres personnes du RPG à connaitre votre personnage, ce qui peut favoriser pendant un RP. Afin d'avoir un meilleur rendu visuel, je vous invite à utiliser ce code HTML à compléter. (Sauf si vous en avez un autre) - Code:
-
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('http://i.imgur.com/S4Cw2dh.png') no-repeat; background-position: 234px -20px; font-family: 'Annie Use Your Telescope';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('http://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#FFFFFF; box-shadow: -4px 3px 3px grey;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid white; -webkit-transform: rotate(10deg); transform: rotate(10deg); box-shadow: 3px 3px 5px grey;} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold;} .cote_droite_nyo p{width: 100%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 200px;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Annie Use Your Telescope';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>
<div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="IMAGE 200x320 PIXELS" class="avatar_perso"><div class="cote_droite_nyo"><div class="pseudo">IDENTITE RP</div><!-- --><p>Je suis IDENTITE RP. Je suis né il y a bien longtemps, c'était le DATE DE NAISSANCE à ENDROIT DE NAISSANCE, ce qui fait que j'ai AGE RP. Je suis un demi-dieux dans le bungalow BUNGALOW mais je ne suis pas que ça, je suis également en possession de pouvoirs et ça m'occupe pas mal. Je trouve quand même du temps pour m'amuser. J'avoue avoir une petite préférence pour ORIENTATION SEXUELLE. Pour information je suis d'ailleurs SITUATION AMOUREUSE Dernier détail assez important, je viens de ENDROIT OU VOUS HABITEZ(IEZ). </p><!-- --><div class="espace_icone"><marquee><img src="IMAGE 100x100 PIXELS"> <img src="IMAGE 100x100 PIXELS"> <img src="IMAGE 100x100 PIXELS"> </marquee></div> </div></div><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div></div>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_liens_nyo{width: 540px; padding-left: 10px; height: 800px; margin: auto; background-image: url('http://i.imgur.com/Lepx2NY.png'); background-size: auto 860px; background-position: -50px -50px; font-family: 'Annie Use Your Telescope'} .les_icones_nyo{display: inline-block; vertical-align: top; margin-left: 30px; width: 150px; height: 750px; padding-top: 20px;} .les_icones_nyo div{position: relative; margin: auto; margin-top: 20px; width: 100px; height: 100px;} .les_icones_nyo div:before{content: ''; position: absolute; top: -20px; left: 50px;display: block; width: 71px; height: 59px; background: url('http://i.imgur.com/Yn2ReaR.png'); background-size: 71px;} .le_texte_nyo{display: inline-block; vertical-align: top; width: 320px; height: 780px; overflow: hidden;} .pseudo_liens {width: 100%; color: #46494e; font-size: 50px; font-weight: bold; margin-top: 30px; text-align: center;} .titre_liens {position: relative; z-index: 3; height: 100px; width: 100%; color: #46494e; font-size: 30px; font-weight: bold; margin-top: 30px; text-align: center; line-height: 100px; text-shadow: 1px 1px 1px white;} .titre_liens .image{position: absolute; z-index: -1; height: 100px; width: 100px; background-position: center center; background-size: auto 100px; border-radius: 50%;} .titre_liens .image.droite{right:50px; top:0px;} .titre_liens .image.gauche{left:40px; top:0px;} p.texte_nyo {padding: 10px; margin: 0; width: 100%; height: 200px; overflow: auto; text-align: justify; font-size: 13px;} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>
<div class="contour_fiche_liens_nyo"><div class="les_icones_nyo"><div style="background: url('IMAGE');" ></div><!-- --><div style="background: url('IMAGE 100x100 PIXELS');" ></div><!-- --><div style="background: url('IMAGE 100x100 PIXELS');" ></div><!-- --><div style="background: url('IMAGE 100x100 PIXELS');" ></div><!-- --><div style="background: url('IMAGE 100x100 PIXELS');" ></div><!-- --><div style="background-image: url('IMAGE 100x100 PIXELS');" ></div> </div><!-- --><div class="le_texte_nyo"><div class="pseudo_liens">Quelques petites choses sur moi</div><!-- --><div class="titre_liens"><div class="image droite" style="background-image: url('IMAGE 100x100 PIXELS');"></div><!-- -->Ma personnalité</div><!-- --><p class="texte_nyo">Texte sur la personnalité</p><!-- --><div class="titre_liens"><div class="image gauche" style="background-image: url('IMAGE 100x100 PIXELS');"></div><!-- -->Mon apparence ?</div><!-- --><p class="texte_nyo">texte sur l'apperence</p><!-- --></div><!-- --><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div><!-- --></div>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_nyo{position: relative; width: 510px; height: 400px; margin: auto; background: url('http://i.imgur.com/S4Cw2dh.png') no-repeat; background-position: 234px -20px; font-family: 'Annie Use Your Telescope';} .contour_fiche_nyo:before{content: ''; display: block; position: absolute; top: -8px; left: 100px; width: 93px; height: 53px; background: url('http://i.imgur.com/nFgYC6U.png') no-repeat; z-index: 3; -webkit-transform: rotate(110deg); transform: rotate(110deg);} .contour_fiche2_nyo{width: 475px; height: 400px; background:#FFFFFF; box-shadow: -4px 3px 3px grey;} .avatar_perso {position: relative; z-index: 2; margin-left: -15px; display: inline-block; vertical-align: top; width: 200px; border: 20px solid white; -webkit-transform: rotate(10deg); transform: rotate(10deg); box-shadow: 3px 3px 5px grey;} .cote_droite_nyo{display: inline-block; vertical-align: top; width: 235px; height: 400px; margin-left: 15px; overflow: hidden;} .pseudo {margin-top: 30px; width: 100%; text-align: center; color: #46494E; font-size: 30px; font-weight: bold;} .cote_droite_nyo p{width: 100%; margin: 0px; padding: 10px; overflow: auto; text-align: justify; font-size: 13px; height: 200px;} .espace_icone{width: 100%; overflow: hidden; height: 100px; margin-top: 5px;} .espace_icone p {width: 100%; overflow: auto; height:80px; padding: 10px;} .espace_icone p a, .espace_icone p a:link, .espace_icone p a:active, .espace_icone p a:visited, .espace_icone p a:hover {text-decoration: none!important; color: black; font-family: 'Annie Use Your Telescope';} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style> <div class="contour_fiche_nyo"><div class="contour_fiche2_nyo"><img src="IMAGE 200x320 PIXELS"><div class="cote_droite_nyo"><div class="pseudo">Mon histoire...</div><!-- --><p>Texte sur l'histoire de votre personnage </p><!-- --><div class="espace_icone"> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a></p></div> </div></div><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div></div> Un petit conseil : Pour trouver rapidement où mettre le lien de votre image faites "ctrl + f" puis tapez "IMAGE". Remplacez alors les mots "IMAGE" (CEUX EN MAJUSCULES) par les liens | |
|