CODE RP // Magnolia
(codepen)
Voilà un petit code de rp pour forumactif ; il est plutôt simple mais s'avère responsive et vous pouvez contrôler la taille de texte, les polices, et les couleurs (fond, hachures, bordures, texte...). Vous pouvez également changer l'image de la fleur pour en mettre une qui vous plaît +, l'image s'adaptera pour se mettre à moitié à l'intérieur du cadre. cf exemple sous le cut.
Important : je code exprès pour forumactif, je fais donc en sorte que les retours à la ligne ne soient pas pris en compte dans le code, sauf dans la div qui contient le rp. Vous pouvez donc copier-coller tel quel la partie HTML du codepen dans votre post sur FA. Pour le CSS, vous pouvez l'enregistrer dans un fichier .css et l'héberger sur dropbox par exemple, ou bien l'intégrer directement à votre post entre deux balises <style></style>, mais à ce moment-là il faudra retirer les retours à la ligne.
Personnalisation :
Pour personnaliser les couleurs et les polices, utilisez les variables css au début de la div .pkb_magnolia :
.pkb_magnolia{ --pkbmag_font: POLICE PRINCIPALE (par défaut : Roboto); --pkbmag_wgt: GRAISSE DE LA POLICE PRINCIPALE (400); --pkbmag_size: TAILLE DU TEXTE PRINCIPAL (16px); --pkbmag_font_titre: POLICE DU TITRE (Pirata One); --pkbmag_wgt_titre: GRAISSE DU TITRE (400); --pkbmag_size_titre: TAILLE DU TITRE (60px); --pkbmag_font_infos: POLICE DU TAG/NBRE DE MOTS (Roboto Serif); --pkbmag_wgt_infos: GRAISSE DU TAG/NBRE DE MOTS; --pkbmag_color_txt: COULEUR DU TEXTE (#300b12); --pkbmag_color_bord: COULEUR DES BORDURES (#300b12); --pkbmag_color_hash: COULEUR DES HACHURES (#958281); --pkbmag_color_fond: COULEUR DU FOND (#f6f4eb); }
btw j'ai un ko-fi si ça vous intéresse ; bon rp !
