#code rp

Fiche rp inspirée du jeu Clair Obscur : Expedition 33 par LYA (merci de ne pas retirer le crédit).

Il y a 3 versions : une dark, une light et une qui s'adapte au dark/light de vos forum ! CSS externe.

FICHE DE RP 1 - Par Swan - Code ici (fond transparent)

BONJOUR.

J'ai pas codé d'puis un bail mais je vais remettre des trucs à jour alors je partage. Vous pouvez adapter les couleurs et la taille de la police, vous ne pouvez pas retirer les crédits et modifier le code. Merci. <3

FICHE RP #7 - MIDNIGHT SHADOW



{ LIEN VERS LE CODE }



PREVIEW — DESCARGA

Dos versiones disponibles, con imagenes de encabezado o sin ellas.

No hay cambios de color porque es blanco y negro, si alguien lo quiere en modo oscuro estoy dispuesta a hacerlo, sólo menciónenlo en el post, en mi ask, en mis mensajes, whenever.

CSS externo

Las imagenes se autoajustan al centro y a lo ancho o largo, depende de lo que la imagen necesite.

No hay post de trama para este ni es parte de ningún pack. Sin embargo si quiero hacer un pack más completo con cosas de Til The End of The Moon.

Code rp/post simple #1

[ pastebin square ] [ pastebin circle ]

Informations :

Like or reblog if you use this code ❤︎

Don't remove the credit at the end of the code and try to credit the people who made the gif or icons you're gonna use.

You are welcome to change the colors, size, typo/font or number of icons as much as you want.

This code is made to work on forumactif platforms.

Petit code pour un effet moodboard avec cadre autour des images, pour un rendu carré. Adapté pour les forums de 800px. En cas de soucis ou d’envie de modifier, fais-moi un message !  Le code resize les images de façon à ne rien déformer. Le format des cadres est fixe.

Le code est libre d’utilisation, mais un petit crédit à drake passe toujours bien !

----------------------------------------------  Partie feuille de style  

----------------------------------------------

.parent {    display: grid;    grid-template-columns: repeat(2, 150px) 100px 160px 1fr;    grid-template-rows: 160px 130px 150px 130px 1fr;    grid-column-gap: 5px;    grid-row-gap: 5px; }

.div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9 {    background-position: 50%;    background-size: cover;    border-radius: 3px;    border: white 7px solid; }

.div1 {grid-area: 1 / 2 / 2 / 3;} .div2 {grid-area: 2 / 2 / 4 / 4;} .div3 {grid-area: 1 / 1 / 3 / 2;} .div4 {grid-area: 3 / 1 / 4 / 2;} .div5 {grid-area: 1 / 3 / 2 / 5;} .div6 {grid-area: 4 / 1 / 5 / 3;} .div7 {grid-area: 2 / 4 / 3 / 5;} .div8 {grid-area: 3 / 4 / 5 / 5;} .div9 {grid-area: 4 / 3 / 5 / 4;}

----------------------------------------------

Partie post 

----------------------------------------------

<div class="parent"><div class="div1" style="background-image:url(#URL_ICI)"></div><div class="div2" style="background-image:url(#URL_ICI)"></div><div class="div3" style="background-image:url(#URL_ICI)"></div><div class="div4" style="background-image:url(#URL_ICI)"></div><div class="div5" style="background-image:url(#URL_ICI)"></div><div class="div6" style="background-image:url(#URL_ICI)"></div><div class="div7" style="background-image:url(#URL_ICI)"></div><div class="div8" style="background-image:url(#URL_ICI)"></div><div class="div9" style="background-image:url(#URL_ICI)"></div></div>

Après avoir fait une fiche de liens la semaine dernière, je me suis dit que l'idée était trop intéressante pour ne pas poursuivre. Je prépare donc ce post quelques minutes après le précédent. Ce code va mettre en valeur vos merveilleux rp. Je l'ai agrémenté d'une image de Moon Bin pour rester dans le thème Astro après Eun-woo la semaine dernière aha. → Pour voir le code c'est ici

— les images sont modifiables dans le code, elles se recadrent automatiquement. — la hauteur de la fiche s'adapte automatiquement. — la couleur se change dans le style en bas. — ne pas retirer le lien vers mon Tumblr.

ᴄᴏᴅᴇ {{ 01. CARACTER PRESENTATION }}

infos [en]

- No credit needed (but feel free to credit if you can) - You can use it for base, I don’t mind! - The image will fit automatically in the <div> no worries! - DM me if there’s any problem!

infos [fr]

- Aucun crédit demandé (mais si vous le pouvez, pourquoi pas!) - Vous pouvez l’utiliser comme base, ça me fait plaisir! - L’image sera automatiquement recadrée dans le <div> - Ma boite à MP est ouverte si jamais il y a un soucis!