Bienvenue sur Inking the Souls !
Venez incarner un mutant, un traqueur,
un veilleur ou même un simple humain
Donnez votre avis sur la MAJ #4 du 16/02/2019
en cliquant par ici
Nous sommes actuellement en Avril, Mai 2018
Le printemps est là, les journées s'allongent et les épisodes
de pluie se font de plus en plus espacés, au profit de
week-end ensoleillés. Les beaux jours approches !
Privilégiez les humains et les traqueurs !
Nous commençons à en manquer,
et on vous assure qu'ils sont très mignons :puppy:

Aller en bas

(code) marelle, marellium Empty (code) marelle, marellium

le Dim 22 Avr - 12:33
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Les codes de Marelle \o/
Coucou à tous :puppy:

J'en ai un peu parlé sur la CB pour ceux qui y étaient, mais voilà donc une mise à disposition d'une galerie de codes pour signa et RP :hihi: En gros, pour faire simple, vous pouvez me demander des codes, si possible avec déjà vos idées, voire un schéma de ce que vous avez en tête, et je vous prépare un code, tout mignon tout simple, dans l'idéal le plus facile à comprendre pour vous :gaa:

Bref, voilà le principe :mdr: du coup, je vous mets ci-dessous ceux que j'utilise déjà, ou qui sont déjà utilisables, et on verra pour la suite des événements comment je présente ça :hihi:

Comment je fais pour demander un code

Pour me demander un code, c'est simple... envoyez moi un Mp avec vos envies :mdr: en gros, si vous avez des exigences niveau couleur, tailles, polices, des envies particulières côté animation etc... voire des signatures que vous appréciez déjà :cutie: que je sache un peu vers où aller, parce que, entendons-nous bien, je n'ai pas une âme d'artiste, juste le côté "technique" de la chose :hihi:

Où est-ce que je peux utiliser le code ?

Là où vous voulez Wink pas de limitation au forum ou autre, et si vous oubliez de me créditer, pas de souci, je verrai potentiellement à un moment pour ajouter mon crédit mais sinon... honnêtement, j'ai pas l'impression de pondre des chefs-d'oeuvre non plus :mdr: donc voilà :hihi:

Du coup, d'ailleurs, quand vous me demandez un code, n'hésitez pas à me dire si vous voulez qu'il vous soit exclusif, ou non ; dans le second cas, je le posterai ci-dessous pour que d'autres puissent le récupérer (et je le posterai éventuellement sur bazzart, aussi);

Et si j'ai un problème ?

La réponse est et sera toujours la même : n'hésitez pas à me demander. Soit pour une modification, soit pour une réparation, vous me dites/montrez ce qui ne va pas, et zoup, je regarde ce que je peux faire Wink

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Dim 22 Avr - 12:34
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Signatures

Signature 1 : (proposition pour @Byron G. Saberhagen)
Spoiler:

H. Calixte Seymour
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pretium diam cursus metus tincidunt consectetur.

Code:
<link href="http://urlz.fr/6WIz" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Gugi|Montserrat" rel="stylesheet"><div class="MarelleSignature20180422" style="color: #d7ecee;"><span class="TopTitle" style="font-family: 'Gugi', cursive;font-size:18px;text-transform:uppercase;">H. Calixte Seymour</span><div class="blackLine" style="left:5px;top:25px;position:absolute;"> </div><img class="TopLeftImg" src="http://urlz.fr/6WIa"></img><img class="BottomLeftImg" src="http://urlz.fr/6WIa"></img><img class="BottomRightImg" src="http://urlz.fr/6WIa"></img><div class="TopRightImg" style="font-family:Montserrat;font-size:10px;line-height: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pretium diam cursus metus tincidunt consectetur.</div></div>

Signature 2 : (proposition pour @Marcus B. O'Sullivan)

Spoiler:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in lectus eu augue fermentum porta. Maura a posuere lacus, sit amet ullamcorper felis.
Marius caesar


Code:
<link href="http://urlz.fr/6WIz" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css?family=Gugi|Montserrat" rel="stylesheet"><div class="MarelleSignature20180422_2"><div style="background-image:url(http://urlz.fr/6WJl);" class="LeftSquareImg"></div><div class="CenterSquareImg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in lectus eu augue fermentum porta. Maura a posuere lacus, sit amet ullamcorper felis. </div><div style="background-image:url(http://urlz.fr/6WJl);" class="RightSquareImg"></div><span style="font-family: 'Gugi', cursive;font-size:20px;position:absolute;bottom:5px;right:15px;text-transform:uppercase;text-shadow: 2px 2px 3px #ff8c00;">Marius caesar</span></div>


Dernière édition par H. Calixte Seymour le Dim 22 Avr - 13:19, édité 5 fois

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Dim 22 Avr - 12:34
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Codes RPs
Code RP 1
Spoiler:

 
Marius
Hippolyte
It's an endless nightmare
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus dapibus tempus. Duis commodo enim vel ante ullamcorper semper. Vivamus placerat elit odio, at placerat turpis feugiat non. Aliquam a nisl posuere libero tincidunt aliquet at ut augue. Nulla iaculis, magna eget consectetur placerat, turpis ante venenatis ante, sed fringilla dui justo sagittis purus. Phasellus et molestie urna, a sollicitudin eros. Morbi eget orci nec odio placerat egestas ac in dui. Nulla malesuada mauris in quam aliquet tempor. Etiam interdum sollicitudin egestas. Maecenas a risus lectus.

Aenean ultricies commodo purus, et fermentum nisl. Duis iaculis aliquam augue in accumsan. Cras massa nisi, vestibulum eget vehicula convallis, consectetur in felis. Duis viverra, dui a efficitur tincidunt, nisl turpis sollicitudin eros, eu egestas mauris mauris a lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum vel neque dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor sem non tellus sollicitudin, nec tincidunt nisi venenatis. Aliquam mi turpis, imperdiet id enim posuere, scelerisque tincidunt nibh. Phasellus rhoncus aliquam nisl vitae tristique.

Aenean interdum lobortis ipsum, in lacinia nulla vehicula a. Nulla bibendum rhoncus nunc, vel feugiat neque faucibus gravida. Praesent et molestie ipsum, eu tincidunt tortor. Sed vitae tortor dictum, convallis magna at, condimentum risus. Nullam interdum molestie ex, sed vestibulum ipsum dapibus eget. Nam imperdiet rutrum metus. In condimentum elementum consectetur.

Etiam enim leo, suscipit at arcu eget, eleifend faucibus risus. In lacinia sem justo, sed congue ex aliquam et. Nunc at lectus elit. Morbi sit amet pretium ex. Integer cursus cursus dui sed dignissim. Cras ac ligula nec dui porttitor fringilla sit amet porttitor dolor. Proin venenatis euismod eros, eget porttitor nibh. Cras ac ultricies metus, quis suscipit lacus. Phasellus dictum ex ut leo accumsan, eget tristique risus mollis.

Mauris mauris velit, auctor at tristique vitae, cursus sit amet orci. Duis ut neque eu sem venenatis porttitor. Nunc efficitur urna in tempor aliquam. Aenean condimentum feugiat leo, ac molestie metus mattis ac. Fusce placerat aliquet neque, ut aliquam libero varius ut. Pellentesque est nibh, blandit vitae eros sed, hendrerit pretium odio. In vestibulum quam finibus lacus dapibus rutrum. Vivamus feugiat nunc sed dolor mollis porta. Donec eget nulla ex. Curabitur vestibulum risus at augue sagittis cursus scelerisque a purus. Vestibulum eu ante sed justo sagittis venenatis eu vitae neque. Ut sed volutpat nisi. Nunc nec purus feugiat, suscipit risus vitae, faucibus metus. Morbi tincidunt volutpat diam, eget interdum diam venenatis eu.
by marelle


Code:
<link href="http://urlz.fr/6Zfz" rel="stylesheet" type="text/css" /><link href="https://fonts.googleapis.com/css?family=Gugi|Montserrat|Dancing+Script" rel="stylesheet"><center><div class="MarelleRP_20180428" style="border-color:#f29ca2;"><center><div class="Entete"><br /><img src="https://78.media.tumblr.com/8e0bfce34dd11a34d6e3da86c6bfd0b5/tumblr_nzqsht7A9d1v2qjemo7_r2_250.gif" />  <img src="https://78.media.tumblr.com/cbcbdc761cb8d7d405c0fca27644b4b0/tumblr_nzqsht7A9d1v2qjemo4_r1_250.gif" /><br /><div class="Protagonistes"><span class="Protagoniste P1" style="color:#f29ca2;">Marius</span><br /><span class="Protagoniste P2" style="color:#f29ca2;">Hippolyte</span></div><span class="Titre" style="color:#f29ca2;">It's an endless nightmare</span></div></center><div class="RP">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus dapibus tempus. Duis commodo enim vel ante ullamcorper semper. Vivamus placerat elit odio, at placerat turpis feugiat non. Aliquam a nisl posuere libero tincidunt aliquet at ut augue. Nulla iaculis, magna eget consectetur placerat, turpis ante venenatis ante, sed fringilla dui justo sagittis purus. Phasellus et molestie urna, a sollicitudin eros. Morbi eget orci nec odio placerat egestas ac in dui. Nulla malesuada mauris in quam aliquet tempor. Etiam interdum sollicitudin egestas. Maecenas a risus lectus.

Aenean ultricies commodo purus, et fermentum nisl. Duis iaculis aliquam augue in accumsan. Cras massa nisi, vestibulum eget vehicula convallis, consectetur in felis. Duis viverra, dui a efficitur tincidunt, nisl turpis sollicitudin eros, eu egestas mauris mauris a lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum vel neque dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor sem non tellus sollicitudin, nec tincidunt nisi venenatis. Aliquam mi turpis, imperdiet id enim posuere, scelerisque tincidunt nibh. Phasellus rhoncus aliquam nisl vitae tristique.

Aenean interdum lobortis ipsum, in lacinia nulla vehicula a. Nulla bibendum rhoncus nunc, vel feugiat neque faucibus gravida. Praesent et molestie ipsum, eu tincidunt tortor. Sed vitae tortor dictum, convallis magna at, condimentum risus. Nullam interdum molestie ex, sed vestibulum ipsum dapibus eget. Nam imperdiet rutrum metus. In condimentum elementum consectetur.

Etiam enim leo, suscipit at arcu eget, eleifend faucibus risus. In lacinia sem justo, sed congue ex aliquam et. Nunc at lectus elit. Morbi sit amet pretium ex. Integer cursus cursus dui sed dignissim. Cras ac ligula nec dui porttitor fringilla sit amet porttitor dolor. Proin venenatis euismod eros, eget porttitor nibh. Cras ac ultricies metus, quis suscipit lacus. Phasellus dictum ex ut leo accumsan, eget tristique risus mollis.

Mauris mauris velit, auctor at tristique vitae, cursus sit amet orci. Duis ut neque eu sem venenatis porttitor. Nunc efficitur urna in tempor aliquam. Aenean condimentum feugiat leo, ac molestie metus mattis ac. Fusce placerat aliquet neque, ut aliquam libero varius ut. Pellentesque est nibh, blandit vitae eros sed, hendrerit pretium odio. In vestibulum quam finibus lacus dapibus rutrum. Vivamus feugiat nunc sed dolor mollis porta. Donec eget nulla ex. Curabitur vestibulum risus at augue sagittis cursus scelerisque a purus. Vestibulum eu ante sed justo sagittis venenatis eu vitae neque. Ut sed volutpat nisi. Nunc nec purus feugiat, suscipit risus vitae, faucibus metus. Morbi tincidunt volutpat diam, eget interdum diam venenatis eu.</div></div><span style="font-family: 'Dancing Script', cursive;font-size:10px;color:#f29ca2;">by marelle</span></center>

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Dim 22 Avr - 12:35
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Codes divers et variés

Fiche de RP
Spoiler:

Prénom Prénom² Nom
Présentation du personnage
présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte d'andreï ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬
Les RPs en cours

      ceci est le nom de mon rp ft le nom du joueur
      ceci est le nom de mon rp ft le nom du joueur
      ceci est le nom de mon rp ft le nom du joueur
   
Les RPs achevés / abandonnés

      ceci est le nom de mon rp ft le nom du joueur
      ceci est le nom de mon rp ft le nom du joueur
      ceci est le nom de mon rp ft le nom du joueur




Code:
<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
<center><div class="marelle-fiche-rp"><center><div class="title"><font class="uu">Prénom Prénom² Nom</font></div></center><!-- BLOCK UN --><div class="marelle-block"><div class="block-title uu">Présentation du personnage</div><div class="marelle-presentation">présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte d'andreï ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ présentation succincte du personnage ▬ ses hobby, ses passions ▬ ses amis, ses ennemis, sa famille ▬ ce qu'il fait dans la vie ▬ peut-être même ses plus sombres secrets, mouahahah. ▬ </div></div><!-- BLOCK DEUX --><div class="marelle-block"><div class="block-title uu">Les RPs en cours</div><div class="marelle-listing">
     <stillwriting>♞</stillwriting> <a href="">ceci est le nom de mon rp</a> ft le nom du joueur
     <stillwriting>♜</stillwriting> <a href="">ceci est le nom de mon rp</a> ft le nom du joueur
     <stillwriting>♟</stillwriting> <a href="">ceci est le nom de mon rp</a> ft le nom du joueur
   </div></div><!-- BLOCK TROIS --><div class="marelle-block"><div class="block-title uu">Les RPs achevés / abandonnés</div><div class="marelle-listing">
     <stillwriting>♞</stillwriting> <a href="">ceci est le nom de mon rp</a> ft le nom du joueur
     <abandoned>♟</abandoned> <a href="">ceci est le nom de mon rp</a> ft le nom du joueur
     <done>♜</done> <a href="">ceci est le nom de mon rp</a> ft le nom du joueur</div></div></div></center>

<style>.marelle-fiche-rp .marelle-block{ border:4px double rgba(255,140,0,0.22); width:75%; padding:25px; margin:15px; position:relative;}.marelle-fiche-rp .marelle-presentation{ overflow-y:auto; height:150px;padding:5px;}.marelle-fiche-rp{ font-family: "Calibri";text-align:justify;}.marelle-fiche-rp .title{ font-size:2em; padding:15px; font-weight:bold;}.marelle-fiche-rp .uu{ font-family: 'Caveat', cursive; box-shadow:0px -15px 0px rgba(255,140,0,0.3) inset;}.marelle-fiche-rp .block-title{ font-size:1.8em; position:absolute; top:-10px; left:-10px;}.marelle-fiche-rp .marelle-listing{ padding-left:30px;}.marelle-fiche-rp stillwriting{ color:#b4ff6e;}.marelle-fiche-rp done{ color:#ff7982;}.marelle-fiche-rp abandoned{ color:#ffdf84;}.marelle-fiche-rp .marelle-listing a:hover{ box-shadow:inset 0 -10px 0 rgba(255,140,0,0.4);color:#ff8c00;}</style>

Téléphone
Spoiler:
Avatar
NOM_CONTACT
Nulla consequat ultrices tellus, id molestie risus rutrum id. Integer fringilla, metus non lacinia malesuada, arcu ligula imperdiet lorem, finibus aliquam lectus ex vel nulla.
Nulla consequat ultrices tellus, id molestie risus rutrum id. Integer fringilla, metus non lacinia malesuada, arcu ligula imperdiet lorem, finibus aliquam lectus ex vel nulla. Maecenas pharetra elementum arcu, vel dignissim ligula vulputate non.




Code:
<div class="marelle-tel"> <div class="marelle-ecran"> <div class="marelle-fond-ecran"><img src="FOND_D_ECRAN" alt="Avatar"></div> <div class="marelle-screen-content"> <div class="marelle-nom-contact">NOM_CONTACT</div> <div id="talkbubble-left" class="message exp"> MESSAGE ENVOYÉ. </div> <div id="talkbubble-right" class="message dest"> MESSAGE REÇU. </div> </div> </div> </div>

<style>.marelle-tel{ background-image:url('https://i.servimg.com/u/f78/13/73/91/76/samsun10.png'); width:253px; height:422px; font-family:'Calibri'; position:relative; color:#000; } .marelle-fond-ecran img{ width: auto; height: 100%; } .marelle-fond-ecran{ display: block; width: auto; height: 100%; overflow: hidden; } .marelle-ecran{ text-align:justify; font-size:0.7em; position:absolute; width:180px; height:318px; top:51px; left:41px; overflow-y:auto; } .marelle-nom-contact{ font-weight:bold; text-align:center; font-variant: small-caps; text-transform:capitalize; font-size:1.5em; margin-bottom:10px; background-color:#fff; } .marelle-tel .message{ padding:15px; border-radius:15px; margin:12px; } .marelle-tel .exp{ margin-left:15px; } .marelle-tel .dest{ margin-right:15px; } #talkbubble-left { background: #E6E6E6; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 0px 10px 10px 10px; } #talkbubble-left:before { content: ""; position: absolute; right: 100%; top: 0px; width: 0; height: 0; border-top: 0px solid transparent; border-right: 20px solid #E6E6E6; border-bottom: 19px solid transparent; border-radius: 10px 0px 0px 10px; } #talkbubble-right { background: #CEECF5; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 0px 10px 10px; } #talkbubble-right:before { content: ""; position: absolute; left: 100%; top: 0px; width: 0; height: 0; border-top: 0px solid transparent; border-left: 20px solid #CEECF5; border-bottom: 20px solid transparent; border-radius: 0px 10px 0px 0px; } .marelle-screen-content { position: absolute; bottom: 0; left: 100%; right: 0; background-color: transparent; overflow-y: auto; overflow-x: hidden; width: 0; height: 100%; transition: .5s ease; opacity:0.9; } .marelle-ecran:hover .marelle-screen-content { width: 100%; left: 0; } .marelle-ecran:hover .marelle-fond-ecran { opacity:0.8; filter: grayscale(0.5); }</style>


Dernière édition par H. Calixte Seymour le Sam 2 Mar - 16:27, édité 1 fois

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Dim 22 Avr - 14:45
Byron G. Saberhagen
non tatoué
Messages : 360
Date d'inscription : 14/01/2018
Crédits : Valtersen pour l'avatar
Marelle pour la sign
Métier : Lycéen, Danseur influent sur les réseaux sociaux, Élément moteur de son petit groupe de Théâtre.
Voir le profil de l'utilisateur
Hiiii :red: Merci c'est superbe ! :cutie:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Dim 22 Avr - 21:45
Nikola D. Stepanovic
psychologiste
Messages : 688
Date d'inscription : 10/02/2018
Crédits : marelle
Métier : Directeur artistique - docteur en psychologie
Voir le profil de l'utilisateur
C'est ce que tu avais en tête ? :waii: s'il faut changer une police etc, n'hésite pas à me dire, et pour les couleurs, le orange est ma couleur de dev, mais si jamais tu n'arrives pas à la changer (elle est intégrée au CSS mais tu peux l'écraser normalement avec une redéfinition color:#CODEHEXA), dis le moi !

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Lun 23 Avr - 13:04
Swann Weavers
chronologiste
chronologiste
Age : 23
Messages : 327
Date d'inscription : 11/03/2018
Crédits : Andrej Pejic /Andreja Pejic
Métier : Infirmier
Voir le profil de l'utilisateur
Oooh c'est super idée ça '^' en plus c'est joli comme tout :red:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 14:04
Marcus B. O'Sullivan
chronologiste
Age : 37
Messages : 151
Date d'inscription : 03/03/2018
Crédits : google
Métier : Aide à la personne, intérimaire.
Voir le profil de l'utilisateur
Alors, huit ans plus tard, mais on ne se refait pas hien :smile:

Merci beaucoup pour la signature :hug:, du coup j'ai enfin prit le temps de la mettre. Elle est classe Cool

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 20:13
Nikola D. Stepanovic
psychologiste
Messages : 688
Date d'inscription : 10/02/2018
Crédits : marelle
Métier : Directeur artistique - docteur en psychologie
Voir le profil de l'utilisateur
Contente que ça te plaise :red: n'hésite pas à en changer les couleurs :puppy:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 20:53
Marcus B. O'Sullivan
chronologiste
Age : 37
Messages : 151
Date d'inscription : 03/03/2018
Crédits : google
Métier : Aide à la personne, intérimaire.
Voir le profil de l'utilisateur
Changer, les couleurs :gaa: Ne-ver :gaa: Comme dis sur la CB : j'aime le orange ! Du coup je ne toucherais à rien, ton code est parfait comme ça :amour: :jesus: :hug:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 21:40
Byron G. Saberhagen
non tatoué
Messages : 360
Date d'inscription : 14/01/2018
Crédits : Valtersen pour l'avatar
Marelle pour la sign
Métier : Lycéen, Danseur influent sur les réseaux sociaux, Élément moteur de son petit groupe de Théâtre.
Voir le profil de l'utilisateur
Aaaaah j'avais pas vu que tu m'avais répondu :gaa:
Alors du coup j'ai prit mon temps pour l'essayer (semaine reloue) et je me demandais si c'était possible de retirer le orange pour moi justement, pour mettre sans couleur. :cutie: Et si aussi c'était possible de faire en sorte que l'interlignage du texte soit modifiable ça serait paaaaaarfait ! :wouaw:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 21:49
Nikola D. Stepanovic
psychologiste
Messages : 688
Date d'inscription : 10/02/2018
Crédits : marelle
Métier : Directeur artistique - docteur en psychologie
Voir le profil de l'utilisateur
Voilà qui est fait :waii:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 21:51
Byron G. Saberhagen
non tatoué
Messages : 360
Date d'inscription : 14/01/2018
Crédits : Valtersen pour l'avatar
Marelle pour la sign
Métier : Lycéen, Danseur influent sur les réseaux sociaux, Élément moteur de son petit groupe de Théâtre.
Voir le profil de l'utilisateur
Merciiii c'est absolument parfait ! J'essaye ça dés que j'ai plus de temps :red:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 28 Avr - 23:15
Nikola D. Stepanovic
psychologiste
Messages : 688
Date d'inscription : 10/02/2018
Crédits : marelle
Métier : Directeur artistique - docteur en psychologie
Voir le profil de l'utilisateur
Pas de souci :puppy:

je viens d'ajouter un nouveau code, pour RP cette fois :red:


 
Marius
Hippolyte
It's an endless nightmare
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus dapibus tempus. Duis commodo enim vel ante ullamcorper semper. Vivamus placerat elit odio, at placerat turpis feugiat non. Aliquam a nisl posuere libero tincidunt aliquet at ut augue. Nulla iaculis, magna eget consectetur placerat, turpis ante venenatis ante, sed fringilla dui justo sagittis purus. Phasellus et molestie urna, a sollicitudin eros. Morbi eget orci nec odio placerat egestas ac in dui. Nulla malesuada mauris in quam aliquet tempor. Etiam interdum sollicitudin egestas. Maecenas a risus lectus.

Aenean ultricies commodo purus, et fermentum nisl. Duis iaculis aliquam augue in accumsan. Cras massa nisi, vestibulum eget vehicula convallis, consectetur in felis. Duis viverra, dui a efficitur tincidunt, nisl turpis sollicitudin eros, eu egestas mauris mauris a lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum vel neque dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porttitor sem non tellus sollicitudin, nec tincidunt nisi venenatis. Aliquam mi turpis, imperdiet id enim posuere, scelerisque tincidunt nibh. Phasellus rhoncus aliquam nisl vitae tristique.

Aenean interdum lobortis ipsum, in lacinia nulla vehicula a. Nulla bibendum rhoncus nunc, vel feugiat neque faucibus gravida. Praesent et molestie ipsum, eu tincidunt tortor. Sed vitae tortor dictum, convallis magna at, condimentum risus. Nullam interdum molestie ex, sed vestibulum ipsum dapibus eget. Nam imperdiet rutrum metus. In condimentum elementum consectetur.

Etiam enim leo, suscipit at arcu eget, eleifend faucibus risus. In lacinia sem justo, sed congue ex aliquam et. Nunc at lectus elit. Morbi sit amet pretium ex. Integer cursus cursus dui sed dignissim. Cras ac ligula nec dui porttitor fringilla sit amet porttitor dolor. Proin venenatis euismod eros, eget porttitor nibh. Cras ac ultricies metus, quis suscipit lacus. Phasellus dictum ex ut leo accumsan, eget tristique risus mollis.

Mauris mauris velit, auctor at tristique vitae, cursus sit amet orci. Duis ut neque eu sem venenatis porttitor. Nunc efficitur urna in tempor aliquam. Aenean condimentum feugiat leo, ac molestie metus mattis ac. Fusce placerat aliquet neque, ut aliquam libero varius ut. Pellentesque est nibh, blandit vitae eros sed, hendrerit pretium odio. In vestibulum quam finibus lacus dapibus rutrum. Vivamus feugiat nunc sed dolor mollis porta. Donec eget nulla ex. Curabitur vestibulum risus at augue sagittis cursus scelerisque a purus. Vestibulum eu ante sed justo sagittis venenatis eu vitae neque. Ut sed volutpat nisi. Nunc nec purus feugiat, suscipit risus vitae, faucibus metus. Morbi tincidunt volutpat diam, eget interdum diam venenatis eu.
by marelle


(la couleur rose est parfaitement modifiable, il suffit de remplacer tous les #f29ca2 par la couleur souhaitée Smile )

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 23 Fév - 11:06
Nikola D. Stepanovic
psychologiste
Messages : 688
Date d'inscription : 10/02/2018
Crédits : marelle
Métier : Directeur artistique - docteur en psychologie
Voir le profil de l'utilisateur
Coucou ! Nouvel ajout : un petit code fiche RP
:puppy:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 2 Mar - 16:24
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Nouveau code ! Le téléphone :hihi:

Avatar
NOM_CONTACT
Nulla consequat ultrices tellus, id molestie risus rutrum id. Integer fringilla, metus non lacinia malesuada, arcu ligula imperdiet lorem, finibus aliquam lectus ex vel nulla.
Nulla consequat ultrices tellus, id molestie risus rutrum id. Integer fringilla, metus non lacinia malesuada, arcu ligula imperdiet lorem, finibus aliquam lectus ex vel nulla. Maecenas pharetra elementum arcu, vel dignissim ligula vulputate non.




Code:
<div class="marelle-tel"> <div class="marelle-ecran"> <div class="marelle-fond-ecran"><img src="FOND_D_ECRAN" alt="Avatar"></div> <div class="marelle-screen-content"> <div class="marelle-nom-contact">NOM_CONTACT</div> <div id="talkbubble-left" class="message exp"> MESSAGE ENVOYÉ </div> <div id="talkbubble-right" class="message dest"> MESSAGE REÇU. </div> </div> </div> </div>

<style>.marelle-tel{ background-image:url('https://i.servimg.com/u/f78/13/73/91/76/samsun10.png'); width:253px; height:422px; font-family:'Calibri'; position:relative; color:#000; } .marelle-fond-ecran img{ width: auto; height: 100%; } .marelle-fond-ecran{ display: block; width: auto; height: 100%; overflow: hidden; } .marelle-ecran{ text-align:justify; font-size:0.7em; position:absolute; width:180px; height:318px; top:51px; left:41px; overflow-y:auto; } .marelle-nom-contact{ font-weight:bold; text-align:center; font-variant: small-caps; text-transform:capitalize; font-size:1.5em; margin-bottom:10px; background-color:#fff; } .marelle-tel .message{ padding:15px; border-radius:15px; margin:12px; } .marelle-tel .exp{ margin-left:15px; } .marelle-tel .dest{ margin-right:15px; } #talkbubble-left { background: #E6E6E6; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 0px 10px 10px 10px; } #talkbubble-left:before { content: ""; position: absolute; right: 100%; top: 0px; width: 0; height: 0; border-top: 0px solid transparent; border-right: 20px solid #E6E6E6; border-bottom: 19px solid transparent; border-radius: 10px 0px 0px 10px; } #talkbubble-right { background: #CEECF5; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 0px 10px 10px; } #talkbubble-right:before { content: ""; position: absolute; left: 100%; top: 0px; width: 0; height: 0; border-top: 0px solid transparent; border-left: 20px solid #CEECF5; border-bottom: 20px solid transparent; border-radius: 0px 10px 0px 0px; } .marelle-screen-content { position: absolute; bottom: 0; left: 100%; right: 0; background-color: transparent; overflow-y: auto; overflow-x: hidden; width: 0; height: 100%; transition: .5s ease; opacity:0.9; } .marelle-ecran:hover .marelle-screen-content { width: 100%; left: 0; } .marelle-ecran:hover .marelle-fond-ecran { opacity:0.8; filter: grayscale(0.5); }</style>

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 2 Mar - 18:28
Anakin Hawk
créateur
créateur
Age : 21
Messages : 468
Date d'inscription : 26/01/2018
Crédits : TAG
Métier : Propriétaire du bar le Cocktail Colors (centre ville)
Voir le profil de l'utilisateur
Wahou ! Il est super sympa !! :red: J'adore les écrans qui se glissent ! :jesus:
Le seul petit truc que je pourrais trouver à redire si vraiment il faut faire chier, c'est l'image globale du tel qui pourrait être mieux détourée sur les bords. Mais bon c'est vraiment pour être pointilleuse quoi ! :relou: Le codage est super cool ! :mimimi:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 2 Mar - 22:08
Marcus B. O'Sullivan
chronologiste
Age : 37
Messages : 151
Date d'inscription : 03/03/2018
Crédits : google
Métier : Aide à la personne, intérimaire.
Voir le profil de l'utilisateur
Oh trop cool ! Je vais pouvoir remettre mon fabuleux fond d'écran que j'avais trouvé pour le tel de Marcus. Je pense que Jedidi s'en souviens 8D

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Ven 8 Mar - 23:18
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Merci beaucoup pour vos retours :waii: En effet, Mika... autant côté code, ce que je ne maîtrise pas, je peux l'apprendre, autant côté graphisme, je n'arrive pas du tout à faire ce que je veux parce que je n'ai aucune compétence ni même l'approche qu'il faudrait D: du coup, je bricole ^^" mais j'essayerai de rectifier ça du coup !!

Cucus, héhé, tant mieux s'il sert :waii:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Sam 9 Mar - 20:25
Anakin Hawk
créateur
créateur
Age : 21
Messages : 468
Date d'inscription : 26/01/2018
Crédits : TAG
Métier : Propriétaire du bar le Cocktail Colors (centre ville)
Voir le profil de l'utilisateur
Si tu veux, tu peux me filer l'image que tu utilise, et je peux te la faire propre :explos:

(code) marelle, marellium Empty Re: (code) marelle, marellium

le Mer 3 Avr - 22:53
H. Calixte Seymour
humain
Messages : 1334
Date d'inscription : 15/12/2017
Crédits : (avatar) carolcorps.
Métier : contrôleur de gestion des Laboratoires Asclepios ; altiste
Voir le profil de l'utilisateur
Je veux bien !!! :waii: je te l'envoie de ce pas !

(code) marelle, marellium Empty Re: (code) marelle, marellium

Contenu sponsorisé
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum