>
HautBas

Libre service

Siparti

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8Perso 9Pico. Perso
Prénom & âgeDalton (24)Navi (?)Pasha (23)Jem (21)Ryot (28)Emmett (41)Zenkûga (54)Oksana (25)Domino (36)
Nano. MondeX-MenADPChimèresZombielandAlpha PerduX-MenADPChimèresBruxia
AvatarDaltonNaviPashaJemRyotEmmettZenOksanaDomino
La soudoyée ¤ Assassin privée de Kami-sama
Siparti
Messages : 44156
Crédit avatar : Lokorum
OnlineEn ligne
Libre servicele Sam 20 Mai 2017, 23:48
Réputation du message : 100% (4 votes)

50 euros la fiche !



— Html, css, javaxzblorg...
— Ah, toi non plus tu t'en sors pas ?
— A l'aide, maman skeptical  



On arrête de transpirer



Pour les Nanites qui veulent faire un livre de bord aussi beau que Marie-Jozef... ou pour les gros doués qui ont l'âme charitable, on ouvre ce sujet de livre service fun  Postez vos codes à partager à la suite de ce message avec une petite prévisualisation et le code à copier-coller.

Bien évidemment, ça serait cool si vous respectiez le boulot des créateurs. N'enlevez pas leur © copyright s'il y en a un et n'utilisez pas les codes offerts autre part sans autorisation !

Afin d'éviter une vague de messages (espère toujours, Sip), postez seulement si vous avez des codes à partager.


Pour les Nanites qui ont envie de dire merci, on a le p'tit bouton des +1 cookie !
Cookies garantis Cookie plein


Infos annexes



Largeur maximale : de préférence flexbox ou css responsive. Sinon max 900px.
Les polices utilisées sur le forum : Summeron & Noto Sans

Par défaut, la police utilisée dans les messages est Noto Sans. Si tu veux utiliser l'autre (pas dans les RP, cela va de soit), il suffit d'utiliser le code suivant :

Mon texte avec Summeron

Code:
<span style="font-family: 'summeronregular';">Mon texte avec Summeron</span>

• Les codes couleur de cette version :

Zombieland : #ee1c25
X-Men : #f36523
Chimères : #e9bd26
Alpha Perdu : #0054a5
Aventures Du Passé : #00a652
Pico Monde : #a963a9
Faille : #23a9b5

Tu peux également utilisez les codes couleurs mentionné ci-dessous.


Pour les 'tis futés en code, on a aussi des classes très adaptables avec lesquels tu peux faire joujou. Attention de bien respecter les balises et les guillemets parce que ça peut rapidement casser les pages codées du forum si tu oublies un truc. Pense à utiliser la prévisualisation !

On supprimera sans avertissement les codes qui cassent le forum !



Les titres :
post-title (h3)
post-subtitle-1 (h4)
post-subtitle-2 (h5)
post-subtitle-3 (h6)
post-block-ink-title (h4 - comme dans contrat du RP)

Les blocs normaux :
post-block-1 (largeur à 75%)
post-block-2 (largeur à 95%)

Les blocs spéciaux :
post-block-ink-1 (avec encre sans ombre)
post-block-ink-2 (avec encre et ombre)

Les cadres :
post-frame (juste le cadre)
post-frame-title (pour le titre de cadre)

Le scroll :
scrollbar (pour le scroll, il faut également ajouter une class style avec un "max-height" défini)
scrollbg-chim (la couleur de la petite barre)

Pour le background :
bg-dark
bg-light
bg-grey
bg-faille
bg-pico
bg-ap
bg-adp
bg-zombie
bg-xmen
bg-chim

Pour la bordure et la couleur du texte, c'est pareil, on remplace juste bg- par border- ou color-.

Exemple:

Ton titre



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Code:
<h4 class="post-subtitle-2 border-pico">Ton titre</h4>

<div class="post-block-2 bg-faille color-light scrollbar scrollbg-dark" style="max-height:100px;">Ton texte.</div>


Dernière édition par Siparti le Mer 22 Avr 2020, 13:33, édité 4 fois


Libre service George10
Challenge RPctober
Caillou

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8Perso 9Pico. Perso
Prénom & âgeIekaterina (39 ans)Sara (23 ans)Ian (58 ans)Lifen (29 ans)Grigoriy (27 ans)Shell (24 ans)
Nano. MondeChimèresAlpha PerduZombielandChimèresChimèresX-Men
AvatarIekaterinasaraIanLifenGrigoriyShell
Super Nanite
Caillou
Messages : 2104
Crédit avatar : Elspeth McLean
OnlineEn ligne
Re: Libre servicele Jeu 25 Mai 2017, 22:46
Réputation du message : 100% (5 votes)
Trop beau Sip :7.c/:

J'ai commis ceci pour ma part, avec l'aide de Kida quand je savais pas comment m'y prendre (hello triangle...), n'hésitez pas à personnaliser, ajouter, mettre aux couleurs d'un autre NM en utilisant les images gracieusement fournies par Sip en début de topic...
D'ailleurs en vrai l'image est rectangulaire et mesure 800x250px, pas la peine d'en faire un triangle sur un logiciel de retouche d'image ! \O/

Avis aux suivants : je pense pas qu'on puisse faire plus large que 800px sans déformer le forum... attention donc si vous voulez pas reprendre toutes vos dimensions @_@

Ah, et merci à vous de laisser le petit copyright même si vous changez plein de trucs, j'y ai passé mon aprèm, ma soirée et quelques heures la semaine dernière, donc j'aimerais bien que ce petit nom reste visible, merci ♥


image

image

Topics

Titre de la section
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Titre de la section
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Titre de la section
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Liens

Nom du personnage - Relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Nom du personnage - Relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Nom du personnage - Relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
© Jasmée


Code:
<div style="width: 0; height: 0; margin: auto; border: 0 solid transparent; border-left: 810px solid #dedcdd; border-bottom-width: 250px; margin-bottom: -48px; background-image: url('https://i58.servimg.com/u/f58/18/39/18/54/northa11.jpg')">
<div style="width: 500px; -ms-transform: rotate(343deg); -webkit-transform: rotate(343deg); transform: rotate(343deg); margin-left: -750px; margin-top: 112px;"><a href="LIENVERSLAPRESENTATION"><img src="https://i58.servimg.com/u/f58/18/39/18/54/iekate10.png" alt="image"></a></div></div>
<div style= "width: 800px; text-align: center; margin-left: auto; margin-right: auto; margin-top: -15px;"><img src="https://i58.servimg.com/u/f58/18/39/18/54/co_chi10.png" alt="image"></div><div style= "width: 800px; height: auto; margin: auto; margin-top: -11px; padding: 5px; border-top: solid 3px #743434; background-color: #4b4545;">
<div style= "width: 200px; height: auto; padding: 2px; margin: auto; background-color: #383232;"><div style= "font-family: 'Architects Daughter'; font-variant: small-caps; font-size: 20px; text-align: center; color: #f3c055">Topics</div></div>
<div style= "width: 245px; height: 200px; display: inline-block; text-align: justify; margin: 5px; padding: 5px; background-color: #dedcdd"><div style= "font-family: 'Architects Daughter'; font-weight: bold; font-variant: small-caps; text-align: center; color: #743434;">Titre de la section</div><div style="height: 170px; margin: auto; margin-top: 5px; overflow: auto; font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div><div style= "width: 250px; height: 200px; display: inline-block; text-align: justify; margin: 5px; padding: 5px; background-color: #dedcdd"><div style= "font-family: 'Architects Daughter'; font-weight: bold; font-variant: small-caps; text-align: center; color: #743434;">Titre de la section</div><div style="height: 170px; margin: auto; margin-top: 5px; overflow: auto; font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div><div style= "width: 245px; height: 200px; display: inline-block; text-align: justify; margin: 5px; padding: 5px; background-color: #dedcdd"><div style= "font-family: 'Architects Daughter'; font-weight: bold; font-variant: small-caps; text-align: center; color: #743434;">Titre de la section</div><div style="height: 170px; margin: auto; margin-top: 5px; overflow: auto; font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div>

<div style= "width: 200px; height: auto; padding: 2px; margin: auto; background-color: #383232;"><div style= "font-family: 'Architects Daughter'; font-variant: small-caps; font-size: 20px; text-align: center; color: #f3c055">Liens</div></div>
<table><tr><td><div style= "height: 80px; width: 80px; margin-left: 3px; background-image: url(https://i58.servimg.com/u/f58/18/39/18/54/northa12.jpg); border: 2px solid #743434;"> </div></td> <td><div style="height: 71px; width: 690px; text-align: justify; padding: 5px; margin: 5px; overflow: auto; background-color: #dedcdd;"><span style="font-variant: small-caps; font-family: 'Architects Daughter' !important; font-weight: bold;"><a href="PRESENTATIONDUPERSONNAGE">Nom du personnage - Relation</a></span>
<span style= "font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></td></tr></table>
<table><tr><td><div style= "height: 80px; width: 80px; margin-left: 3px; background-image: url(https://i58.servimg.com/u/f58/18/39/18/54/northa12.jpg); border: 2px solid #743434;"> </div></td> <td><div style="height: 71px; width: 690px; text-align: justify; padding: 5px; margin: 5px; overflow: auto; background-color: #dedcdd;"><span style="font-variant: small-caps; font-family: 'Architects Daughter' !important; font-weight: bold;"><a href="PRESENTATIONDUPERSONNAGE">Nom du personnage - Relation</a></span>
<span style= "font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></td></tr></table>
<table><tr><td><div style= "height: 80px; width: 80px; margin-left: 3px; background-image: url(https://i58.servimg.com/u/f58/18/39/18/54/northa12.jpg); border: 2px solid #743434;"> </div></td> <td><div style="height: 71px; width: 690px; text-align: justify; padding: 5px; margin: 5px; overflow: auto; background-color: #dedcdd;"><span style="font-variant: small-caps; font-family: 'Architects Daughter' !important; font-weight: bold;"><a href="PRESENTATIONDUPERSONNAGE">Nom du personnage - Relation</a></span>
<span style= "font-size:12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></div></td></tr></table><div style= "font-size: 10px; text-align: right; color: #f3c055;">© Jasmée</div></div>


Libre service Bla_caillou
Aki' the Space Corgi

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8Perso 9Pico. Perso
Prénom & âgeKala ▬ 32 ansJyn'Aya ▬ 36 ansCharlie ▬ 28 ansFelix ▬ 34 ans
Nano. MondeAlpha PerduAlpha PerduX-MensZombieland
Avatar
Super Nanite
Aki' the Space Corgi
Messages : 1582
Crédit avatar : Philip Tseng http://www.minicubby.com/
OnlineEn ligne
Re: Libre servicele Mar 30 Mai 2017, 20:20
Réputation du message : 100% (6 votes)
Vos codages sont superbes, j'adore ♥

J'ai codé une fiche pour mon livre de bord en tentant de rester dans le style actuel du forum. Du coup, si jamais il vous plait, je le rends dispo en libre-service! J'ai tenté de coder au mieux pour que l'édition soit simple, mais n'hésitez pas à m'envoyer un MP si vous éprouves un problème à arranger quoi que ce soit à votre gout. D'ailleurs, ne vous gênez pas pour modifier le tout comme bon vous semble (juste laisser le petit copyright à la fin, please^^).

PETIT GUIDE POUR LA PERSONNALISATION

LES IMAGES ▬ Le format des images sont les suivants : 258x413 px pour la grande image de présentation et 400x60 px pour les petites images entre les sections de RP.
ENCADRÉS ▬ La couleur des encadrés des trois images est modifiable en remplaçant le #3F617A par le code de couleur de votre choix dans ces balises (pour obtenir le code HTML de votre couleur, vous pouvez utiliser ce site ) :
Code:
<img class ="imgprofil" style="border:4px solid #3F617A" src="URL DE L'IMAGE"  alt="image"/>
COULEUR DES BOITES ▬ La couleur des boites est personnalisable via le CSS, soit dans la première partie du code. Chaque boite a un code unique (".boxi" pour le statut role play, ".boxii" pour les news, ".boxnormaux" pour les RPs normaux, ".boxflash" pour les RPs flash, ".boxfaille" pour les RPs de la faille, ".boxboys" pour les liens masculins et ".boxgirls"). Trouvez d'abord la partie du code qui correspond à la boite que vous souhaitez personnaliser, puis remplacez le code HTML de la couleur de cette balise (pour obtenir le code HTML de votre couleur, vous pouvez utiliser ce site ) :
Code:
background-color:#882122;
LES TITRES ▬ Malheureusement, les polices d'écriture propres aux Nano Mondes du forum ne sont pas disponible sur google font, ce qui veut dire que les titres sont en fait des images qui doivent être faites à la main. Pour le titre même du Nano Monde, vous pouvez utilisez celles fournies par Siparti dans le premier message de ce sujet (un gros merci d'ailleurs ♥). Si votre personnage n'est pas d'Alpha Perdu et que vous ne savez pas comment créer des images pour remplacer celles des titres existants, vous pouvez m'envoyer un MP, il me fera plaisir de vous donner un coup de main^^

Bref, enjoy! J'espère qu'il vous plaira ♥








Libre service Asiu STATUT ROLE PLAY

libre/indisponible
fiche de présentation
aucune demandes de rp
aucune petite annonce


