Fiche de Relations (à venir)

    avatar
    Arya Evans
    Admin
    Cheftaine des Magassionnels

    Messages : 3329
    Age : 35
    Métier : Magassionnelle
    Nature : Shiromag
    Niveau : //

    Fiche de Relations (à venir)

    Message  Arya Evans le Dim 4 Mar 2018 - 18:26

    Fiche de Relation
    Cette fiche peut aussi bien vous servir à établir la liste des relations entretenues par votre personnage, qu'à annoncer celles que vous aimeriez développer. À vous de moduler ce modèle selon l'inspiration !

    Ceux qui seront intéressés ou voudront vous faire des propositions répondront à la suite de votre message.



    Code:
    <div class="fond"><div style="background-image:url('https://redcdn.net/hpimg4/pics/556570Sanstitre13.png'); height: 400px;" class="img_1">
    <div class="pseudo">PRENOM</br>NOM</div>
    <div class="récap">Sexe, âge,
    Nature magique (score de Faëly)
    Guilde</div></div>


    <div class="bloc_1"><div class="h2">Résumé</div><div class="t1"></div>
    <div class="text_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.

    </div></div>

    <div class="bloc_2"><div class="h2">Relations développées</div><div class="t1"></div>
    <div class="text_1"><table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table>


    <table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table>


    <table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table>


    <table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table>


    <table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table>

    </div></div>

    <div class="bloc_2"><div class="h2">Relations recherchées</div><div class="t1"></div>
    <div class="text_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.

    <table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table>


    <table><tr><td><img src="blabla" class="img_mini" /></td><td style="vertical-align: top;"><div class="detail"><b>Prénom Nom</b>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vestibulum fringilla lectus non vestibulum. Maecenas fringilla arcu a elit commodo, a sagittis turpis consectetur. Suspendisse at elementum lorem. Nulla iaculis in elit malesuada cursus. Praesent vitae viverra lectus. Pellentesque aliquet, ante eget pellentesque convallis, massa dolor porttitor magna, eu venenatis ex risus vel lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum id dui elit. Duis nec ante nec nisl congue aliquet molestie id turpis. Ut fringilla interdum metus, in sollicitudin neque ultrices vitae. Proin orci ipsum, rutrum sed ornare at, aliquam et tellus. Fusce vulputate massa et est fringilla faucibus. Donec ac enim quis nisl pellentesque lobortis vel eget magna.</div></td></tr></table></div></div>


    </div></div>


    _________________
    T'es mort