Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Commande de code !
Bonjour
ou bonsoirToi aussi, tu es en recherche d’aventure et de périple ? Eh bien, je te souhaite la bienvenue à bord ! Je me présente, Capitaine Lisbeth ! Bon en vrai, c’est plutôt le poste d’Alya, mais Woualah, c’est plus classe en pirate !
Eh bien, tu commences bien mousaillon ! Si je suis là, c’est pour te proposer des petits codes sympatoches pour tes petits rps / liens / signa et j’en passe.
- Partie fiche rp:
- Partie fiche de lien:
Non parce qu’on est pas des pros m’dame
C'est simple moussaillon ! Prend ce saké, ce siège-là et je te montre juste en dessous le petit code que tu vas devoir utiliser ! T’inquiètes, c’est simple comme Ohayo.
- Code:
[b]Quel est la demande ?[/b] []Fiche RP []Fiche Lien []Réparation de code
[b]Quel texte voulez-vous ? [/b] [i](dans l'optique ou vous voulez des textes en haut du rp ![/i]
[b]Quel ambiance ? [i]Plutôt sombre, clair ? contrasté ?[/i][/b]
[b]Quels sont vos images pour le header ?[/b] [i](mettre le lien direct de l'image)[/i]
[b]Une idée de ce que vous désirez ? [i]Hésitez pas à mettre des dessins ![/i][/b]
[b]Une précision ?[/b]
Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Re: Commande de code !
Messages : 986
Date d'inscription : 30/03/2021
Messages : 986
Date d'inscription : 30/03/2021
Re: Commande de code !
Quel texte voulez-vous ? (dans l'optique ou vous voulez des textes en haut du rp !
Quel ambiance ? Plutôt sombre, clair ? contrasté ?
Quels sont vos images pour le header ? (mettre le lien direct de l'image)
Une idée de ce que vous désirez ? Hésitez pas à mettre des dessins !
Une précision ?
- Le code:
- Code:
<link href="https://coderps.xyz/codesrps/lsredioactif1.css" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed" rel="stylesheet"><style>.koala{display:flex; justify-content:center; font-size:8px; letter-spacing:5px; }</style> <div class="red_rp">
[center]<img src="https://i.pinimg.com/originals/c6/30/fe/c630fecd8a1298beff77fcdfe3575d30.gif" class="red_img">[/center]
<h1>Un pouvoir non mérité</h1>
<div class="contenurp">Il faisait froid et je voulais juste rentrer chez moi, me faire couler un bon bain et oublier cette journée de merde. Les travaux arrivaient sur leur fin mais j'en avais marre de rien faire de mes journées à part superviser des gars qui me répétaient sans cesse "on ne peut pas aller plus vite sur la musique". Non mais, t'es pas obligé de prendre 30 minutes de pause toutes les heures du con. Bref, avant que je ne colle des tartes au premier qui me répond, je préfère rentrer chez moi.
Une dizaine de minutes plus tard, j'arrivais enfin chez moi. Je pris l'ascenseur pour aller jusqu'à mon appartement et puis, j'entendis des aboiements derrière la porte... Je levais les yeux au ciel avant de lâcher un gros soupire et un "putain, c'est vrai". Ma sœur avait eu la merveilleuse idée de prendre un clébard... Comme si on avait réellement la place pour ça. Elle ne pouvait pas prendre un chat ou un lapin, comme toute personne sensée ? J'entendrais dans mon appart' et me faisais déjà bousculer par la bestiole.
[b][color=darkblue]- Tss, va-t-en. J'suis pas ta maîtresse moi. Allez, zou, dégage ![/color][/b] Dis-je en faisant des mouvements de la main pour le faire reculer.
Je détestais les bestioles quand elles gigotaient partout et s'excitaient pour un rien ; c'était pour cette raison que je détestais les chiens. Notamment quand ces bestioles allaient devenir IMMENSE. Malheureusement, je n'avais pas pu mettre mon véto dans cette folie puisqu'elle était revenue avec le chien sans me laisser l'occasion de dire non. Je m'accroupis pour retirer mes chaussures et v'la que le chien s'approche pour commencer à me lécher le visage, je me lève d'un bond en râlant.
[b][color=darkblue]- Mais putain !! Me lèche pas, j'suis pas ta pote !! Je vais la tuer avec ses idées à la con celle-là. [/color][/b]
Je me lève pour m'éloigner de cette boule de poils et me dirige vers ma chambre pour y retirer mes chaussures ; là au moins, j'aurais la paix dans ma piaule. Mais alors que je me dirige vers ma chambre, je remarque que celle de Dinath est ouverte... Pourtant, elle n'est pas là ? Non, je ne pense pas, sinon elle serait sortie de sa chambre pour m'engueuler sur mon comportement avec son petit chien-chien. Je le regarde d'un sale œil en me disant qu'il avait dû faire des conneries dans sa chambre.
Je me permets d'entrer pour vérifier si aucune godasse n'avait été mangé ou qu'aucun pipi n'était sur le lit... Mais bon, à part un sacré bordel, je ne remarque pas grand chose. Bien qu'une chose attire mon œil. Je m'approche du bureau pour regarder dans un sachet dans lequel se trouvait... du saucisson ?! Je laissais échapper un petit rire avant de me permettre un commentaire à voix haute.
[b][color=darkblue]- Végan mon cul, ouais.[/color] [/b]
Je savais qu'elle me sortait des cracks. Voilà ce qu'elle faisait une fois dans sa chambre, elle s'enfilait un gros sauciflard toute seule... Mais quelle égoïste ! Pour lui filer une bonne leçon, je décide de le garder. Je commence à faire demi-tour mais m'arrête quand une petite voix m'apostrophe.
[b][color=mediumpurple]- Eh ! Repose-le espèce de sauvageonne ! [/color][/b]
Je me retourne mais ne vois personne... Je me contente de hausser un sourcil avant de baisser mon regard vers le clébard qui remuait la joyeusement la queue. Nan, ça devait être ma conscience... Je ne sais pas trop ce qu'elle foutrait là mais je ne comptais pas l'écouter. Je recommence à sortir de la chambre quand un petit truc volant se place en travers de mon chemin, me faisant reculer d'un bond en arrière.
[b][color=mediumpurple]- Tu n'as pas entendu ? C'est à moi ! [/color]
[color=darkblue]- Aaaah ! Mais t'es quoi toi ?![/color][/b] Dis-je en jetant un oreiller sur la créature.
Je ne pourrais même pas décrire cette créature. On aurait dit une sorte de petite peluche mais dans mes souvenirs, ça ne parle pas une peluche... A moins que je sois dans un rêve ou que j'en ai un peu trop pris. Ou que le chien m'ait assommé avec son gros cul. D'ailleurs, la petite bestiole se rapproche de moi pour essayer de me reprendre le saucisson que j'avais dans ma main.
[b][color=darkblue]- Eh oh ! On t'a pas appris les bonnes manières ?! [/color]
[color=mediumpurple]- C'est celle qui me vole mon saucisson qui me fait un cours sur les bonnes manières ?[/color]
[color=darkblue]- Mais j'm'en fou ! Je ne vais pas laisser une peluche me dicter sa loi. [/color]
[/b]
[b][color=mediumpurple]- Peluche ?![/color][/b] Dit-il sur un ton outré. [b][color=mediumpurple]Je suis un Kwami ![/color]
[color=darkblue]- Un quoi.. ?[/color]
[color=mediumpurple]- Mi.[/color][/b]
Mais ça ne me disait toujours pas ce que c'était ! Je décide tout de même de faire demi-tour pour lui poser le sachet sur le bureau... De toute façon, je pense qu'il ne m'aurait pas laisser sortir avec. Quel caractère de merde ce truc ! Je m'assois sur la chaise de son bureau pour l'observer, il venait de se jeter dans le sachet pour manger le saucisson... J'approche mon visage pour l'observer sous toutes les coutures.
[b][color=mediumpurple]- Ca va, je te dérange pas ? Tu veux mon autographe ? [/color]
[color=darkblue]- Parce que tu sais écrire ? Je suis sûre que tu n'es même pas capable de tenir un stylo.[/color]
[color=mediumpurple]- C'est un défi ?[/color]
[color=darkblue]- P't'être bien. [/color][/b]
S'en suit un combat de regard entre la bestiole et moi qui est finalement interrompu par les aboiements du chien et la clé qui tourne dans la porte d'entrée. Je vois la bestiole s'approcher d'une boîte qu'il fait tomber au sol, la refermant et le faisant disparaître... Sans trop réfléchir, je prends la boîte tombée au sol que je fourre dans ma poche et me saisie du sachet de saucisson au moment où ma sœur entre dans sa chambre.
[b][color=darkblue]- Ah ah ! Prise la main dans le sac ! Je savais que tu racontais des cracks ! [/color][/b]Dis-je en tendant fièrement l'arme du crime.</div>
<a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a></div>
Du coup, je voulais savoir si c'était possible de me rajouter une ligne de codage pour que je puisse décider de la police d'écriture (dans le corps du texte) ainsi que de la taille s'il te plait
Merki d'avance
- Des conneries:
Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Re: Commande de code !
Alors pour ton code, tu ne pouvait pas modifier la taille et la police car tu avait le code css fourni sur une feuille enregistrer ailleurs. Pour que cela fonctionne, j'ai donc enlever le lien entre cette feuille et ton code et j'ai instaurer le style de ta fiche en haut de ton rp
Si jamais, je te fournis aussi la version ou je force la police et la taille dans une balise style dans ton code ! Comme ça tu auras le choix
- Partie avec style en haut :
- Code:
<style>.red_rp{width:500px; margin:0 auto; background-color:#D2D2D2; padding:20px;}.red_rp .red_img{ width:460px; height:200px; object-fit:cover; border:#A4A4A4 solid 10px; position:relative; z-index:7;}.red_rp h1{ font-family: 'Stint Ultra Condensed', cursive; font-size:25px; line-height:27px; color:#5B5B5B; background-color:#fff; padding:10px; text-transform:uppercase; font-weight:normal; text-align:center; display:block; margin-top:-30px; z-index:13; position:relative;} .red_rp .contenurp{padding:20px; font-size:12px; line-height:13px; text-align:justify; background-color:#fff; border:#A4A4A4 1px solid; font-family: fangsong;}.koala{display:flex; justify-content:center; font-size:8px; letter-spacing:5px; font-size:9px; font-family:century gothic; letter-spacing:4px; text-align:center; margin-top:-15px; display:block; color:#AAAAAA; display:flex; justify-content:center; font-size:8px; letter-spacing:5px; }</style>
<div class="red_rp">
[center]<img src="https://i.pinimg.com/originals/c6/30/fe/c630fecd8a1298beff77fcdfe3575d30.gif" class="red_img">[/center]
<h1>Un pouvoir non mérité</h1>
<div class="contenurp">Il faisait froid et je voulais juste rentrer chez moi, me faire couler un bon bain et oublier cette journée de merde. Les travaux arrivaient sur leur fin mais j'en avais marre de rien faire de mes journées à part superviser des gars qui me répétaient sans cesse "on ne peut pas aller plus vite sur la musique". Non mais, t'es pas obligé de prendre 30 minutes de pause toutes les heures du con. Bref, avant que je ne colle des tartes au premier qui me répond, je préfère rentrer chez moi.
Une dizaine de minutes plus tard, j'arrivais enfin chez moi. Je pris l'ascenseur pour aller jusqu'à mon appartement et puis, j'entendis des aboiements derrière la porte... Je levais les yeux au ciel avant de lâcher un gros soupire et un "putain, c'est vrai". Ma sœur avait eu la merveilleuse idée de prendre un clébard... Comme si on avait réellement la place pour ça. Elle ne pouvait pas prendre un chat ou un lapin, comme toute personne sensée ? J'entendrais dans mon appart' et me faisais déjà bousculer par la bestiole.
[b][color=darkblue]- Tss, va-t-en. J'suis pas ta maîtresse moi. Allez, zou, dégage ![/color][/b] Dis-je en faisant des mouvements de la main pour le faire reculer.
Je détestais les bestioles quand elles gigotaient partout et s'excitaient pour un rien ; c'était pour cette raison que je détestais les chiens. Notamment quand ces bestioles allaient devenir IMMENSE. Malheureusement, je n'avais pas pu mettre mon véto dans cette folie puisqu'elle était revenue avec le chien sans me laisser l'occasion de dire non. Je m'accroupis pour retirer mes chaussures et v'la que le chien s'approche pour commencer à me lécher le visage, je me lève d'un bond en râlant.
[b][color=darkblue]- Mais putain !! Me lèche pas, j'suis pas ta pote !! Je vais la tuer avec ses idées à la con celle-là. [/color][/b]
Je me lève pour m'éloigner de cette boule de poils et me dirige vers ma chambre pour y retirer mes chaussures ; là au moins, j'aurais la paix dans ma piaule. Mais alors que je me dirige vers ma chambre, je remarque que celle de Dinath est ouverte... Pourtant, elle n'est pas là ? Non, je ne pense pas, sinon elle serait sortie de sa chambre pour m'engueuler sur mon comportement avec son petit chien-chien. Je le regarde d'un sale œil en me disant qu'il avait dû faire des conneries dans sa chambre.
Je me permets d'entrer pour vérifier si aucune godasse n'avait été mangé ou qu'aucun pipi n'était sur le lit... Mais bon, à part un sacré bordel, je ne remarque pas grand chose. Bien qu'une chose attire mon œil. Je m'approche du bureau pour regarder dans un sachet dans lequel se trouvait... du saucisson ?! Je laissais échapper un petit rire avant de me permettre un commentaire à voix haute.
[b][color=darkblue]- Végan mon cul, ouais.[/color] [/b]
Je savais qu'elle me sortait des cracks. Voilà ce qu'elle faisait une fois dans sa chambre, elle s'enfilait un gros sauciflard toute seule... Mais quelle égoïste ! Pour lui filer une bonne leçon, je décide de le garder. Je commence à faire demi-tour mais m'arrête quand une petite voix m'apostrophe.
[b][color=mediumpurple]- Eh ! Repose-le espèce de sauvageonne ! [/color][/b]
Je me retourne mais ne vois personne... Je me contente de hausser un sourcil avant de baisser mon regard vers le clébard qui remuait la joyeusement la queue. Nan, ça devait être ma conscience... Je ne sais pas trop ce qu'elle foutrait là mais je ne comptais pas l'écouter. Je recommence à sortir de la chambre quand un petit truc volant se place en travers de mon chemin, me faisant reculer d'un bond en arrière.
[b][color=mediumpurple]- Tu n'as pas entendu ? C'est à moi ! [/color]
[color=darkblue]- Aaaah ! Mais t'es quoi toi ?![/color][/b] Dis-je en jetant un oreiller sur la créature.
Je ne pourrais même pas décrire cette créature. On aurait dit une sorte de petite peluche mais dans mes souvenirs, ça ne parle pas une peluche... A moins que je sois dans un rêve ou que j'en ai un peu trop pris. Ou que le chien m'ait assommé avec son gros cul. D'ailleurs, la petite bestiole se rapproche de moi pour essayer de me reprendre le saucisson que j'avais dans ma main.
[b][color=darkblue]- Eh oh ! On t'a pas appris les bonnes manières ?! [/color]
[color=mediumpurple]- C'est celle qui me vole mon saucisson qui me fait un cours sur les bonnes manières ?[/color]
[color=darkblue]- Mais j'm'en fou ! Je ne vais pas laisser une peluche me dicter sa loi. [/color]
[/b]
[b][color=mediumpurple]- Peluche ?![/color][/b] Dit-il sur un ton outré. [b][color=mediumpurple]Je suis un Kwami ![/color]
[color=darkblue]- Un quoi.. ?[/color]
[color=mediumpurple]- Mi.[/color][/b]
Mais ça ne me disait toujours pas ce que c'était ! Je décide tout de même de faire demi-tour pour lui poser le sachet sur le bureau... De toute façon, je pense qu'il ne m'aurait pas laisser sortir avec. Quel caractère de merde ce truc ! Je m'assois sur la chaise de son bureau pour l'observer, il venait de se jeter dans le sachet pour manger le saucisson... J'approche mon visage pour l'observer sous toutes les coutures.
[b][color=mediumpurple]- Ca va, je te dérange pas ? Tu veux mon autographe ? [/color]
[color=darkblue]- Parce que tu sais écrire ? Je suis sûre que tu n'es même pas capable de tenir un stylo.[/color]
[color=mediumpurple]- C'est un défi ?[/color]
[color=darkblue]- P't'être bien. [/color][/b]
S'en suit un combat de regard entre la bestiole et moi qui est finalement interrompu par les aboiements du chien et la clé qui tourne dans la porte d'entrée. Je vois la bestiole s'approcher d'une boîte qu'il fait tomber au sol, la refermant et le faisant disparaître... Sans trop réfléchir, je prends la boîte tombée au sol que je fourre dans ma poche et me saisie du sachet de saucisson au moment où ma sœur entre dans sa chambre.
[b][color=darkblue]- Ah ah ! Prise la main dans le sac ! Je savais que tu racontais des cracks ! [/color][/b]Dis-je en tendant fièrement l'arme du crime.</div>
<a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a></div>
- code avec forçage de style :
- Code:
<link href="https://coderps.xyz/codesrps/lsredioactif1.css" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Condensed" rel="stylesheet"><style>.koala{display:flex; justify-content:center; font-size:8px; letter-spacing:5px; }</style> <div class="red_rp">
[center]<img src="https://i.pinimg.com/originals/c6/30/fe/c630fecd8a1298beff77fcdfe3575d30.gif" class="red_img">[/center]
<h1>Un pouvoir non mérité</h1>
<div class="contenurp" style="font-size:13px!important; font-family: arial!important;">Il faisait froid et je voulais juste rentrer chez moi, me faire couler un bon bain et oublier cette journée de merde. Les travaux arrivaient sur leur fin mais j'en avais marre de rien faire de mes journées à part superviser des gars qui me répétaient sans cesse "on ne peut pas aller plus vite sur la musique". Non mais, t'es pas obligé de prendre 30 minutes de pause toutes les heures du con. Bref, avant que je ne colle des tartes au premier qui me répond, je préfère rentrer chez moi.
Une dizaine de minutes plus tard, j'arrivais enfin chez moi. Je pris l'ascenseur pour aller jusqu'à mon appartement et puis, j'entendis des aboiements derrière la porte... Je levais les yeux au ciel avant de lâcher un gros soupire et un "putain, c'est vrai". Ma sœur avait eu la merveilleuse idée de prendre un clébard... Comme si on avait réellement la place pour ça. Elle ne pouvait pas prendre un chat ou un lapin, comme toute personne sensée ? J'entendrais dans mon appart' et me faisais déjà bousculer par la bestiole.
[b][color=darkblue]- Tss, va-t-en. J'suis pas ta maîtresse moi. Allez, zou, dégage ![/color][/b] Dis-je en faisant des mouvements de la main pour le faire reculer.
Je détestais les bestioles quand elles gigotaient partout et s'excitaient pour un rien ; c'était pour cette raison que je détestais les chiens. Notamment quand ces bestioles allaient devenir IMMENSE. Malheureusement, je n'avais pas pu mettre mon véto dans cette folie puisqu'elle était revenue avec le chien sans me laisser l'occasion de dire non. Je m'accroupis pour retirer mes chaussures et v'la que le chien s'approche pour commencer à me lécher le visage, je me lève d'un bond en râlant.
[b][color=darkblue]- Mais putain !! Me lèche pas, j'suis pas ta pote !! Je vais la tuer avec ses idées à la con celle-là. [/color][/b]
Je me lève pour m'éloigner de cette boule de poils et me dirige vers ma chambre pour y retirer mes chaussures ; là au moins, j'aurais la paix dans ma piaule. Mais alors que je me dirige vers ma chambre, je remarque que celle de Dinath est ouverte... Pourtant, elle n'est pas là ? Non, je ne pense pas, sinon elle serait sortie de sa chambre pour m'engueuler sur mon comportement avec son petit chien-chien. Je le regarde d'un sale œil en me disant qu'il avait dû faire des conneries dans sa chambre.
Je me permets d'entrer pour vérifier si aucune godasse n'avait été mangé ou qu'aucun pipi n'était sur le lit... Mais bon, à part un sacré bordel, je ne remarque pas grand chose. Bien qu'une chose attire mon œil. Je m'approche du bureau pour regarder dans un sachet dans lequel se trouvait... du saucisson ?! Je laissais échapper un petit rire avant de me permettre un commentaire à voix haute.
[b][color=darkblue]- Végan mon cul, ouais.[/color] [/b]
Je savais qu'elle me sortait des cracks. Voilà ce qu'elle faisait une fois dans sa chambre, elle s'enfilait un gros sauciflard toute seule... Mais quelle égoïste ! Pour lui filer une bonne leçon, je décide de le garder. Je commence à faire demi-tour mais m'arrête quand une petite voix m'apostrophe.
[b][color=mediumpurple]- Eh ! Repose-le espèce de sauvageonne ! [/color][/b]
Je me retourne mais ne vois personne... Je me contente de hausser un sourcil avant de baisser mon regard vers le clébard qui remuait la joyeusement la queue. Nan, ça devait être ma conscience... Je ne sais pas trop ce qu'elle foutrait là mais je ne comptais pas l'écouter. Je recommence à sortir de la chambre quand un petit truc volant se place en travers de mon chemin, me faisant reculer d'un bond en arrière.
[b][color=mediumpurple]- Tu n'as pas entendu ? C'est à moi ! [/color]
[color=darkblue]- Aaaah ! Mais t'es quoi toi ?![/color][/b] Dis-je en jetant un oreiller sur la créature.
Je ne pourrais même pas décrire cette créature. On aurait dit une sorte de petite peluche mais dans mes souvenirs, ça ne parle pas une peluche... A moins que je sois dans un rêve ou que j'en ai un peu trop pris. Ou que le chien m'ait assommé avec son gros cul. D'ailleurs, la petite bestiole se rapproche de moi pour essayer de me reprendre le saucisson que j'avais dans ma main.
[b][color=darkblue]- Eh oh ! On t'a pas appris les bonnes manières ?! [/color]
[color=mediumpurple]- C'est celle qui me vole mon saucisson qui me fait un cours sur les bonnes manières ?[/color]
[color=darkblue]- Mais j'm'en fou ! Je ne vais pas laisser une peluche me dicter sa loi. [/color]
[/b]
[b][color=mediumpurple]- Peluche ?![/color][/b] Dit-il sur un ton outré. [b][color=mediumpurple]Je suis un Kwami ![/color]
[color=darkblue]- Un quoi.. ?[/color]
[color=mediumpurple]- Mi.[/color][/b]
Mais ça ne me disait toujours pas ce que c'était ! Je décide tout de même de faire demi-tour pour lui poser le sachet sur le bureau... De toute façon, je pense qu'il ne m'aurait pas laisser sortir avec. Quel caractère de merde ce truc ! Je m'assois sur la chaise de son bureau pour l'observer, il venait de se jeter dans le sachet pour manger le saucisson... J'approche mon visage pour l'observer sous toutes les coutures.
[b][color=mediumpurple]- Ca va, je te dérange pas ? Tu veux mon autographe ? [/color]
[color=darkblue]- Parce que tu sais écrire ? Je suis sûre que tu n'es même pas capable de tenir un stylo.[/color]
[color=mediumpurple]- C'est un défi ?[/color]
[color=darkblue]- P't'être bien. [/color][/b]
S'en suit un combat de regard entre la bestiole et moi qui est finalement interrompu par les aboiements du chien et la clé qui tourne dans la porte d'entrée. Je vois la bestiole s'approcher d'une boîte qu'il fait tomber au sol, la refermant et le faisant disparaître... Sans trop réfléchir, je prends la boîte tombée au sol que je fourre dans ma poche et me saisie du sachet de saucisson au moment où ma sœur entre dans sa chambre.
[b][color=darkblue]- Ah ah ! Prise la main dans le sac ! Je savais que tu racontais des cracks ! [/color][/b]Dis-je en tendant fièrement l'arme du crime.</div>
<a href="https://pisrale.forumactif.com/" class="koala">KoalaVolant</a></div>
Re: Commande de code !
Quel est la demande ? []Fiche RP [X]Fiche Lien []Réparation de code
Quel texte voulez-vous ? cf. maquette
Quel ambiance ? Plutôt sombre, clair ? contrasté ? cf. maquette
Quels sont vos images pour le header ? cf. maquette.
Une idée de ce que vous désirez ? Yep ! Alors je t'ai fait trois maquettes - dans l'optique où j'utiliserais le même code pour mes 5 persos - ; Bien sûr, j'ai tendance à un peu partir en vrille sur mes maquettes, donc n'hésite pas à y rajouter ta touche / modifier / améliorer ce que je te propose ! Je suis ouverte à tout et je te fais grave confiance <3
- Spoiler:
- Pour la première partie de la rs :
- Spoiler:
- Spoiler:
Une précision ?
Je te met tous les détails ici pour te faciliter la tâche :
- Spoiler:
Rouge : #C14646
Gris : #EAEAEA
Police : la plus simple, Calibri
Icône centrale de la première partie / icône des liens en 100*100 :
https://zupimages.net/up/22/16/0y8j.png
Icônes en 50 * 50:
https://zupimages.net/up/22/16/etog.png
Image en 200*320 :
https://zupimages.net/up/22/16/9qcm.png
Image de mes autres comptes en 65*65:
https://zupimages.net/up/22/16/8jqy.png
Je ne suis absolument pas certaine du concept pour les "mes autres facettes", donc si jamais tu peux y modifier en quelque chose de mieux - ou y jarter, ça me va aussi -
Si tu as besoin des images des header (avec des petites fleurs) n'hésite pas à me le dire avec les dimensions et je te les fais sans soucis ! ( je sais que j'ai des pb d'échelles sur mes maquettes donc ce que j'ai fait n'est pas trop aux bonnes dimensions).
Juste si possible ne pas y faire plus large que maximum 450px si possible ! (si il faut plus grand y'a pas de soucis)
Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Re: Commande de code !
Merci pour ta petite commande ! Je suis contente que tu me fasse autant confiance çxç
Je te met donc ci-dessous les différents codes !!!
- Partie 1:
- Code:
<style>.predefheader{background-image: url(https://zupimages.net/up/22/16/vg1v.png)!important;} .hautinfo{display: flex; width: 100%; flex-direction: row; align-items: flex-end; position: absolute; top: 60px;}.hautinfo img{height:100px; width:100px;} .lienfiche{ background-color: #c14646; color: white; width: 150px; text-align: center; font-weight: 100; margin-right: 10px; font-size: 10px;} .contenu_lien{display:flex; flex-direction: column; margin-top: 40px;} .partieunlien{width: 100%; display: flex; flex-direction: row; justify-content: space-around;} .cadreunlien{ width: 47%;} .cadreunlien p{ background-color: #c14646; color: white; padding: 10px; text-align: center;} .longpartie{ background-color: white; padding: 10px; font-size: 10px; margin-top: -10px; height: 150px;} .lienssearch{margin-top: 10px;} .lienssearch div{background-color: #c14646; color: white; padding: 5px; text-align: center; margin-bottom: 11px;} .iconelien img{ width: 68px; margin-right: 6px; margin-top: 10px;} .autrelien{ width: 600px; height: 140px; position:relative; margin: auto;} .autrelien img:hover{opacity:.5; transition: 2s ease-out 100ms;} .autrelien .affichetexte{opacity:0; position: absolute; top: 0; background-color: white; width: 600px; height: 141px; transition: .5s all;} .autrelien:hover .affichetexte{opacity:1} .affichetexte p{ margin-top: 0; background-color: #c14646; padding: 10px; color: white; text-align:center;} .autrecompte{margin:auto; width: 360px;} .autrecompte img{width:80px; margin-right: 10px;} .credit{background-color: #c14646; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style>
<div class="fiche_liens" style="width: 620px!important; padding-bottom: 0px!important; position:relative;"><div class="predefheader" style="background-color: #C14646; width: 620px; height: 130px;"><div class="hautinfo"><a href="" class="lienfiche" style="margin-left:10px;">Fiche</a><a href="" class="lienfiche">Costume</a><img src="https://i.pinimg.com/564x/79/56/c7/7956c7e1aff649d58d83d0d394774873.jpg"><div class="lienfiche" style="margin-left:10px;">Miraculous</div><div class="lienfiche">XX Rps</div></div><div style="clear:both;"></div></div>
<div class="contenu_lien"><div class="partieunlien"><div class="cadreunlien"><p>Informations</p><div class="longpartie">Mes infos wallah</div><div class="lienssearch"><div>liens 1</div><div>liens 2</div><div>liens 3</div><div>liens 4</div></div></div>
<div class="cadreunlien"><p>Anecdotes</p><div class="longpartie">Mes anecdotes wallah</div><div class="iconelien"><img src="https://i.pinimg.com/564x/15/e8/a7/15e8a70b3bb6bb1e1b84076640987943.jpg"><img src="https://i.pinimg.com/564x/6f/fb/52/6ffb52af6373639c9b040768900dc805.jpg"><img src="https://i.pinimg.com/564x/a2/8f/c5/a28fc5bf75abca9c2bb72e66d929d40c.jpg"><img src="https://i.pinimg.com/564x/e9/52/ec/e952ec2cd496a1adf9a1f31a8b962e17.jpg" style="margin-right: 0px!important;"><img src="https://i.pinimg.com/564x/ab/93/a1/ab93a1b4b216207a3972795e181e3f22.jpg"><img src="https://i.pinimg.com/564x/16/e3/31/16e3317690d374303b439342a710cf70.jpg"><img src="https://i.pinimg.com/564x/ab/93/a1/ab93a1b4b216207a3972795e181e3f22.jpg"><img src="https://i.pinimg.com/564x/16/e3/31/16e3317690d374303b439342a710cf70.jpg" style="margin-right: 0px!important;"></div></div>
</div>
<div class="autrelien"><img src="https://zupimages.net/up/22/16/5l8r.png" style="width: 600px; height: 140px; display:inline-block;" /><div class="affichetexte"><p>Mes autres facettes</p><div class="autrecompte"><img src="https://i.pinimg.com/564x/4e/16/73/4e16730643b74719ff9c4cfed596dc64.jpg"><img src="https://i.pinimg.com/564x/4e/16/73/4e16730643b74719ff9c4cfed596dc64.jpg"><img src="https://i.pinimg.com/564x/4e/16/73/4e16730643b74719ff9c4cfed596dc64.jpg"><img src="https://i.pinimg.com/564x/4e/16/73/4e16730643b74719ff9c4cfed596dc64.jpg"></div></div></div>
</div><div class="credit">Alya Césaire</div></div>
- Partie 2:
- Code:
<style>.predefheader{background-image: url(https://zupimages.net/up/22/16/vg1v.png)!important;} .predefheader p{ margin: 76px 0px 0px 400px!important; font-family: calibri; font-size: 30px; text-align: end; width: auto;} .relationfiche{ background-color: #ffffff; color: white; width: 590px; height: 134px; margin-bottom: 10px; display: flex; flex-direction: row;} .relationfiche img{width:134px; height:134px; margin-left: 0px; margin-top: 0px;} .relationfiche2{ background-color: #ffffff; color: white; width: 590px; height: 134px; margin-bottom: 10px; display: flex; flex-direction: row-reverse;} .relationfiche2 img{width:134px; height:134px; margin-right: 0px; margin-top: 0px;} .relation-nom{line-height: 12px; text-align: end; padding-top: 10px;} .relation-nom p{color:#C14646; font-size: 15px; margin-top: 8px;} .relation-nom span{background-color:#C14646; color: white; padding: 5px;} .cadrerelation{display: flex; flex-direction: column; width: 440px;} .cadrerelation img{ width: 190px; margin-left: 0px; margin-top: 20px;} .texte_relation{width: 420px; margin-top: 10px; height: 33px; color: #000000; padding: 10px; overflow: auto; text-align: justify;} .credit{background-color: #c14646; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style>
<div class="fiche_liens" style="width: 620px!important; padding-bottom: 0px!important;"><div class="predefheader" style="background-color: #C14646; width: 620px; height: 130px;"><div style="display:flex; flex-direction: column; align-items: center; height: 130px;"><p>Les messieurs</p></div></div>
<div class="contenu_fiche" style="flex-direction: column; margin: 14px 14px -10px 14px!important;"><div class="relationfiche"><img src="https://i.pinimg.com/736x/79/56/c7/7956c7e1aff649d58d83d0d394774873.jpg">
<div class="cadrerelation"><div class="relation-nom"><p>Nom du personnage</p><span>Type relation</span><div class="texte_relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate efficitur lorem, accumsan pretium libero congue vitae. Sed purus nibh, luctus vitae nisi sed, hendrerit cursus neque. Duis lacinia laoreet quam. Morbi eget lorem egestas leo pellentesque dapibus. Praesent non sem augue. Morbi imperdiet cursus congue. Aenean ullamcorper erat cursus ligula iaculis convallis. Nulla hendrerit mauris at sem dictum bibendum. Pellentesque tristique mi sem, id volutpat nibh faucibus sit amet. Pellentesque vestibulum laoreet massa a efficitur.</div></div></div></div>
<div class="relationfiche2"><img src="https://i.pinimg.com/736x/79/56/c7/7956c7e1aff649d58d83d0d394774873.jpg">
<div class="cadrerelation" style="margin-right: 5px;"><div class="relation-nom"><p>Nom du personnage</p><span>Type relation</span><div class="texte_relation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate efficitur lorem, accumsan pretium libero congue vitae. Sed purus nibh, luctus vitae nisi sed, hendrerit cursus neque. Duis lacinia laoreet quam. Morbi eget lorem egestas leo pellentesque dapibus. Praesent non sem augue. Morbi imperdiet cursus congue. Aenean ullamcorper erat cursus ligula iaculis convallis. Nulla hendrerit mauris at sem dictum bibendum. Pellentesque tristique mi sem, id volutpat nibh faucibus sit amet. Pellentesque vestibulum laoreet massa a efficitur.</div></div></div></div>
</div><div class="credit">Alya Césaire</div></div>
- Partie 3:
- Code:
<style>.predefheader{background-image: url(https://zupimages.net/up/22/16/vg1v.png)!important;} .predefheader p{ margin: 76px 0px 0px 400px!important; font-family: calibri; font-size: 30px; text-align: end; width: auto;} .rpfiche{ color: white; width: 100%; height: 320px; margin-bottom: 10px; display: flex; flex-direction: row;} .rpfiche img{width: 200px; height: 320px; margin-left: 0px; margin-top: 0px;} .cadrerelation{margin-top: 0px; height: 280px; display: flex; flex-direction: row; flex-wrap: wrap;} .cadreunrp{background-color: white; color: black; width: 180px; margin-left: 10px; margin-bottom: 10px;} .cadreunrp p{background-color: #c14646; color: white; text-align: center; padding: 5px; margin-top: 0px;} .rpstatut{font-size: 11px; text-align: justify; padding: 10px; height: 90px; overflow: auto; margin-bottom: 10px; margin-top: -5px;} .credit{background-color: #c14646; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style>
<div class="fiche_liens" style="width: 620px!important; padding-bottom: 0px!important;"><div class="predefheader" style="background-color: #C14646; width: 620px; height: 130px;"><div style="display:flex; flex-direction: column; align-items: center; height: 130px;"><p>Mes rps</p></div></div>
<div class="contenu_fiche" style="flex-direction: column; margin: 14px 14px -10px 14px!important;"><div class="rpfiche"><img src="https://zupimages.net/up/22/16/9qcm.png">
<div class="cadrerelation"><div class="cadreunrp"><p>RP en cours</p><div class="rpstatut">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate efficitur lorem, accumsan pretium libero congue vitae. Sed purus nibh, luctus vitae nisi sed, hendrerit cursus neque. Duis lacinia laoreet quam. Morbi eget lorem egestas leo pellentesque dapibus. Praesent non sem augue. Morbi imperdiet cursus congue. Aenean ullamcorper erat cursus ligula iaculis convallis. Nulla hendrerit mauris at sem dictum bibendum. Pellentesque tristique mi sem, id volutpat nibh faucibus sit amet. Pellentesque vestibulum laoreet massa a efficitur.</div></div>
<div class="cadreunrp"><p>RP terminés</p><div class="rpstatut">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate efficitur lorem, accumsan pretium libero congue vitae. Sed purus nibh, luctus vitae nisi sed, hendrerit cursus neque. Duis lacinia laoreet quam. Morbi eget lorem egestas leo pellentesque dapibus. Praesent non sem augue. Morbi imperdiet cursus congue. Aenean ullamcorper erat cursus ligula iaculis convallis. Nulla hendrerit mauris at sem dictum bibendum. Pellentesque tristique mi sem, id volutpat nibh faucibus sit amet. Pellentesque vestibulum laoreet massa a efficitur.</div></div>
<div class="cadreunrp"><p>RP abandonnés</p><div class="rpstatut">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate efficitur lorem, accumsan pretium libero congue vitae. Sed purus nibh, luctus vitae nisi sed, hendrerit cursus neque. Duis lacinia laoreet quam. Morbi eget lorem egestas leo pellentesque dapibus. Praesent non sem augue. Morbi imperdiet cursus congue. Aenean ullamcorper erat cursus ligula iaculis convallis. Nulla hendrerit mauris at sem dictum bibendum. Pellentesque tristique mi sem, id volutpat nibh faucibus sit amet. Pellentesque vestibulum laoreet massa a efficitur.</div></div>
<div class="cadreunrp"><p>RP archivés</p><div class="rpstatut">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vulputate efficitur lorem, accumsan pretium libero congue vitae. Sed purus nibh, luctus vitae nisi sed, hendrerit cursus neque. Duis lacinia laoreet quam. Morbi eget lorem egestas leo pellentesque dapibus. Praesent non sem augue. Morbi imperdiet cursus congue. Aenean ullamcorper erat cursus ligula iaculis convallis. Nulla hendrerit mauris at sem dictum bibendum. Pellentesque tristique mi sem, id volutpat nibh faucibus sit amet. Pellentesque vestibulum laoreet massa a efficitur.</div></div></div>
</div></div><div class="credit">Alya Césaire</div></div>
Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Re: Commande de code !
Ce qui donne en plus jolie
- Partie 1 rendu:
- Partie 2 rendu:
- Partie 3 rendu:
Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Re: Commande de code !
Merci pour ta petite commande ! Je suis contente que tu me fasse autant confiance çxç
Je te met donc ci-dessous les différents codes !!!
- Partie 1:
- Code:
<style>.tableonglets2 label.onglet{background: #338ebb!important;}.information{ display: flex; flex-direction: row; margin-left: 30px;} .imageroll{ margin: 20px; width: 80px; height: 80px; transform: rotate(45deg); transform-origin: 50% 50%; margin-top: 33px;}.rollimg{ position: relative; width: 80px; height: 80px; overflow: hidden;}.nomperso{ text-align: right; margin-top: 23px;}.nomperso hr{ width: 390px; margin-left: -43px;}.nomperso span{ font-size: 11px; font-weight: 100;} .mesinfos_fiche{ margin-top: 10px; background-color: white; border: 1px solid #64B2CE; height: 147px; overflow: auto; overflow-x: hidden; padding: 10px; width: 510px; margin-left: 15px; font-size: 10px;} .list{width: 112px!important; background-color: #64B2CE!important; border: 1px solid #64B2CE!important;} .tableonglets2 input:checked + span.ongletcont { display: block;} .tableonglets2 span.ongletcont {display: none;} .titrerplien{ background-color: #64b2ce; padding: 10px; margin-bottom: 10px; color:white;} .titredurp{color: #64B2CE!important; font: 14px Calibri!important;} .partielienrp{ height: 146px; background-color: white; margin-bottom: 10px;} .nomdupartorp { color: #338ebb!important;} .liendurp{background-color: #338ebb!important;} .credit{background-color: #64b2ce; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style>
<div class="fiche_liens_part2" style="height: 700px;"><div style="background-color: #64B2CE; width: 590px; height: 147px;"><div class="information"><div class="imageroll"><div class="rollimg"><img src="https://i.pinimg.com/originals/49/c9/b5/49c9b557693afc9db172dc4118463b9e.gif" style="margin-top: -37px; margin-left: -2px; width: 120px; height: 120px; transform: rotate(-45deg) translateX(-25px); transform-origin: 50% 50%; background-color: gainsboro;"/></div></div><div class="nomperso" style="text-align: right;">NOM Prénom<hr><span>petite citation</span></div></div></div>
<div class="contenu_fiche"><div class="tableonglets2"><div class="testonglets2">
<label for="o1" class="onglet"><p>Mes informations</p></label>
<label for="o2" class="onglet"><p>Mes rps</p></label></div>
<div><input id="o1" type="radio" name="onglets" checked><span class="ongletcont"><div class="testcontenu2"><div class="mesinfos_fiche">Mes petites infos ici</div>
<div class="infosmembres" style="margin-left: 13px; margin-top: 10px;">
<span class="list">info membre 1 </span>
<span class="list"> info membre 1 </span>
<span class="list"> info membre 1 </span>
<span class="list"> info membre 1</span>
<span class="list">info membre 1 </span>
<span class="list">info membre 1 </span>
<span class="list"> info membre 1</span>
<span class="list">info membre 1 </span>
</div>
<div class="mesinfos_fiche">Les liens que je recherches !</div>
</div></span>
<input id="o2" type="radio" name="onglets"><span class="ongletcont"><div class="testcontenu2" style="width: 540px; margin-left: 15px; margin-top: 10px; height: 187px;"><div class="partielienrp"><div class="titrerplien">Mes rp’s en cours</div><div style="height:100px; overflow: auto;">
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div></div>
</div>
<div class="partielienrp"><div class="titrerplien">Mes rp’s en cours</div><div style="height:100px; overflow: auto;">
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div></div>
</div>
<div class="partielienrp"><div class="titrerplien">Mes rp’s en cours</div><div style="height:100px; overflow: auto;">
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div>
<div class="rpcontenu"><div class="unetest"><div class="deuxtest">
<span class="titredurp">Titre de ton rp ici</span>
<span class="nomdupartorp">ft. Prénom Nom</span></div>
<a class="liendurp" href="#">www</a></div><hr></div></div>
</div></div></div></div></div></span><div class="credit">Alya Césaire</div>
- Partie 2:
- Code:
<style>.predefheader{background-image: url(https://zupimages.net/up/22/16/elr0.png)!important;}.relationfiche{ background-color: #64b2ce; color: white; width: 190px; height: 287px; margin-bottom: 10px;} .relation-nom{line-height: 5px; text-align: center; padding-top: 10px;} .relation-nom p{ text-transform: uppercase;} .cadrerelation img{ width: 190px; margin-left: 0px; margin-top: 20px;} .texte_relation{ background-color: white; width: 160px; margin: auto; height: 113px; color: #64b2ce; padding: 10px; overflow: auto;} .credit{background-color: #64b2ce; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style>
<div class="fiche_liens" style="width: 620px!important; padding-bottom: 0px!important;"><div class="predefheader" style="background-color: #64B2CE; width: 620px; height: 130px;"><div style="display:flex; flex-direction: column; align-items: center; outline: 1px solid white; outline-offset: -20px; height: 130px;"><p>Les messieurs</p></div></div>
<div class="contenu_fiche" style="flex-flow: wrap;"><div class="relationfiche">
<div class="cadrerelation"><div class="relation-nom"><p>Nom & Prénom</p><span>Type relation</span></div><img src="https://zupimages.net/up/22/16/svdw.png"/>
<div class="texte_relation">texte ici</div></div></div>
<div class="relationfiche">
<div class="cadrerelation"><div class="relation-nom"><p>Nom & Prénom</p><span>Type relation</span></div><img src="https://zupimages.net/up/22/16/svdw.png"/>
<div class="texte_relation">texte ici</div></div></div>
<div class="relationfiche">
<div class="cadrerelation"><div class="relation-nom"><p>Nom & Prénom</p><span>Type relation</span></div><img src="https://zupimages.net/up/22/16/svdw.png"/>
<div class="texte_relation">texte ici</div></div></div>
<div class="relationfiche">
<div class="cadrerelation"><div class="relation-nom"><p>Nom & Prénom</p><span>Type relation</span></div><img src="https://zupimages.net/up/22/16/svdw.png"/>
<div class="texte_relation">texte ici</div></div></div>
</div><div class="credit">Alya Césaire</div></div>
- fiche rp:
- Code:
<style>.predefheader{background-image: url(https://zupimages.net/up/22/16/elr0.png)!important;} .featrp{background-color:#4993AD; color: white; padding: 10px; width: 430px;}.imagerp{position: absolute; top: 90px; left: 340px;} .imagerp img{ width: 90px; border-radius: 100px; border: 10px solid #64b2ce; margin-left: 10px;} .contenu_rp{ background-color: white; width: 500px; padding: 20px; border-left: 10px solid #4993ad; margin-top: 90px; margin-left: 30px; text-align: justify;} .credit{background-color: #64b2ce; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style>
<div class="fiche_liens" style="width: 620px!important; padding-bottom: 0px!important;"><div class="predefheader" style="background-color: #64B2CE; width: 620px; height: 130px; position: relative;"><div style="display:flex; flex-direction: column; align-items: center; height: 130px;"><p>Titre du rp</p></div><div class="featrp">Feat //</div><div class="imagerp"><img src="https://i.pinimg.com/originals/7d/a8/d3/7da8d3fdefb94a29eb142cc266f9facf.gif"><img src="https://i.pinimg.com/originals/50/03/b4/5003b4a98c75edac8c8a42e88afd9c42.gif"></div></div>
<div class="contenu_rp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacus ex, ornare ut interdum quis, eleifend et augue. Sed commodo aliquam risus, nec volutpat dui vehicula eget. Maecenas lectus enim, mollis ut ligula sit amet, mattis tempor libero. Ut vitae dui eleifend, feugiat ante sed, pulvinar tellus. Suspendisse luctus leo in velit lacinia, sed dignissim enim lacinia. Vivamus tincidunt bibendum convallis. Morbi fermentum, neque at malesuada fringilla, turpis metus dignissim felis, id efficitur diam dui vel justo. Suspendisse cursus nisi vitae venenatis ultrices. In eget lacus sodales, malesuada nulla sed, tincidunt urna. Etiam sem ipsum, sagittis vel tempor a, lobortis vel ante. Vestibulum hendrerit magna rutrum ligula suscipit, eget maximus mauris vulputate.
Fusce viverra molestie feugiat. Fusce vitae justo eu diam viverra vulputate. Donec semper, lacus in faucibus pellentesque, neque ipsum ultrices lorem, in efficitur nisi sem ac sapien. Curabitur blandit lacus vel arcu tristique vestibulum. Pellentesque malesuada vestibulum leo nec dictum. Sed nec nulla quis metus scelerisque scelerisque. Maecenas congue tellus sed libero pretium cursus. Donec et mauris tincidunt, fermentum leo vitae, vulputate lectus. Curabitur non maximus eros. Vestibulum tellus diam, mollis non libero sit amet, faucibus efficitur felis. Aliquam venenatis venenatis elit, at congue metus ornare pharetra. Nam malesuada, augue sit amet rutrum sollicitudin, quam nisi venenatis mauris, ut tempor neque neque et est. Quisque non dui placerat, auctor lorem quis, vulputate ligula.
Proin nec odio et erat interdum interdum nec et dolor. Morbi accumsan sem vel magna iaculis, at gravida diam ultricies. Curabitur non leo quis nibh tincidunt mollis sit amet id dui. Etiam gravida nisi dolor, eget sollicitudin velit vulputate ac. Vivamus luctus ipsum ut faucibus molestie. In nisi urna, blandit id purus a, sodales rutrum libero. Nunc eu nulla gravida, lacinia ipsum quis, gravida magna. Sed lorem justo, viverra non scelerisque ac, lacinia volutpat mi. Quisque maximus tellus in lectus facilisis condimentum. Donec fermentum condimentum felis, maximus placerat risus viverra nec. Quisque interdum elementum lobortis. Suspendisse eleifend ipsum augue. Nam tincidunt quam ut elit aliquam lobortis. Praesent augue risus, varius eget eros ac, iaculis dictum tortor. Phasellus lacinia pharetra tellus quis commodo.
</div><div class="credit">Alya Césaire</div></div>
Messages : 128
Date d'inscription : 01/12/2021
Messages : 128
Date d'inscription : 01/12/2021
Re: Commande de code !
Ce qui donne en plus jolie
- Partie 1 rendu:
- Partie 2 rendu:
- Fiche RP rendu:
Messages : 986
Date d'inscription : 30/03/2021
Messages : 986
Date d'inscription : 30/03/2021
Re: Commande de code !
- Des conneries: