Fiche de presentation

Ven 23 Juin 2017 - 21:32

Nishiki

Age : 26Messages : 325

Ven 23 Juin 2017 - 21:32

Ma demande

Bonjour :)
J'aimerais que quelqu'un me fasse une petite fiche de présentation, avec code html ^^'

Schéma(s) et Eléments

Schémas :

fiche de base:

survol de relation:

survol de rp:

Tailles des éléments : pour le tout : 550*850
pour le nom du personnage : architects daughter taille 25px en small-caps, entre le haut du bloc et le cadre citation 43px
cadre citation : 30px, ecrit en constantia 15px et italique
entre la cadre citation et l'image il y a 10px environ
l'image doit faire 400*350 et être redimensionnée auto
entre l'image et les cadres en dessous 10px aussi et il y a 10px entre chaque cadres
le cadre identitée et pouvoir : 200*140, titre constantia ital' 15px et ecrit 12px avec une barre de défilement; pour le titre y a 25px avant le trait de 5px qui sépare le titre et le texte
le cadre histoire et caractère : 450*140; le reste est identique a ceux si dessus
cadre relation et rps : taille je sais pas entre 20 et 30px de haut, le titre est de 15px constantia.

pour le cadre vous : il est séparé de la fiche par 20px ; 550*170px, titre architects daughter taille 25px en small-caps, question constantia 15px et les réponses en 12px (si possible)

pour le cadre relation : 500*800
pour les bloc interne : 450*200, nom 20px architects daughter en small caps dans un bloc de 450*50, ecrit et info 15px avec les info' en italique avec 450*50

pour le cadre rp : 500*800
pour les bloc internes : 490*40 l'écrit est en constantia 15px avec un lien
Effets voulus : lorsqu'on survol les blocs relation et rps j'aimerais que le fond soit transparent si possible
Version de votre forum : PHPBB2,

Ressources

image perso : https://i.servimg.com/u/f11/18/37/57/01/iamage10.png
lien police :

Code:: <link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet" />

Autres précisions ?

//

Merci beaucoup !

Dernière édition par Nishiki le Ven 28 Juil 2017 - 14:08, édité 1 fois

Sam 1 Juil 2017 - 13:30

Nishiki

Age : 26Messages : 325

Sam 1 Juil 2017 - 13:30

J'ai commencé un truc du coup mais voilà je galère pas mal quand même j'ai juste quelques bases de code alors c'est pas simple :/

Code:: <body><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Architects+Daughter"><center> <div style="width:550px; height:850px; background:#7C5E8F; position: relative;> <span style="font-family:'Architects Daughter', cursive; font-size:25px; letter-spacing: -1px; color:#C4CAE4; float:left; left:250;">Nom de votre personnage</div> <div style="width:550px;color cc66ff; font-family:'Architects Daughter', cursive; font-size:15px; letter-spacing: -1px; background:#4D4777; float:left; top:43px;"><i>Citation</i></div> <div style="width: 400px; height:350px;<br><img src="https://i11.servimg.com/u/f11/18/37/57/01/shya10.png"; ><br><br> <span style="width:200px; color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px; float:left; left:30px;"><i>Identité</i></div> <div style="margin-left: 20px; display: inline-block; float: left; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777"> </div></div> </center> </body>

J'ai pris une fiche déjà existante sur mon forum et j'ai tenté de la modifier mais je crois que au final ça ma plus perdue qu'autre chose :/

Dim 2 Juil 2017 - 1:30

Nishiki

Age : 26Messages : 325

Dim 2 Juil 2017 - 1:30

Bon finalement après toute une journée de galère et avec l'aide de quelques amis j'ai réussit à faire ca :

Code:: <body><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Architects+Daughter"> <center> <div style="width:550px; height:930px; background:#7C5E8F; position: relative;"> <span style="font-family:'Architects Daughter', cursive; font-size:25px; letter-spacing: -1px; color:#C4CAE4; float:left; left:250;">Nom de votre personnage<div style="width:550px; font-family:'Architects Daughter', cursive; font-size:20px; letter-spacing: -1px; background:#4D4777; float:left; top:43px;"><i>Citation</i></div></span> <div><img style="width: 400px; height:350px;" src="https://i11.servimg.com/u/f11/18/37/57/01/shya10.png"></div> <div style="float:right;width:340px;margin-right:20px;"><i style="color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;"><span style="float:left">Identité</span><span style="float:right">Pouvoir</span></i></div> <ul style="list-style-type:none;display:inline"><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: left; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;">Âge : </br>Sexe : </br>Espèce : </br>Race : </br>Clan : </br>Rang: </br>Famille :</br></div></li><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: right; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;">Pierre : </br><center>Description ici</center></div></li></ul><div style="margin-top:160px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Caractère</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;"></div><div style="margin-top:20px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Histoire</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;"></div></div></center></body>

Il manque du coup les petits cadres relations et liste des rps qui au survolent de la sourie affichent les grand cadres transparents ... simplement je suis pas vraiment sur de savoir faire les effets du coup j'en revient à votre aide

Merci de votre aide

Jeu 6 Juil 2017 - 13:09

Nishiki

Age : 26Messages : 325

Jeu 6 Juil 2017 - 13:09

toujours d'actualité ^^ je n'arrive pas à positionner les deux petits cadres en bah et encore moins à faire les deux autres qui s'ouvrent ^^

Merci d'avance à celui ou celle qui pourra m'aider !

Sam 8 Juil 2017 - 23:46

Nishiki

Age : 26Messages : 325

Sam 8 Juil 2017 - 23:46

toujours d’actualité :)

Mar 11 Juil 2017 - 2:45

Nishiki

Age : 26Messages : 325

Mar 11 Juil 2017 - 2:45

petite relance :)

Ven 14 Juil 2017 - 13:27

Nishiki

Age : 26Messages : 325

Ven 14 Juil 2017 - 13:27

toujours d'actualité :)

Lun 17 Juil 2017 - 15:29

Nishiki

Age : 26Messages : 325

Lun 17 Juil 2017 - 15:29

toujours d'actualitée, le code à était commencé mais je n'arrive pas à le finir.

Merci de votre aide

Ven 21 Juil 2017 - 0:52

Nishiki

Age : 26Messages : 325

Ven 21 Juil 2017 - 0:52

Coucou :)
La demande est toujours d'actualité :)

Dim 23 Juil 2017 - 22:57

Nishiki

Age : 26Messages : 325

Dim 23 Juil 2017 - 22:57

Bonjour !
La commande est toujours d'actualitée :) je reposte le code :

Code:: <body><br><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Architects+Daughter"> <center> <div style="width:550px; height:930px; background:#7C5E8F; position: relative;"> <span style="font-family:'Architects Daughter', cursive; font-size:25px; letter-spacing: -1px; color:#C4CAE4; float:left; left:250;">Nom de votre personnage<div style="width:550px; font-family:'Architects Daughter', cursive; font-size:20px; letter-spacing: -1px; background:#4D4777; float:left; top:43px;"><i>Citation</i></div></span> <div><img style="width: 400px; height:350px;" src="https://i11.servimg.com/u/f11/18/37/57/01/shya10.png"></div> <div style="float:right;width:340px;margin-right:20px;"><i style="color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;"><span style="float:left">Identité</span><span style="float:right">Pouvoir</span></i></div> <ul style="list-style-type:none;display:inline"><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: left; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;">Âge : </br>Sexe : </br>Espèce : </br>Race : </br>Clan : </br>Rang: </br>Famille :</br></div></li><li style="margin-left:20px;margin-right:20px"><div style="overflow:scroll;overflow-x:hidden;float: right; width:200px; height:140px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;">Pierre : </br><center>Description ici</center></div></li></ul><div style="margin-top:160px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Caractère</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;"></div><div style="margin-top:20px;margin-left:20px;margin-right:20px;text-align:right;"><i style="color:#C4CAE4; font-family:'constantia', cursive; font-size:15px; letter-spacing: -1px;">Histoire</i></div><div style="overflow:scroll;overflow-x:hidden;height:100px;margin-left:20px;margin-right:20px; color:#6666ff; text-align: justify; padding: 8px; background:#d2c4f2; border-top:solid 5px #4D4777;"></div></div></center></body>

Ven 28 Juil 2017 - 14:08

Nishiki

Age : 26Messages : 325

Ven 28 Juil 2017 - 14:08

e sujet peut être archivé ^^

Contenu sponsorisé

Fiche de presentation

Ma demande

Schéma(s) et Eléments

Ressources

Autres précisions ?

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée