[Fiche présentation RP] Proposition #1

Voir le sujet précédent Voir le sujet suivant Aller en bas

[Fiche présentation RP] Proposition #1

Message par Taahoma le Jeu 14 Avr - 16:59

Alors voilà mes amours ! *roulement de tambours*

Je me suis un peu cassée les neurones mais ce fut avec amour, pour vous donner... ce qui suit : j'ai créé une fiche de présentation type pour les RPs. Merci à Azili et Lily-Rose (merci à elles par milliers).

Je tiens à préciser que ce n'est qu'une proposition ! Si vous souhaitez l'utiliser pour un de vos RP, n'hésitez pas Smile En aucun cas cela est obligatoire ^^



Aperçu de la fiche:



Titre du RP

« Fandom »

SYNOPSIS
Synopsis et notes : Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae.

Rating :

Disclamer :

Genre
Genre1
Genre2
Genre3
Genre4


PAIRING
P1 x P2
ShipxShip
Bonheur

Nom personnage
Par Membre

Nom personnage
Par Membre

Nom personnage
Par Membre

Nom personnage
Par Membre

Nom personnage
Par membre


Vous pouvez avoir un aperçu direct live en allant sur ce lien : Présentation
avatar
Taahoma
Petit chat

Messages : 1269
Date d'inscription : 09/07/2013
Age : 25
Localisation : Dans un carton, pardi. I fit, I sit!

Voir le profil de l'utilisateur https://www.fanfiction.net/u/837861/Taahoma

Revenir en haut Aller en bas

Re: [Fiche présentation RP] Proposition #1

Message par Taahoma le Jeu 14 Avr - 16:59

Alors ne vous inquiétez pas trop, ce n'est pas compliqué à utiliser. J'ai fait en sorte que le code soit explicite et rangé. Certes certaines parties ne sont pas très évidentes mais je pense qu'au final, ça sera plutôt simple à utiliser.
Ici vous le voyez sur un fond blanc mais normalement cela s'applique sur le fond du forum =)

Ce qui est personnalisable :
- Le noir du dégradé de l'îmage de présentation
- Le cadre de l'image du RP (différentes options vous seront proposées)
- Les couleurs des titres
- Les couleurs des bordures

Pour ceux qui ne s'y connaissent pas super bien en HTML, je vais vous expliquer et expliciter les endroits à viser pour changer les données et personnaliser ainsi votre fiche =)
Si jamais vous n'y arrivez pas seuls, n'hésitez pas à m'envoyer un MP avec les données et je m'en occuperai pour vous ^^


C'est parti~

Alors le code principal est ce qui suit :
Code:
<link href="https://dl.dropbox.com/s/rikj4ujlzqu3knh/FICHERP.css?dl=0" rel="stylesheet" type="text/css"><div id="FICHERP">

<!-- IMAGE --><div class="imgFICHERP" style="background-color:#000000"><img src="http://i86.servimg.com/u/f86/11/84/37/54/imagep10.png" /></div>
<!-- TITRE DU RP --><div class="titreFICHERP" style="color:#F78181">[b]Titre du RP[/b]</div>
<!-- SUBTITRE --><div class="subtitreFICHERP">« Fandom »</div>
<!-- titre synopsis --> <div class="tsynFICHERP" style="color:#A25D5D">SYNOPSIS
<!--SYNOPSIS --> <div class="synFICHERP" style="border-color:#A25D5D;color:#A25D5D">Synopsis et notes : Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae.

[b]Rating :[/b]

Disclamer :</div></div>
<!-- titre type --> <div class="ttypeFICHERP" style="color:#A25D5D">Genre
<!-- TYPE --> <div class="typeFICHERP" style="border-color:#A25D5D">Genre1
Genre2
Genre3
Genre4

</div></div>
<!-- titre pairing --> <div class="tpairingFICHERP" style="color:#A25D5D">PAIRING
<!-- PAIRING --> <div class="pairingFICHERP" style="border-color:#A25D5D">P1 x P2
ShipxShip
Bonheur

</div></div></div><div id="ROLE1RP"><!-- PERSO 1 --><div class="role1ROLE1RP">Nom personnage<img src="" />
<!--MEMBRE --><div class="joueur1ROLE1RP">Par Membre</div></div>
<!-- PERSO 2 --><div class="role2ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur2ROLE1RP">Par Membre</div></div>
<!-- PERSO 3 --><div class="role3ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur3ROLE1RP">Par Membre</div></div>
<!-- PERSO 4 --><div class="role4ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur4ROLE1RP">Par Membre</div></div>
<!-- PERSO 5 --><div class="role5ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur5ROLE1RP">Par membre</div></div>
</div>

Pour ceux qui s'y connaissent, juste copier coller, changez à votre guise et le tour est joué !
Pour ceux qui se disent que je suis folle et que y a pleins de trucs bizarres ou alors que vous ne voyez pas trop quoi est quoi, allons par étape :


--- Premièrement, l'îmage de votre RP

Code:
<!-- IMAGE --><div class="imgFICHERP" style="background-color:#000000"><img src="LIEN DE L'IMAGE ICI" /></div>

1) Vous pouvez personnaliser la couleur du dégradé (ici noir) en changeant le code couleur HTML => #(code couleur)
Sachez que la partie blanche sera toujorus présente. Vous ne changez que le noir ici. Vous imposez en fait une couleur de fond (background-color) et le dégradé de blanc se fera ainsi dessus.
Si vous souhaitez la couleur de fond du forum, veuillez juste supprimer style="background-color:#000000"

2) Veuillez renseigner le lien de votre image après le src="LIEN ICI"

--- Ensuite, renseignement du titre et du fandom

Code:
<!-- TITRE DU RP --><div class="titreFICHERP" style="color:#(code couleur)">[b]Titre du RP[/b]</div>
<!-- SUBTITRE --><div class="subtitreFICHERP">« Fandom »</div>

1) La couleur du titre est changeable. Changez le code après le #
2) Mettez votre titre à la place de Titre du RP
3) Renseignez le fandom

--- Continuons avec le synopsis !

Code:
<!--SYNOPSIS --> <div class="synFICHERP" style="border-color:#A25D5D;color:#A25D5D">Synopsis et notes : Post hoc impie perpetratum quod in aliis quoque iam timebatur, tamquam licentia crudelitati indulta per suspicionum nebulas aestimati quidam noxii damnabantur. quorum pars necati, alii puniti bonorum multatione actique laribus suis extorres nullo sibi relicto praeter querelas et lacrimas, stipe conlaticia victitabant, et civili iustoque imperio ad voluntatem converso cruentam, claudebantur opulentae domus et clarae.

[b]Rating :[/b]

Disclamer :</div></div>

1) Vous pouvez changer la couleur dans border-color:"#(code couleur)"
2) Changez la couleur du titre "synopsis" après le color:#(code couleur)
3) Rentrez votre Synopsis à la place du paragraphe latin
4) N'oubliez pas le disclaimer et laissez coller les div contre votre paragraphe (cela évitera des sauts de lignes désagréables ^^)

--- Genres de votre RP

Code:
<!-- titre type --> <div class="ttypeFICHERP" style="color:#A25D5D">Genre
<!-- TYPE --> <div class="typeFICHERP" style="border-color:#A25D5D">Genre1
Genre2
Genre3
Genre4

</div></div>

1) Vous pouvez ici changer la couleur du titre "genre" après le color:#(code couleur)
2) Changez la couleur de la bordure avec le border-color:#(code couleur)
3) Rentrez vs genre et effacer s'il y a en a trop, pensez à laisser le div deux lignes en dessous (et seulement comme indiqué ici, sinon la présentation sera baeucoup moins jolie)

--- Pairing du RP

Code:
<!-- titre pairing --> <div class="tpairingFICHERP" style="color:#A25D5D">PAIRING
<!-- PAIRING --> <div class="pairingFICHERP" style="border-color:#A25D5D">P1 x P2
ShipxShip
Bonheur

</div></div></div>

1) Vous pouvez ici changer la couleur du titre "genre" après le color:#(code couleur)
2) Changez la couleur de la bordure avec le border-color:#(code couleur)
3) Mettez vos Pairing et attention au saut de ligne Wink

--- Dernière partie mais pas des moindres : les personnages !

Code:
<div id="ROLE1RP"><!-- PERSO 1 --><div class="role1ROLE1RP">Nom personnage<img src="URL DE L'IMAGE" />
<!--MEMBRE --><div class="joueur1ROLE1RP">Par Membre</div></div>
<!-- PERSO 2 --><div class="role2ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur2ROLE1RP">Par Membre</div></div>
<!-- PERSO 3 --><div class="role3ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur3ROLE1RP">Par Membre</div></div>
<!-- PERSO 4 --><div class="role4ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur4ROLE1RP">Par Membre</div></div>
<!-- PERSO 5 --><div class="role5ROLE1RP">Nom personnage<img src="" />
<!-- MEMBRE --><div class="joueur5ROLE1RP">Par membre</div></div>
</div>

! Pensez à coller cette partie contre le dernier div mprécédent pour éviter de trop grands espaces !
1) Changez le nom du personnage là où vous voyez "Nom personnage".
2) Ajouter une image de 100*100 entre les guillemets img src=""
3) Mettez le pseudo de la personne qui l'interprête en dessous.
4) Effacer les lignes dont vous ne vous servez-pas !
Un maximum de 5 personnages par lignes est possible. Si jamais vous voulez en renseigner plus, prévenez moi par MP et je verrai à arranger le code pour voir ce qu'on peut faire.



Voilà pour de simples explications. Si ce n'est pas clair, veuillez me le dire (MP, FB, toussa) et j'essaierai d'être plus explicite ou vous faire un cours particulier Razz

Pour ce qui est de la possibilité de changer le cadre principal, je vais vous offrir des disponibilités sous peu dans le prochain lien.
Si vous avez des demandes particulières pour le cadre, n'hésitez pas non plus à en faire part et je verrai ce qui est réalisable ou pas ^^

Ce design est possible d'ajustement selon mon temps libre et ma motivation.
Cependant j'aimerai qu'il ne sorte pas du forum donc si vous souhaitez l'utiliser à l'extérieur, veuillez me MP d'abord...

Avec des bisous... Taahoma va au lit !
avatar
Taahoma
Petit chat

Messages : 1269
Date d'inscription : 09/07/2013
Age : 25
Localisation : Dans un carton, pardi. I fit, I sit!

Voir le profil de l'utilisateur https://www.fanfiction.net/u/837861/Taahoma

Revenir en haut Aller en bas

Re: [Fiche présentation RP] Proposition #1

Message par Taahoma le Sam 16 Avr - 4:48

Différent cadres proposés :

Pour changer les cadres, rien de plus simple, il vous suffit simplement de changer le lien du css ! Copiez le lien et remplacez le dans la première ligne du code (après le href))


- Cadre arrondi

Aperçu:

! Pour retirer la bordure, ajoutez style="border:0" après la class="imgFICHERP_CR" (à l'intérieur de la balise !)

Utilisez le lien ci contre :
[A VENIR]
avatar
Taahoma
Petit chat

Messages : 1269
Date d'inscription : 09/07/2013
Age : 25
Localisation : Dans un carton, pardi. I fit, I sit!

Voir le profil de l'utilisateur https://www.fanfiction.net/u/837861/Taahoma

Revenir en haut Aller en bas

Re: [Fiche présentation RP] Proposition #1

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum