Pour m'amuser, déstresser et m'occuper, je touche un peu au graphisme et au codage. Ma très grande spécialité, ce sont les codes de RP et les fiches de liens, je fais aussi des aesthetics, des avatars et codes de signature
Tous ces codes et ces images sont en libre-service, vous pouvez les utiliser ici ou ailleurs. Je vous remercie, si vous les utilisez, de glisser un petit crédit quelque part, par exemple dans votre profil ou à la fin de vos posts RP, même en petit.
Alors n'hésitez pas à me solliciter pour que je vous fasse des codes ou des aesthetics ou des avatars, ça me fera plaisir et m'amusera. Donnez moi le plus de détails possibles, sur vos couleurs préférées, vos envies en terme d'ambiance ou de complexité, des textes que vous aimez ou qui illustrent vos personnages, etc.
NB : pour tous les codes, il faudra probablement changer la couleur des textes, pour que ça colle avec le fond ou avec le forum selon la couleur actuelle du design ;)
En cas de doute ou d'incompréhension, MP moi
Notes concernant les signatures:
La plupart des signatures que je réalise possèdent un code très long que je ne peux malheureusement pas héberger ailleurs que sur des forums de test. Aussi, les signatures doivent être installées à base d'iframe.
Pour cela, il y a deux méthodes : 1- vous pouvez vous-même héberger l'intégralité du code sur un forum de test et utiliser l'iframe vous-même, auquel cas vous pouvez changer les images, les couleurs et le reste par vous-même ; 2- vous ne pouvez pas héberger l'intégralité du code, je le fais pour vous sur mon forum de test et vous donne directement l'iframe, cependant vous ne pourrez pas changer les images, les couleurs et le reste vous-même et devrez me demander.
Héberger un code de signature sur un forum de test est très simple. Il vous suffit d'aller dans le panneau admin, de créer une nouvelle page HTML et d'y copier/coller le code que je vous fournirai. Une fois cela fait, vous validez et vous obtenez ainsi une URL en retournant dans votre menu de page HTML. Cette URL doit être placée dans une balise iframe (que je peux fournir aussi au besoin) et, enfin, dans votre signature. Tous les changements à faire dans la signature se feront donc dans votre page HTML.
Passer commande
☾☾☾
Pour passer commande, merci de suivre ces quelques règles ☾ Pas plus de 2 images par commande ☾ Pas plus de 1 code par commande ☾ Pas plus de 1 commande par joueur et par mois ☾ Merci d'utiliser le formulaire suivant pour vos demandes
Code:
<b>Personnage(s) concerné(s)</b> ☾ Ecrire ici <b>Type de commande</b> ☾ Ecrire ici <b>A propos de votre personnage</b> ☾ Donnez le maximum d'informations possibles sur ce qu'il aime, ce qu'il a fait dans sa vie, si il est en couple, etc. <b>Avatar(s)</b> ☾ De votre ou vos personnages ET des personnages que vous avez mentionné ci-dessus <b>Couleur(s) & police(s)</b> ☾ Dites si vous avez des teintes en tête pour votre commande, ainsi que les polices d'écriture (précises !) si vous avez demandé un code
Dernière édition par Benjamin Venkman le Ven 5 Fév 2021 - 15:57, édité 8 fois
NB : Il y a des cadres noirs autour des textes, invisibles ici à cause du spoiler.
PREMIER POST :
Prénom Nom
H/F/NB - âge - race - sexualité
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor dictum, gravida diam id, tempus magna. Praesent nibh tortor, porttitor non ex aliquet, lobortis lacinia quam. Fusce ac ipsum luctus, egestas lectus eu, suscipit sem. In sem tellus, consectetur at dapibus sed, feugiat eget eros. Vestibulum eu efficitur velit, at ultricies nibh. In at augue ac nibh tempor auctor. Pellentesque tincidunt velit vel purus venenatis lobortis. Donec malesuada, lorem non tincidunt ullamcorper, augue sem posuere purus, sed rhoncus justo magna ac ligula. Nam id auctor libero. Mauris imperdiet dapibus nibh, convallis vestibulum mauris gravida sed. Mauris vitae ullamcorper nisi, vel varius sem. Sed eget accumsan elit. Morbi dictum mi leo, eget commodo leo blandit sit amet.
Donec luctus tincidunt orci, sed finibus purus condimentum at. Fusce vestibulum augue sit amet augue ultricies consequat. Sed et pellentesque neque, ut ultrices eros. Mauris eu eros eget massa placerat convallis. Vivamus a placerat orci. Aliquam tempus ipsum eget mi pulvinar, vitae scelerisque sem luctus. Donec pharetra justo risus, at hendrerit metus auctor sed. Morbi porta tellus erat. Proin sem ipsum, mattis vel augue ultrices, aliquam condimentum ipsum. Quisque ac fermentum ex, sagittis dapibus nibh.
Sing to me ♪
♪Wanna bewitch you in the moonlight ♪ By the moon and stars, I swear ! ♪She knows she shouldn't leave a mark that I can see
RPs en cours
00/00/00 Titre du RP - Participants 00/00/00 Titre du RP - Participants 00/00/00 Titre du RP - Participants
RPs terminés
00/00/00 Titre du RP - Participants 00/00/00 Titre du RP - Participants 00/00/00 Titre du RP - Participants
SECOND POST :
Prénom Nom
H/F/NB - âge - race
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor dictum, gravida diam id, tempus magna. Praesent nibh tortor, porttitor non ex aliquet, lobortis lacinia quam. Fusce ac ipsum luctus, egestas lectus eu, suscipit sem. In sem tellus, consectetur at dapibus sed, feugiat eget eros. Vestibulum eu efficitur velit, at ultricies nibh. In at augue ac nibh tempor auctor. Pellentesque tincidunt velit vel purus venenatis lobortis. Donec malesuada, lorem non tincidunt ullamcorper, augue sem posuere purus, sed rhoncus justo magna ac ligula. Nam id auctor libero. Mauris imperdiet dapibus nibh, convallis vestibulum mauris gravida sed. Mauris vitae ullamcorper nisi, vel varius sem. Sed eget accumsan elit. Morbi dictum mi leo, eget commodo leo blandit sit amet.
Prénom Nom
H/F/NB - âge - race
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu dolor dictum, gravida diam id, tempus magna. Praesent nibh tortor, porttitor non ex aliquet, lobortis lacinia quam. Fusce ac ipsum luctus, egestas lectus eu, suscipit sem. In sem tellus, consectetur at dapibus sed, feugiat eget eros. Vestibulum eu efficitur velit, at ultricies nibh. In at augue ac nibh tempor auctor. Pellentesque tincidunt velit vel purus venenatis lobortis. Donec malesuada, lorem non tincidunt ullamcorper, augue sem posuere purus, sed rhoncus justo magna ac ligula. Nam id auctor libero. Mauris imperdiet dapibus nibh, convallis vestibulum mauris gravida sed. Mauris vitae ullamcorper nisi, vel varius sem. Sed eget accumsan elit. Morbi dictum mi leo, eget commodo leo blandit sit amet.
CODE 1:
PREMIER POST
Code:
<link href="https://fonts.googleapis.com/css2?family=Germania+One&family=Montserrat&family=Oswald&family=Pirata+One&family=UnifrakturCook:wght@700&display=swap" rel="stylesheet"><style>.BG_FILE_INTRO {background-color: #000;width: 350px;padding: 15px /*top*/ 10px /*right*/ 25px /*bottom*/ 10px /*left*/;} .TTL_FILE_INTRO {font-family: 'UnifrakturCook', cursive;font-size: 35px;border-bottom: 1px solid #4A235A;width: 100%;} .UTTL_FILE_INTRO {font-family: 'Germania One', cursive;text-transform: uppercase;font-size: 10px;} #TXT_FILE_INTRO {display: none;transition: 0.5s;} #IMG_FILE_INTRO:hover #TXT_FILE_INTRO {display: block;transition: 0.5s;} .TXT_FILE_INTRO {opacity: 0.92;background-color: #010101 !important;width: 270px;height: 270px;padding: 15px;text-align: justify;position: relative;font-family: 'Oswald', sans-serif;} .BG_FILE_LIST {background-color: #000;width: 350px;padding: 10px;font-family: 'Oswald', sans-serif;font-size: 12px;} .BG_FILE_RP {background-color: #000;width: 350px;padding: 10px /*top*/ 10px /*right*/ 5px /*bottom*/ 10px /*left*/;font-size: 12px;} .TTL_FILE_RP {font-size: 20px;font-family: 'UnifrakturCook', cursive;} .TXT_FILE_RP {font-family: 'Oswald', sans-serif;text-align: justify;font-size: 12px;} date {background-image: linear-gradient(55deg,#4A235A,#8E44AD)!important;border-radius: 3px;margin-bottom: 5px;margin-right: 5px;display: inline-block;padding-right: 5px;padding-left: 5px;color: #000;font-size: 12px;font-family: 'Germania One', cursive;text-transform: uppercase;} note {font-style: italic;color:#6C3483;}</style><center><div class="BG_FILE_INTRO"><div class="TTL_FILE_INTRO">Prénom Nom</div><div class="UTTL_FILE_INTRO">H/F/NB - âge - race - sexualité</div> <div id="IMG_FILE_INTRO" style="background-image:url('https://i.imgur.com/CtJ9dZA.png');height:300px;width:300px;background-size:300px 300px;"><div id="TXT_FILE_INTRO" class="TXT_FILE_INTRO"><div style="height:270px;overflow:auto;padding-right:3px;"><note>Lorem ipsum</note> dolor sit amet, consectetur adipiscing elit. Cras eu dolor dictum, gravida diam id, tempus magna. Praesent nibh tortor, porttitor non ex aliquet, lobortis lacinia quam. Fusce ac ipsum luctus, egestas lectus eu, suscipit sem. In sem tellus, consectetur at dapibus sed, feugiat eget eros. Vestibulum eu efficitur velit, at ultricies nibh. In at augue ac nibh tempor auctor. Pellentesque tincidunt velit vel purus venenatis lobortis. Donec malesuada, lorem non tincidunt ullamcorper, augue sem posuere purus, sed rhoncus justo magna ac ligula. Nam id auctor libero. Mauris imperdiet dapibus nibh, convallis vestibulum mauris gravida sed. Mauris vitae ullamcorper nisi, vel varius sem. Sed eget accumsan elit. Morbi dictum mi leo, eget commodo leo blandit sit amet.
Donec luctus tincidunt orci, sed finibus purus condimentum at. Fusce vestibulum augue sit amet augue ultricies consequat. Sed et pellentesque neque, ut ultrices eros. Mauris eu eros eget massa placerat convallis. Vivamus a placerat orci. Aliquam tempus ipsum eget mi pulvinar, vitae scelerisque sem luctus. Donec pharetra justo risus, at hendrerit metus auctor sed. Morbi porta tellus erat. Proin sem ipsum, mattis vel augue ultrices, aliquam condimentum ipsum. Quisque ac fermentum ex, sagittis dapibus nibh.</div></div></div></div> <div class="BG_FILE_LIST"><div class="TTL_FILE_RP">Sing to me <note>♪</note></div> <date>♪</date>Wanna bewitch you in the moonlight <date> ♪ </date>By the moon and stars, I swear ! <date>♪</date>She knows she shouldn't leave a mark that I can see</div> <div class="BG_FILE_RP"><div class="TTL_FILE_RP">RPs en cours</div><div class="TXT_FILE_RP"><date>00/00/00</date> Titre du RP - Participants <date>00/00/00</date> Titre du RP - Participants <date>00/00/00</date> Titre du RP - Participants</div> <div class="TTL_FILE_RP">RPs terminés</div><div class="TXT_FILE_RP"><date>00/00/00</date> Titre du RP - Participants <date>00/00/00</date> Titre du RP - Participants <date>00/00/00</date> Titre du RP - Participants</div></div></center>
SECOND POST :
Code:
<style>#FILE_LIEN_BLOC {display: flex;width: 410px;} #AVA_LIEN_BLOC {float: left;width: 200px;height: 320px;margin-right: 10px;} #AVA_LIEN_BLOC1 {position: relative;width: 200px;height: 320px;} #AVA_LIEN_TXT {display: none;transition: 0.5s;} #AVA_LIEN_IMG:hover #AVA_LIEN_TXT {display: block;transition: 0.5s;} .AVA_LIEN_TXT {opacity: 0.92;background-color: #010101 !important;width: 170px;height: 290px;padding: 15px;position: relative;} .TTL_FILE_LIEN {font-family: 'UnifrakturCook', cursive;font-size: 25px;border-bottom: 1px solid #4A235A;width: 100%;} .UTTL_FILE_LIEN {font-family: 'Germania One', cursive;text-transform: uppercase;font-size: 10px;} .TXT_AVA_LIEN {height: 249px;overflow:auto;font-family: 'Oswald', sans-serif;text-align: justify;font-size: 12px;padding-right: 2px;}</style><center><div id="FILE_LIEN_BLOC"><div id="AVA_LIEN_BLOC"><div id="AVA_LIEN_IMG" style="background-image: url('https://i.imgur.com/MyCTI6V.png'); height: 320px; width: 200px;"><div id="AVA_LIEN_TXT" class="AVA_LIEN_TXT"><div class="TTL_FILE_LIEN">Prénom Nom</div><div class="UTTL_FILE_LIEN">H/F/NB - âge - race</div><div class="TXT_AVA_LIEN"><note>Lorem ipsum</note> dolor sit amet, consectetur adipiscing elit. Cras eu dolor dictum, gravida diam id, tempus magna. Praesent nibh tortor, porttitor non ex aliquet, lobortis lacinia quam. Fusce ac ipsum luctus, egestas lectus eu, suscipit sem. In sem tellus, consectetur at dapibus sed, feugiat eget eros. Vestibulum eu efficitur velit, at ultricies nibh. In at augue ac nibh tempor auctor. Pellentesque tincidunt velit vel purus venenatis lobortis. Donec malesuada, lorem non tincidunt ullamcorper, augue sem posuere purus, sed rhoncus justo magna ac ligula. Nam id auctor libero. Mauris imperdiet dapibus nibh, convallis vestibulum mauris gravida sed. Mauris vitae ullamcorper nisi, vel varius sem. Sed eget accumsan elit. Morbi dictum mi leo, eget commodo leo blandit sit amet.</div></div></div></div> <div id="AVA_LIEN_BLOC1"><div id="AVA_LIEN_IMG" style="background-image: url('https://i.imgur.com/MyCTI6V.png'); height: 320px; width: 200px;"><div id="AVA_LIEN_TXT" class="AVA_LIEN_TXT"><div class="TTL_FILE_LIEN">Prénom Nom</div><div class="UTTL_FILE_LIEN">H/F/NB - âge - race</div><div class="TXT_AVA_LIEN"><note>Lorem ipsum</note> dolor sit amet, consectetur adipiscing elit. Cras eu dolor dictum, gravida diam id, tempus magna. Praesent nibh tortor, porttitor non ex aliquet, lobortis lacinia quam. Fusce ac ipsum luctus, egestas lectus eu, suscipit sem. In sem tellus, consectetur at dapibus sed, feugiat eget eros. Vestibulum eu efficitur velit, at ultricies nibh. In at augue ac nibh tempor auctor. Pellentesque tincidunt velit vel purus venenatis lobortis. Donec malesuada, lorem non tincidunt ullamcorper, augue sem posuere purus, sed rhoncus justo magna ac ligula. Nam id auctor libero. Mauris imperdiet dapibus nibh, convallis vestibulum mauris gravida sed. Mauris vitae ullamcorper nisi, vel varius sem. Sed eget accumsan elit. Morbi dictum mi leo, eget commodo leo blandit sit amet.</div></div></div></div></div></center>
CODES SIGNATURES
N'hésitez pas à passer le curseur sur les signatures, des petits effets se cachent parfois !
APERÇUS:
NB : ces codes sont souvent des iframes en raison de leur longueur, voir premier post pour les explications
Dernière édition par Benjamin Venkman le Mer 13 Jan 2021 - 17:12, édité 7 fois
Je suis bien moins doué pour les créas graphiques que pour les codes, je suis surtout fier de mes aesthetics (qui sont des patchwork d'images représentants un personnage, une relation, une famille, etc.). Mais je vous mets quand même quelques avatars et headers
>>>> aesthetics <<<<
Spoiler:
[Seuls les administrateurs ont le droit de voir cette image]
>>>> avatars <<<<
Taika Waititi:
[Seuls les administrateurs ont le droit de voir cette image]
Jeff Goldblum:
[Seuls les administrateurs ont le droit de voir cette image]
Nergal:
[Seuls les administrateurs ont le droit de voir cette image] (ça, c'était pour un gage xD) [Seuls les administrateurs ont le droit de voir cette image]
Joseph Gilgun:
[Seuls les administrateurs ont le droit de voir cette image]
Corey Taylor:
[Seuls les administrateurs ont le droit de voir cette image]
Juno Temple:
[Seuls les administrateurs ont le droit de voir cette image]
>>>> headers <<<<
Spoiler:
[Seuls les administrateurs ont le droit de voir cette image]
Dernière édition par Benjamin Venkman le Dim 31 Jan 2021 - 15:18, édité 6 fois
Coucou toi :D je t'avais déjà dit ce que je pensais de ton design quand j'ai vue ton forum J'adore tes petits codes rp et je pense en prendre quelques uns si tu le permet
J'aime beaucoup ton travail ;) Je dois avouer, j'ai une préférence pour tes aesthetics que j'ai découvert il y a peu de temps ^^ Peut être que je viendrais t'embêter ;)
OMG quel talent, j'suis ultra fan ! Ecoute je pense que je vais pas mal piocher dans tes code RP, mais aussi celui de la fiche de liens car c'est toujours une galère pour moi ^^ Merci en tout cas pour ce libre service Dis, j'ai une 'tite question: pourquoi ne pas mettre direct ton crédit dans les codes? ça éviterait que les gens oublient, non ?