Libre service Kh51 NEWS & MISES À JOUR

○ 30/05/2017 ▬ mise à jour des rps
○ 30/05/2017 ▬ mise à jour des liens
○ 30/05/2017 ▬ création du ldb




Libre service Rk6x RPS NORMAUX & EXPRESS

○ TITRE ▬ Partenaire
description
○ TITRE ▬ Partenaire
description
○ TITRE ▬ Partenaire
description



Libre service Rk6x RPS FLASHBACK

○ TITRE ▬ Partenaire
description
○ TITRE ▬ Partenaire
description
○ TITRE ▬ Partenaire
description



Libre service Rk6x RPS FAILLE

○ TITRE ▬ Partenaire
description
○ TITRE ▬ Partenaire
description
○ TITRE ▬ Partenaire
description


Libre service X7yg


Libre service Tjr6 LADS & GENTLEMENS

○ PRÉNOM & NOM ▬ description du lien
○ PRÉNOM & NOM ▬ description du lien
○ PRÉNOM & NOM ▬ description du lien
Libre service O4xi LASS & LADIES

○ PRÉNOM & NOM ▬ description du lien
○ PRÉNOM & NOM ▬ description du lien
○ PRÉNOM & NOM ▬ description du lien




Code:
<style> .box {display: block; margin: auto; width: 736px;} .imgprofil {display: block; margin: auto; width: 258px;} .boxi {background-color:#882122; width:240px; margin:auto; margin-top:-25px; padding:10px; font-size:14px; color:#fff;} .boxii {background-color:#383232; width:240px; margin:auto; margin-top:-35px; padding:10px; font-size:14px; color:#fff} .boxnormaux {background-color:#9B9999; width:388px; height:160px; overflow: auto; margin:auto; margin-left:35px; padding:10px; font-size:14px; color:#fff} .boxflash {background-color:#716F6F; width:388px; height:160px; overflow: auto; margin:auto; margin-left:35px; padding:10px; font-size:14px; color:#fff} .boxfaille {background-color:#9B9999; width:388px; height:160px; overflow: auto; margin:auto; margin-left:35px; padding:10px; font-size:14px; color:#fff} .boxboys {background-color:#383232; width:325px; height:200px; overflow: auto; margin:auto; padding:10px; font-size:14px; color:#fff} .boxgirls {background-color:#383232; width:335px; height:200px; overflow: auto; margin:auto; padding:10px; font-size:14px; color:#fff} </style>
<div class="box"><table><tr><td><img class="imgprofil" src="https://www.zupimages.net/up/17/22/xnke.png"  alt="image-test" />
<img class ="imgprofil" style="border:4px solid #3F617A" src="https://www.zupimages.net/up/17/22/icw6.jpg"  alt="image" />
<img style="margin-bottom:20px; margin-left:10px;" src="https://www.zupimages.net/up/17/22/b6jw.png"  alt="image" />

<div class="boxi"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/asiu.png[/img] [b]STATUT ROLE PLAY[/b]</center>
[b]○[/b] libre/[strike]indisponible[/strike]
[b]○[/b] [url=https://www.nano-roleplay.com/][color=#ffffff]fiche de présentation[/color][/url]
[b]○[/b] aucune demandes de rp
[b]○[/b] aucune petite annonce</div>

<div class="boxii"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/kh51.png[/img] [b]NEWS & MISES À JOUR[/b]</center>
[b]○ 30/05/2017 ▬[/b] mise à jour des rps
[b]○ 30/05/2017 ▬[/b] mise à jour des liens
[b]○ 30/05/2017 ▬[/b] création du ldb</div></td>

<td>
<br><img style="margin-left:40px" src="https://www.zupimages.net/up/17/22/wtp8.png"  alt="image"/><br>
<div class="boxnormaux"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/rk6x.png[/img] [b]RPS NORMAUX & EXPRESS[/b]</center>
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description</div>
<img style="border:4px solid #3F617A;margin-left:35px" src="https://www.zupimages.net/up/17/22/vjw2.jpg"  alt="image"/><br>
<div class="boxflash"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/rk6x.png[/img] [b]RPS FLASHBACK[/b]</center>
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
</div>
<img style="border:4px solid #3F617A;margin-left:35px" src="https://www.zupimages.net/up/17/22/wd2x.jpg"  alt="image"/><br>
<div class="boxfaille"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/rk6x.png[/img] [b]RPS FAILLE[/b]</center>
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description
[b]○ TITRE ▬[/b] [i]Partenaire[/i]
description</div>
</td></tr></table>

[center][img]https://www.zupimages.net/up/17/22/x7yg.png[/img][/center]
<table><tr><td> <div class="boxboys"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/tjr6.png[/img] [b]LADS & GENTLEMENS[/b]</center>
[b]○ PRÉNOM & NOM ▬[/b] description du lien
[b]○ PRÉNOM & NOM ▬[/b] description du lien
[b]○ PRÉNOM & NOM ▬[/b] description du lien
</div> </td>

<td> <div class="boxgirls"><center>[img(15px,15px)]https://www.zupimages.net/up/17/22/o4xi.png[/img] [b]LASS & LADIES[/b]</center>
[b]○ PRÉNOM & NOM ▬[/b] description du lien
[b]○ PRÉNOM & NOM ▬[/b] description du lien
[b]○ PRÉNOM & NOM ▬[/b] description du lien</div> </td></tr></table>

[center][url=https://www.nano-roleplay.com/u998][color=#ffffff](c) aki' for nano role play[/color][/url][/center]
</div>




Libre service Bij9 Libre service Q1lr Libre service 4i4u Libre service 6nbv

Libre service Bla_ap
Elilith

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8Perso 9Pico. Perso
Prénom & âgeMariele (23)Jelani (11)
Nano. MondeAventures du PasséBruxia
AvatarMarieleJelani
Aspirant Nanite
Elilith
Messages : 85
Crédit avatar : Naomi Lord
OnlineEn ligne
Re: Libre servicele Mer 29 Avr 2020, 11:42
Réputation du message : 100% (8 votes)
Hello tout le monde !

En collaboration avec Sip (quelle zolie maquette) et Nano (parce qu'elle est géniale), voici devant vos yeux ébahis un livre de bord officiel pour ce design de NRP :3 !

Libre service Exempl10

Code:
<div class="ldb"><div class="ldb_bann"><img src="https://raw.githubusercontent.com/Skalleface/images-hosting/master/NRP/V9/ldb_ex1.jpg" alt="bann 830*300" class="ldb_bann_img"/><div class="ldb_description_perso scrollbar scrollbg-grey">
<div class="ldb_nom_perso">Nom du perso</div>
<a href="#"><span class="color-light">Lien vers sa fiche</span></a>
<span class="bold">Statut en RP :</span>
- Rp Normal : Libre
- Rp Flashback : Libre
- Rp Express : Libre</div></div>
<div class="ldb_flex"><div class="ldb_rp_item scrollbar scrollbg-grey"><div class="post-thead ldb_maj">Rp normaux</div>
<div class="ldb_rp_content"><span class="bold ldb_rp_subtitle"><span class="underline">Nom du RP</span><span class="italic"> (Statut du RP) </span>/ Joueurs : </span>Description rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RP

<span class="bold ldb_rp_subtitle"><span class="underline">Nom du RP</span><span class="italic"> (Statut du RP) </span>/ Joueurs : </span>Description rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RP</div></div>
<div class="ldb_rp_item scrollbar scrollbg-grey"><div class="post-thead ldb_maj">Rp flashback</div>
<div class="ldb_rp_content"><span class="bold ldb_rp_subtitle"><span class="underline">Nom du RP</span><span class="italic"> (Statut du RP) </span>/ Joueurs : </span>Description rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RP

<span class="bold ldb_rp_subtitle"><span class="underline">Nom du RP</span><span class="italic"> (Statut du RP) </span>/ Joueurs : </span>Description rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RP</div></div></div>

<div class="ldb_rp_item ldb_large scrollbar scrollbg-grey"><div class="post-thead ldb_maj">Rp faille & Autres</div>
<div class="ldb_rp_content"><span class="bold ldb_rp_subtitle"><span class="underline">Nom du RP</span><span class="italic"> (Statut du RP) </span>/ Joueurs : </span>Description rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RP

<span class="bold ldb_rp_subtitle"><span class="underline">Nom du RP</span><span class="italic"> (Statut du RP) </span>/ Joueurs : </span>Description rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RPDescription rapide du RP</div></div>

<div class="ldb_relations_title" style="background: linear-gradient(135deg, #a963a9 55%, #161614 55%);">Relations & Connaissances</div>

<div class="ldb_flex"><div class="ldb_relation_item"><img src="https://raw.githubusercontent.com/Skalleface/images-hosting/master/NRP/V9/ldb_ex2.jpg" alt="relation 100*150"/><div class="ldb_relation_content scrollbar scrollbg-grey"><h5 class="ldb_nom_relation">Nom du perso</h5>
<span class="ldb_type_relation bold" style="background-color : #a963a9;">Type de relation</span>
Description de la relation. Description de la relation. Description de la relation. Description de la relation. Description de la relation. Description de la relation.</div></div>
<div class="ldb_relation_item"><img src="https://raw.githubusercontent.com/Skalleface/images-hosting/master/NRP/V9/ldb_ex2.jpg" alt="relation 100*150"/><div class="ldb_relation_content scrollbar scrollbg-grey"><h5 class="ldb_nom_relation">Nom du perso</h5>
<span class="ldb_type_relation bold" style="background-color : #a963a9;">Type de relation</span>
Description de la relation. Description de la relation. Description de la relation. Description de la relation. Description de la relation. Description de la relation.</div></div></div></div>

Mais c'est pas les bonnes couleurs crai !


Tutafé ! Les couleurs actuelles sont celles du pico monde, et je sais bien que vous, joyeuses nanites, vous n'avez pas que des picos persos. Je vous ai compris king ! Il y a donc moyen de personnaliser un peu tout ce ptit monde et je vais vous expliquer comment pas plus tard que tout de suite !

Les scrollbars


Actuellement les scrollbars sont neutres, toutes grises. C'est nul. (Bon c'est surtout neutre pour tous ceux qui n'auraient pas envie de les personnaliser.) Pour changer ça, il suffit que vous alliez chercher (avec un petit ctrl+f par exemple), toutes les fois où est écrit dans le code : "scrollbg-grey" et de le remplacer par "scrollbg-lenanomondedevotrechoix" ! Bon je vous vois venir, il ne faut pas VRAIMENT écrire "lenanomondedevotrechoix" mais bien ... le nano monde de votre choix. Voici très exactement les différentes scrollbar que vous pouvez utiliser :
  • scrollbg-pico : picomonde

  • scrollgbg-adp : aventures du passé

  • scrollbg-zombie : zombieland

  • scrollbg-chim : chimères

  • scrollbg-xmen : x-men

  • scrollbg-faille : faille

  • scrollbg-main : votre couleur sélectionnée comme principale

Et vouala !

Les relations


Pour changer la ptite picocouleur du titre "Relations" et des "types de relation", ce n'est pas beaucoup plus compliqué ! Déjà, il vous faut sélectionner la couleur que vous voulez (le code couleur très exactement). Une petite aide, voici les différents codes couleurs des différents mondes :
  • picomonde : #a963a9

  • aventures du passé : #00a652

  • zombieland : #ee1c25

  • chimères : #e9bd28

  • x-men : #f36523

  • faille : #23a9b5


Une fois la bonne couleur choisie, il faut la remplacer à deux endroits. Ici:
Code:
<div class="ldb_relations_title" style="background: linear-gradient(135deg, >>>>>LA #a963a9 LA<<<<<< 55%, #161614 55%);">Relations & Connaissances</div>
et ici (pour chaque relation que vous ajoutez):
Code:
<span class="ldb_type_relation bold" style="background-color : >>>>>LA #a963a9 LA<<<<<<;">Type de relation</span>

(n'hésitez pas à utiliser un petit ctrl+F pour vous éviter de chercher les passages concernés pendant des heures).

Et TOUDOUM c'est tout changé !

Ajouter une relation


Si jamais vous êtes un peu perdu.e.s, voici le code à copier coller qui correspond à un bloc de relation :
Code:
<div class="ldb_relation_item"><img src="https://raw.githubusercontent.com/Skalleface/images-hosting/master/NRP/V9/ldb_ex2.jpg" alt="relation 100*150"/><div class="ldb_relation_content scrollbar scrollbg-grey"><h5 class="ldb_nom_relation">Nom du perso</h5>
<span class="ldb_type_relation bold" style="background-color : #a963a9;">Type de relation</span>
Description de la relation. Description de la relation. Description de la relation. Description de la relation. Description de la relation. Description de la relation.</div></div>
/!\ A ajouter avant le dernier
Code:
</div>

Quelle horreur, du code freak out


Oui oui je sais, actuellement ce petit design vous demande de farfouiller un peu dans le code pour changer les couleurs, ajouter une nouvelle relation ... Vous n'en avez peut être pas envie, ou peur de faire des bêtises (ça se comprend). Soyez patients, il est possible que peut être, un jour prochain viendra ou éventuellement les choses vous seront facilitées, par ... qui sait ... un générateur. Peut être. (Traduction : me harcelez pas si vous êtes intéressés par le projet, ça risquerait juste de me ralentir xD)


Libre service Fan_ad10
Libre service Fan_br10
Lunatique

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8Perso 9Pico. Perso
Prénom & âgeMaksim 22ansLumi 15ansFotafilis 52ansThan 33ansMaureen 19Aaron 35ansIna 27ansUp ?ansVarsha 9000Cruz 16ans
Nano. MondeChimèresChimèresAv. du PasséAv. du PasséX-menX-menZombielandAlphaPerduPico.BruxiaPico.Bruxia
Avatarmaksimlumifotafilisthanmaureenaaroninaen attente de motivationvarshacruz
Super Nanite
Lunatique
Messages : 4172
Crédit avatar : Mirveka
OnlineEn ligne
Re: Libre servicele Mar 04 Aoû 2020, 22:04
Réputation du message : 100% (2 votes)
Pour la postérité, je laisse le code de mon livre de bord (modifié depuis celui d'Aki). Même dimension d'image que pour le sien.



Zombieland


avatar

Dina Johansen



ÉTAT DU PERSONNAGE
Fiche de présentation
Demandes de rp
○ pas de petite annonce

NOUVEAUTÉS SUR INA
○ Eyra est toujours en bonne santé.
○ Elle aimerait éradiquer les zombies et dessiner davantage.
○ Elle va apprendre à chasser le gros gibier avec Leif.

Sa survie


LE DÉBUT DE L’APOCALYPSE
Pour une boîte de conserve - 2071
> Angell (Nikki) en cours
Ina mène une expédition dans l’épicerie de la ville, rencontrant alors une femme.

bandeau1

L’INSTANT PRÉSENT
Comme chien et chat
> Siparti (Jem) & Silivren (Leif) terminé
Les militaires collent dans les basques d’Ina un nouveau venu maigre comme un clou. Comment s’entendront-ils ?
Le temps des chasseurs
> Silivren (Leif) en cours
Ina accompagne Leif dans la pose de collets et elle va également lui apprendre à tailler un arc et des flèches.

bandeau2

LA VIE DESSINÉE
Titre
> Partenaire (PJ) en cours
Résumé.


Ses rencontres et ses relations



SURVIVANTES
Nikki, rencontrée il y a un an, près d’une supérette.
SURVIVANTS
Jem, survivant maigrichon fraîchement arrivé au Camp qui aime le cynisme et les secrets mais on fera avec.
Leif, chasseur solide sur qui on peut compter (quand il n’y a pas à gérer sa claustrophobie).



Code:
<style> .box {display: block; margin: auto; width: 736px;} .imgprofil {display: block; margin: auto; width: 258px;} .boxi {background-color:#444343; width:258px; margin:auto; margin-top:-25px; padding:10px; font-size:14px; color:#fff;} .boxrp {background-color:#9B9999; width:408px; height:167px; overflow: auto; margin:auto; margin-left:35px; padding:10px; font-size:14px; color:#fff} .boxpj {background-color:#9B9999; width:353px; height:200px; overflow: auto; margin:auto; padding:10px; font-size:14px; color:#fff} .boxpnj {background-color:#9B9999; width:708px; height:200px; overflow: auto; margin:auto; padding:10px; font-size:14px; color:#fff} </style><span class="NOM DU PERSO" id="NOM DU PERSO"></span><div class="box"><table><tr><td><h3 class="post-title color-zombie">NOM DU NANOMONDE</h3>
<img class ="imgprofil" alt="avatar" style="border:4px solid #ee1c25" src="LIEN IMAGE 1" />
<h4 class="post-block-ink-title color-zombie">Dina Johansen</h4>

<div class="boxi"><center>[b]ÉTAT DU PERSONNAGE[/b]</center>○ [url=https://www.nano-roleplay.com/t3046-luna-qui-lunatique#ina][color=#ffffff]Fiche de présentation[/color][/url]
○ [url=https://www.nano-roleplay.com/t1714-demandes-pour-zombieland][color=#ffffff]Demandes de rp[/color][/url]
○ pas de petite annonce

<center>[b]NOUVEAUTÉS SUR LE PERSO[/b]</center>○ Truc 1
○ Truc 2
○ Truc 3</div></td>

<td><br><h4 class="post-block-ink-title color-zombie">Sa survie</h4><br><div class="boxrp"><center>[b]RP FAILLE[/b]</center>[url=https://www.nano-roleplay.com]Titre[/url]
> Partenaire (PJ) [i]en cours[/i]
Résumé.</div>
<img style="border:4px solid #ee1c25;margin-left:35px"alt="bandeau1"  src="LIEN IMAGE 2" /><br>
<div class="boxrp"><center>[b]RP NORMAUX[/b]</center>[url=https://www.nano-roleplay.com]Titre[/url]
> Partenaire (PJ) [i]en cours[/i]
Résumé.</div>
<img style="border:4px solid #ee1c25;margin-left:35px"alt="bandeau2"  src="LIEN IMAGE 3" /><br>
<div class="boxrp"><center>[b]RP FAILLE[/b]</center>[url=https://www.nano-roleplay.com]Titre[/url]
> Partenaire (PJ) [i]en cours[/i]
Résumé.</div></tr></table>


<h4 class="post-block-ink-title color-zombie">Ses rencontres et ses relations</h4><table><tr><td><div class="boxpj"><center>[b]SURVIVANTES[/b]</center>[url=https://www.nano-roleplay.com/LIEN PRESENTATION]NOM PJ[/url], description.
</div> </td>

<td> <div class="boxpj"><center>[b]SURVIVANTS[/b]</center>[url=https://www.nano-roleplay.com/LIEN PRESENTATION]NOM PJ[/url], description.</div> </td></tr></table>

[center][url=https://www.nano-roleplay.com/u998](c) aki' for nano role play[/url][/center]
</div>


Chimères
Donneur de cookies
Jukebox
Speedy
Staneria

Tes Personnages
Ses Personnages :
Ses Personnages Perso 1Perso 2Perso 3Perso 4Perso 5Perso 6Perso 7Perso 8Perso 9Pico. Perso
Prénom & âgeDylann (17)Klyde (19)Vilho (27)Stej (304)Ash (33)Lia (15)Nera (1450)Ineska (24)Tanis (2576)
Nano. MondeX-MenChimèresZombielandAdPAlpha PerduX-MenAdPChimèresBruxia
AvatarDylannKlydeVilhoStejAshLiaNeraIneskaTanis
Stanéria
Staneria
Messages : 4029
Crédit avatar : "Harpist" Jennyeight
OnlineEn ligne
Re: Libre servicele Lun 19 Oct 2020, 02:19
Réputation du message : 100% (2 votes)
Miak ! Squee

Je vous laisse aussi le code de mon livre de bord que je pense changer prochainement donc avant de tout perdre, voilà. (Et Sip, tu peux le modifier pour les marges auto, j'ai pas pigé cette partie.)



         
   



NORMAL : libre
FLASHBACK : libre

CANETON CANETON CANETON | caneton caneton caneton

Lien de la Fiche de Présentation


RP Normaux

Nom du RP + lien direct
Personnage partenaire (Nanite)
Description du RP. Statut.

Nom du RP + lien direct
Personnage partenaire (Nanite)
Description du RP. Statut.

Nom du RP + lien direct
Personnage partenaire (Nanite)
Description du RP. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... "L'origine du terme canard n'est pas connue, une orthographe connue du XIIIe siècle donne quanart. Il est probable que ce terme dérive d'une onomatopée, comme caqueter. Ce terme est aussi générique ; les espèces appelées « canard » peuvent être plus spécifiquement appelées pilet, sarcelle, tadorne… Pour désigner son cri, on dit que le canard cancane et l'onomatopée « coin-coin » est utilisée pour décrire ses vocalisations. Le canard femelle adulte est la cane ; le jeune canard, le caneton ; le canard sauvage de l'année, ne maîtrisant pas encore son vol, le halbran." (Wikipédia) Statut.



RP Flashback

Nom du RP + lien direct
Personnage partenaire (Nanite)   Année | X ans
Description du RP. Statut.


Nom du RP + lien direct
Personnage partenaire (Nanite)   Année | X ans
Description du RP. Statut.


Nom du RP + lien direct
Personnage partenaire (Nanite)   Année | X ans
Description du RP. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... "Le colvert est le canard le moins farouche. Il s'acclimate facilement à la vie urbaine et craint peu l'homme. Il se reproduit fréquemment avec d'autres espèces (Canard noir qui habite l'Amérique, Canard pilet qui habite l'Europe ou son congénère le canard domestique), ce qui peut poser des problèmes de pollution génétique au sein des populations sauvages (et domestiques). Il est très grégaire en dehors des périodes de reproduction, et les femelles sont très fidèles aux mêmes territoires où elles retournent tous les ans." (Wikipédia) Statut.




Dans la Faille


Nom du RP + lien direct
Personnage partenaire (Nanite)
Description du RP. Statut.

Nom du RP + lien direct
Personnage partenaire (Nanite)
Description du RP. Statut.

Nom du RP + lien direct
Personnage partenaire (Nanite)
Description du RP. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... "Le mâle des populations sauvages est aisément reconnaissable, pendant la période nuptiale, par sa tête d'un vert brillant (d'où son nom). Le reste du plumage est gris-brun à blanc, avec un miroir alaire bleu-violet ; le bec est jaune. Après la période nuptiale, à l'approche de l'été, il mue et prend son plumage éclipse (de couleur beige semblable à celui des juvéniles et des femelles) et perd ses rémiges. Il vit alors dans les roseaux et les hautes herbes. Un à deux mois plus tard environ, le mâle reprend son plumage nuptial." (Wikipédia) Statut.



Interforum

Nom de l'épreuve + lien direct
Forum organisateur | Partenaire éventuel
Description du RP / texte.

Nom de l'épreuve + lien direct
Forum organisateur | Partenaire éventuel
Description du RP / texte.

Nom de l'épreuve + lien direct
Forum organisateur | Partenaire éventuel
Description du RP / texte. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... "La femelle a le bec brun et le plumage plus terne (beige tacheté de brun). Celui-ci ressemble à celui du canard noir bien que généralement de teinte plus claire. Le bec du mâle est jaunâtre ou verdâtre, plus ou moins taché de noir, et ses pattes sont rouge-orangé. Mâle, femelle et juvénile disposent d'un miroir iridescent bleu-violet bordé de barres blanches sur les ailes. La tête des canetons est plus orangée et il a une calotte, le dos, une barre sur l'œil et la face dorsale des ailes brun foncé, le poitrail blanc. Les races domestiques peuvent être complètement blanches, noires, vertes comme le Cayuga, ou d'apparence assez semblable à la population sauvage comme les Campbells. Les canetons domestiques sont le plus souvent complètement jaunes." (Wikipédia)





Ses Rencontres

Nature du lien
Nom du perso + lien fiche
X ans | Description du lien entre les personnages.
Nature du lien
Nom du perso + lien fiche
X ans | Description du lien entre les personnages.
Nature du lien
Nom du perso + lien fiche
X ans | Description du lien entre les personnages.

Personnages liés

Nature du lien
Nom du perso + lien fiche
X ans | Description du lien entre les personnages.
Nature du lien
Nom du perso + lien fiche
X ans | Description du lien entre les personnages.


Personnage : "Titre de l'oeuvre" Artiste + lien de l'oeuvre - "Titre de l'oeuvre" Artiste + lien de l'oeuvre - "Titre de l'oeuvre" Artiste + lien de l'oeuvre
"Titre de l'oeuvre" Artiste + lien de l'oeuvre | Personnage lié : "Titre de l'oeuvre" Artiste + lien de l'oeuvre | Personnage lié : "Titre de l'oeuvre" Artiste + lien de l'oeuvre
©️ Jasmée - Lizzou - Wtfpdubber - Night Sky - Stanéria


Code:

[center]<link href='http://fonts.googleapis.com/css?family=Satisfy|Stint+Ultra+Condensed' rel='stylesheet' type='text/css'><style type="text/css">.imname { position: center; width:100%; height : 70px; margin-top:10px; } .lapinvert { position: center; width:60% !important;} .imgets { width:100%; height: 300px; margin-top: 60px; } .imgets img { border-radius:150px 150px 150px 150px; } .imgetaboveI { position: center; z-index: 2; width: 300px; height: 300px; opacity:1.0; border:1px solid #B5B5B5; border-radius:150px 150px 150px 150px; padding:0px; } .imgetbelowI { position: center;z-index: 1;width: 300px; height: 300px; margin-top: -300px;opacity: 1.0;border:1px solid #B5B5B5;border-radius:150px 150px 150px 150px;padding:0px; } .imgetaboveI img, .imgetbelowI img {width: a; height: 300px; } .imgetaboveI, .imgetbelowI, .textethid { position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; } .imgets:hover .imgetaboveI { transform:rotate(-360deg); -ms-transform:rotate(-360deg); -webkit-transform:rotate(-360deg);opacity: 0; } .imgets:hover .textethid { opacity: 1;visibility: visible;} </style>
       <table class="lapinvert" border="0" width="70%" align="center" style="background-color:#F4F4F4;color:#9D9D9D;width=70%; text-shadow:none;border-radius:5px; margin-top:-45px; padding:30px 20px 30px 20px;">[/center]
   <tr height="50"><td style="border-bottom: #E3E3E3 3px dotted;padding-bottom:10px;" align="center"><div class="imname" align="center"><img alt src="https://i.ibb.co/M2Kn6db/Caneton-Nom-Perso.jpg" align="center"></div><div class="imgets" align="center" style="/* code en-tête perso */">
<div class="imgetaboveI"><img alt src="https://i.ibb.co/smJ0bhJ/Caneton-Avatar1.jpg"></div><div class="imgetbelowI"><img alt src="https://i.ibb.co/xsjFDS9/Caneton-Avatar2.jpg"></div><div style="margin-left:150px;"></div></div></td>
   </tr></table>

<div style= "width: 800px; text-align: center; margin-left: auto; margin-right: auto; margin-top: -15px;"><img alt src="https://i.ibb.co/Fb8v9YJ/Caneton-NM.jpg"></div><div style= "width: 800px; height: auto; margin: auto; margin-top: -11px; padding: 5px; border-top: solid 10px #cc6633; background-color: #171615;">
<div style= "width: 350px; height: auto; display: inline-block; text-align: justify; margin: 5px; padding: 5px; background-color: #171615; border:2px solid #F4F4F4"><div style= "font-family: 'Rockwell'; text-align: center; color: #F4F4F4;">NORMAL : libre</div></div><div style= "width: 350px; height: auto; display: inline-block; text-align: justify; margin: 5px; padding: 5px; background-color: #171615; border:2px solid #F4F4F4"><div style= "font-family: 'Rockwell'; text-align: center; color: #F4F4F4;">FLASHBACK : libre</div></div>
<div style= "font-family: 'Rockwell'; text-align: center; font-size: 14px; font-variant: small-caps; color: #cc6633;">[b]CANETON CANETON CANETON [/b]| caneton caneton caneton</div>
<div style= "font-family: 'Rockwell'; font-variant: small-caps; text-align: center; font-size:28px;">[color=#F4F4F4]Lien de la Fiche de Présentation[/color]</div>

<div style= "width: 625px; height: auto; padding: 2px; margin: auto; background-color: #ff9900;"><div style= "font-family: 'Rockwell'; font-variant: small-caps; font-size: 20px; text-align: center; color: #F4F4F4">[b]RP Normaux[/b]</div></div>
<table><tr><td><div style= "height: 150px; width: 120px; margin-right: 10px; margin-left: 30px; background-image: url(https://i.ibb.co/c6V5t7k/Caneton-Vignette.jpg); border: 2px solid #171715;"></div></td><td><div style="height: 150px; width: auto; text-align: justify; padding: 5px; margin-right: 30px; overflow: auto; background-color: #F4F4F4;"><span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span>
<span style= "font-size:12px;">Description du RP. [b]Statut.[/b]</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span>
<span style= "font-size:12px;">Description du RP. [b]Statut.[/b]</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span>
<span style= "font-size:12px;">Description du RP. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... [i]"L'origine du terme canard n'est pas connue, une orthographe connue du XIIIe siècle donne quanart. Il est probable que ce terme dérive d'une onomatopée, comme caqueter. Ce terme est aussi générique ; les espèces appelées « canard » peuvent être plus spécifiquement appelées pilet, sarcelle, tadorne… Pour désigner son cri, on dit que le canard cancane et l'onomatopée « coin-coin » est utilisée pour décrire ses vocalisations. Le canard femelle adulte est la cane ; le jeune canard, le caneton ; le canard sauvage de l'année, ne maîtrisant pas encore son vol, le halbran." (Wikipédia)[/i] [b]Statut.[/b]</span>

</div></td></tr></table>


<div style= "width: 625px; height: auto; padding: 2px; margin: auto; background-color: #ff9900;"><div style= "font-family: 'Rockwell'; font-variant: small-caps; font-size: 20px; text-align: center; color: #F4F4F4">[b]RP Flashback[/b]</div></div>
<table><tr><td><div style="height: 150px; width: auto; text-align: justify; padding: 5px; margin-left: 30px; overflow: auto; background-color: #F4F4F4;"><span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span><span style= "font-size:12px;">   [b]Année | X ans[/b]
Description du RP. [b]Statut.[/b]</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span><span style= "font-size:12px;">   [b]Année | X ans[/b]
Description du RP. [b]Statut.[/b]</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span><span style= "font-size:12px;">   [b]Année | X ans[/b]
Description du RP. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... [i]"Le colvert est le canard le moins farouche. Il s'acclimate facilement à la vie urbaine et craint peu l'homme. Il se reproduit fréquemment avec d'autres espèces (Canard noir qui habite l'Amérique, Canard pilet qui habite l'Europe ou son congénère le canard domestique), ce qui peut poser des problèmes de pollution génétique au sein des populations sauvages (et domestiques). Il est très grégaire en dehors des périodes de reproduction, et les femelles sont très fidèles aux mêmes territoires où elles retournent tous les ans." (Wikipédia)[/i] [b]Statut.[/b]</span>

</div></td><td><div style= "height: 150px; width: 120px; margin-right: 30px; margin-left: 10px; background-image: url(https://i.ibb.co/c6V5t7k/Caneton-Vignette.jpg); border: 2px solid #171715;"></div></td></tr></table>


<div style= "width: 625px; height: auto; padding: 2px; margin: auto; background-color: #ff9900;"><div style= "font-family: 'Rockwell'; font-variant: small-caps; font-size: 20px; text-align: center; color: #F4F4F4">[b]Dans la Faille[/b]</div></div>
<table><tr><td><div style= "height: 150px; width: 120px; margin-right: 10px; margin-left: 30px; background-image: url(https://i.ibb.co/c6V5t7k/Caneton-Vignette.jpg); border: 2px solid #171715;"></div></td><td><div style="height: 150px; width: auto; text-align: justify; padding: 5px; margin-right: 30px; overflow: auto; background-color: #F4F4F4;">
<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span>
<span style= "font-size:12px;">Description du RP. [b]Statut.[/b]</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span>
<span style= "font-size:12px;">Description du RP. [b]Statut.[/b]</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom du RP + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">Personnage partenaire (Nanite)</span>
<span style= "font-size:12px;">Description du RP. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi... [i]"Le mâle des populations sauvages est aisément reconnaissable, pendant la période nuptiale, par sa tête d'un vert brillant (d'où son nom). Le reste du plumage est gris-brun à blanc, avec un miroir alaire bleu-violet ; le bec est jaune. Après la période nuptiale, à l'approche de l'été, il mue et prend son plumage éclipse (de couleur beige semblable à celui des juvéniles et des femelles) et perd ses rémiges. Il vit alors dans les roseaux et les hautes herbes. Un à deux mois plus tard environ, le mâle reprend son plumage nuptial." (Wikipédia)[/i] [b]Statut.[/b]</span>

</div></td></tr></table>


<div style= "width: 625px; height: auto; padding: 2px; margin: auto; background-color: #ff9900;"><div style= "font-family: 'Rockwell'; font-variant: small-caps; font-size: 20px; text-align: center; color: #F4F4F4">[b]Interforum[/b]</div></div>
<table><tr><td><div style="height: 150px; width: auto; text-align: justify; padding: 5px; margin-left: 30px; overflow: auto; background-color: #F4F4F4;"><span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom de l'épreuve + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">[i]Forum organisateur[/i] | Partenaire éventuel</span>
<span style= "font-size:12px;">Description du RP / texte.</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom de l'épreuve + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">[i]Forum organisateur[/i] | Partenaire éventuel</span>
<span style= "font-size:12px;">Description du RP / texte.</span>

<span style="font-variant: small-caps; font-family: 'Rockwell' !important; font-weight: bold; font-size: 16px; ">[color=#cc6633]Nom de l'épreuve + lien direct[/color]</span>
<span style= "font-family: 'Rockwell'; text-align: center; font-size:13px;">[i]Forum organisateur[/i] | Partenaire éventuel</span>
<span style= "font-size:12px;">Description du RP / texte. Il ne faut pas hésiter à parler beaucoup pour que la marge automatique se fasse correctement. Aussi...[i] "La femelle a le bec brun et le plumage plus terne (beige tacheté de brun). Celui-ci ressemble à celui du canard noir bien que généralement de teinte plus claire. Le bec du mâle est jaunâtre ou verdâtre, plus ou moins taché de noir, et ses pattes sont rouge-orangé. Mâle, femelle et juvénile disposent d'un miroir iridescent bleu-violet bordé de barres blanches sur les ailes. La tête des canetons est plus orangée et il a une calotte, le dos, une barre sur l'œil et la face dorsale des ailes brun foncé, le poitrail blanc. Les races domestiques peuvent être complètement blanches, noires, vertes comme le Cayuga, ou d'apparence assez semblable à la population sauvage comme les Campbells. Les canetons domestiques sont le plus souvent complètement jaunes." (Wikipédia)[/i]</span>

</div></td><td><div style= "height: 150px; width: 120px; margin-right: 30px; margin-left: 10px; background-image: url(https://i.ibb.co/c6V5t7k/Caneton-Vignette.jpg); border: 2px solid #171715;"></div></td></tr></table>

<img class ="imgprofil" style="border:2px solid #171715" alt src="https://i.ibb.co/K71pVj5/Caneton-Illustration.jpg" /><style> .avainfos { width: 128px; height: 200px; overflow: hidden; } .ficheava { width: 200px; height: 320px; border : 2px solid #171615; } .lieninfos { width: 120px; height: 194px; background: #F4F4F4; margin-top: 6px; transition: all 1s; border-radius: 5px; } .avainfos:hover>.lieninfos { margin-top: -315px; } .lienpseudo { font-family: 'Rockwell'; font-variant: small-caps; font-size: 12px; text-align: center; margin-top: 6px; } .lienature { font-size: 10px; font-family: 'Rockwell'; } .liendesc { width: 110px; height: 180px; margin-top: 6px; overflow: auto; text-align: center; font-size: 12px; line-height:12px; } </style>


<div style= "width: 625px; height: auto; padding: 2px; margin: auto; background-color: #cc6633;"><div style= "font-family: 'Rockwell'; font-variant: small-caps; font-size: 20px; text-align: center; color: #F4F4F4">[b]Ses Rencontres[/b]</div></div>
<table><td><center><div class="avainfos"><div class="ficheava" div style="background: url('https://i.ibb.co/WDrWghr/Caneton-Perso.png');"></div><div class="lieninfos"><div class="lienature">Nature du lien</div><div class="lienpseudo">Nom du perso + lien fiche</div><div class="liendesc">[b]X ans |[/b] Description du lien entre les personnages.</div></div></div></center></td><td><center><div class="avainfos"><div class="ficheava" div style="background: url('https://i.ibb.co/WDrWghr/Caneton-Perso.png');"></div><div class="lieninfos"><div class="lienature">Nature du lien</div><div class="lienpseudo">Nom du perso + lien fiche</div><div class="liendesc">[b]X ans |[/b] Description du lien entre les personnages.</div></div></div></center></td><td><center><div class="avainfos"><div class="ficheava" div style="background: url('https://i.ibb.co/WDrWghr/Caneton-Perso.png');"></div><div class="lieninfos"><div class="lienature">Nature du lien</div><div class="lienpseudo">Nom du perso + lien fiche</div><div class="liendesc">[b]X ans |[/b] Description du lien entre les personnages.</div></div></div></center></td></table>

<div style= "width: 625px; height: auto; padding: 2px; margin: auto; background-color: #cc6633;"><div style= "font-family: 'Rockwell'; font-variant: small-caps; font-size: 20px; text-align: center; color: #F4F4F4">[b]Personnages liés[/b]</div></div>
<table><td><center><div class="avainfos"><div class="ficheava" div style="background: url('https://i.ibb.co/WDrWghr/Caneton-Perso.png');"></div><div class="lieninfos"><div class="lienature">Nature du lien</div><div class="lienpseudo">Nom du perso + lien fiche</div><div class="liendesc">[b]X ans |[/b] Description du lien entre les personnages.</div></div></div></center></td><td><center><div class="avainfos"><div class="ficheava" div style="background: url('https://i.ibb.co/WDrWghr/Caneton-Perso.png');"></div><div class="lieninfos"><div class="lienature">Nature du lien</div><div class="lienpseudo">Nom du perso + lien fiche</div><div class="liendesc">[b]X ans |[/b] Description du lien entre les personnages.</div></div></div></center></td></table>


<div style= "font-size: 10px; text-align: right; color: #CFCFCF;">[b]Personnage :[/b] [i]"Titre de l'oeuvre"[/i] [color=#cfcfcf]Artiste + lien de l'oeuvre[/color] - [i]"Titre de l'oeuvre"[/i] [color=#cfcfcf]Artiste + lien de l'oeuvre[/color] - [i]"Titre de l'oeuvre"[/i] [color=#cfcfcf]Artiste + lien de l'oeuvre[/color]
[i]"Titre de l'oeuvre"[/i] [color=#cfcfcf]Artiste + lien de l'oeuvre[/color] | [b]Personnage lié :[/b] [i]"Titre de l'oeuvre"[/i] [color=#cfcfcf]Artiste + lien de l'oeuvre[/color] | [b]Personnage lié :[/b] [i]"Titre de l'oeuvre"[/i] [color=#cfcfcf]Artiste + lien de l'oeuvre[/color]
[b]:copyright:️ Jasmée - Lizzou - Wtfpdubber - Night Sky - Stanéria[/b]</div></div></div>


Libre service Roux10 Libre service Blason-Touristonanite2 Libre service Blason-guide2