Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Fiche RP très basic

    Partagez
    FémininAge : 25Message(s) : 1288

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    3/10  (3/10)
    Fyraliel
    le Lun 23 Mai 2016 - 19:43


    Bonjour tout le monde,

    Je viens vous proposer une fiche de rp simple et basic, sans image.
    un petit screen de la fiche vous aidera à y voir plus clair Wink

    Un petit merci fera apparaître le code Wink

    Enjoy !

    Code:
    <style>.fleche_haut {margin: auto; width: 0;height: 0;border-left: 300px solid transparent;border-right: 300px solid transparent;border-bottom: 250px solid #64A8B2;}.titre_rp {width: 100%;text-align: center;font-family: 'Time New Roman'; font-size: 30px;position: absolute;top: -130px;}.fiche_corps{margin: auto; width: 596px;height: 500px;border: 2px solid #B2825A;background: #FFC79A;position: relative;}.cadre_rp {width: 80%;height: 395px;border: 1px solid #64A8B2;background: #FFD5B4;margin: 50px auto 0px auto;font-family: 'Time New Roman';font-size: 15px;text-align: justify;padding: 5px 5px 0;overflow: auto;}.fleche_bas{width: 0;height: 0;border-left: 300px solid transparent;border-right: 300px solid transparent;border-top: 250px solid #64A8B2;margin: auto;}</style>
    <div class="fleche_haut"></div><div class="fiche_corps"><div class="titre_rp">titre du rp</div><div class="cadre_rp">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus ullamcorper congue. Morbi in consequat erat. Integer ultrices turpis ut posuere ultricies. Vestibulum interdum turpis at placerat gravida. Sed vel pretium purus, et maximus augue. Proinornare nulla ac egestas mollis. Aenean viverra cursus dolor, nec euismod ex elementum ac. Suspendisse arcu magna, tincidunt vitae bibendum ac, ornare vel purus. Integer suscipit pulvinar sollicitudin. Phasellus id dignissim sem. Praesent dapibus nisi vel consectetur porttitor. Vestibulum gravida lorem et lacinia suscipit. Nam nisl massa, convallis sed enim ullamcorper, volutpat laoreet tellus. Ut eleifend ornare tellus, sed vestibulum lacus dictum laoreet. Donec sed facilisis ante. Ut tempor malesuada ipsum, eu posuere quam mollis quis.

    Nulla sollicitudin malesuada dui, at rhoncus nisi ultrices vel. Nam lobortis ligula ac consectetur luctus. Cras nec quam nisl. Sed quis efficitur risus, id consectetur nunc. Nulla vel vulputate ligula. Praesent non est bibendum, eleifend magna vitae, consequat dui. Phasellus tempor ultricies lorem. Sed et dui ex. Fusce in volutpat eros. Vivamus viverra, turpis condimentum tincidunt mollis, velit mauris iaculis est, ac rutrum dui velit rhoncus ipsum. Praesent auctor est quis efficitur posuere. Aenean et purus neque. Morbi vitae dignissim lorem. Donec leo mauris, aliquet aliquet nisi id, commodo sollicitudin nunc. Maecenas risus enim, congue sed turpis ac, ultricies tincidunt magna. Aliquam a magna quis justo venenatis sodales. Pellentesque dolor sapien, elementum gravida magna sed, commodo placerat tortor. Duis a ante tristique, rutrum massa a, elementum magna. Mauris semper justo a ipsum malesuada efficitur. Pellentesque eget sapien porttitor, lacinia leo sed, tincidunt velit. Phasellus metus purus, tristique ac est a, elementum cursus massa. Maecenas ultricies condimentum varius. Pellentesque elementum feugiat risus, ac laoreet turpis feugiat eu. Nam porta at lectus vel auctor.

    Curabitur id tempor turpis. Suspendisse luctus urna non felis dictum condimentum. Nunc sodales ultricies ipsum et hendrerit. Cras ultrices neque ac volutpat aliquet. Sed bibendum ante vel orci faucibus mollis. Integer a lorem sodales, cursus diam id, euismod ante. Donec enim est, ultrices sed est vel, auctor placerat turpis.
    <a href="http://www.never-utopia.com/" style="width: 100%;color: #9AF1FF;font-size: 10px;position: absolute;bottom: -50px;right: -1px;display: block; text-align: center;">Fyraliel</a></div></div><div class="fleche_bas"></div>


    Merci Onyx
    Message(s) : 3905

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    9/10  (9/10)
    Nihil Scar Winspeare
    le Ven 24 Juin 2016 - 0:01
    Coucou Fyra !

    Je viens de tester ta fiche ta jolie petite fiche.

    J'ai un premier soucis, avec une div mal fermée. Je crois que c'est "fiche_corps", je ne suis pas totalement sûre. J'ai pas encore regardé le reste, mais je préviens tout de suite pour ça au moins ♥︎

    Ensuite je mets les premiers trucs / conseils / remarques chiantes / whatever / tu en fais ce que tu veux en vracs auxquels je pense :
    Dans le CSS de ".titre_rp", petite étourderie, c'est "font-family" pas "font" je crois :)

    Pour .cadre_rp, je te conseille de définir la largeur en pourcentage peut-être ! Comme ça si quelqu'un veut changer la largeur, il aura moins de travail (pas besoin de calculer la seconde largeur !)

    J'ai vu que tu avais mis pour les marges de .cadre_rp ceci "margin: 50px 0 0 69px;"
    Ca veut dire que si je change la largeur de la fiche, je dois changer ici aussi, le 69px :hum:
    Pour centrer automatiquement, je te conseille de mettre :
    Code:
    margin: 50px auto 0 auto;

    ou bien :
    Code:
    margin: auto; /* centrage */
    margin-top: 50px; /* marge en haut  */

    Ca serait cool que la fiche soit centrée, non ? Chez moi elle colle sur la gauche du message Sad
    margin: auto sur les div à centrer (celles avec une largeur) et PAF, ça fait de la magie.
    FémininAge : 25Message(s) : 1288

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    3/10  (3/10)
    Fyraliel
    le Sam 25 Juin 2016 - 12:25
    Je vais essayer de m occuper de ca rapidement, comme tu peux le voir j ai toujours un petit souci de clavier :/


    Merci Onyx
    FémininAge : 25Message(s) : 18542

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    le Mar 19 Juil 2016 - 11:31
    @Fyraliel , tu as pu te pencher sur ça ? :)


     
    FémininAge : 25Message(s) : 1288

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    3/10  (3/10)
    Fyraliel
    le Jeu 21 Juil 2016 - 19:44
    Non je n'ai pas encore eu le temps désolée


    Merci Onyx
    FémininAge : 23Message(s) : 2596

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    13/20  (13/20)
    Onyx
    le Dim 2 Oct 2016 - 23:03
    Salut!

    C'est un lozange, j'adore *o* Merci pour le partage ^^

    Edit 2016-10-04 : N'ayant pas eu de retour, j'ai effectué les modifications. Du coup,je valide.


    Contenu sponsorisé
    Aujourd'hui à 12:39

      La date/heure actuelle est Sam 3 Déc 2016 - 12:39