Codage html

Sujet: Codage html Sam 20 Fév - 21:12

hey les survivants,

si il y a des personnes douées en codage ici, nous aurions bien besoin d'un petit coup de main.

Notamment pour coder les fiches des personnages et donner un joli rendu :)
avec en tête l'image du perso (et le lien vers la galerie du dessinateur)
puis le reste

bref quelque chose de sympa, si certains veulent s'y tenter =)
vous êtes libres de la mise en page, et pour les couleurs évitez ou il faut quelque chose qui n'oblige pas à éditer toutes les fiches à chaque changement de design ^^

Code pour les fiches :

Code:: <center><div style="background-color: rgba(0,0,0,0.1); width: 800px; border: 3px solid #000; padding: 5px; text-align: center;box-shadow: 2px 2px 3px #a3a3a3;">

<div style =" font-family: georgia; font-size: 25px; letter-spacing: 2px; text-align: center;color: #000; text-shadow: 0px 0px 3px #E5E3E5;"> Nom du perso </div>

<div style="border-bottom: 2px dashed #000;"></div>

<img src="lien image">
lien galerie

<center><div style="align:center; margin-left:5px; width: 400px; padding: 5px;background-color: rgba(0,0,0,0.2);overflow: auto; text-align:center; border-radius: 10px; "><b>Sexe :</b>
Sexe

<b>Clan :</b>
Clan

<b>Rang :</b>
Rang</div></center>

<div style ="font-family: georgia; font-size: 22px; letter-spacing: 2px; word-spacing: 3px; text-align:center; text-shadow: 0px 0px 3px #E5E3E5; color: #000;border-bottom: 2px dashed #a3a3a3"> Particularité </div>

<center><div style="margin-left:5px;width: 600px; padding: 5px;background-color: rgba(0,0,0,0.2);overflow: auto;text-align:justify;border-radius: 10px;"> blablabla
</div></center>

<div style ="font-family: georgia; font-size: 22px; letter-spacing: 2px; word-spacing: 3px; text-align:center; text-shadow: 0px 0px 3px #E5E3E5; color: #000;border-bottom: 2px dashed #a3a3a3"> Caractère </div>

<center><div style="margin-left:5px;width: 750px; padding: 5px;background-color: rgba(0,0,0,0.2);overflow: auto;text-align:justify;border-radius: 10px; box-shadow: 0px 0px 2px #fff;">blablabla
</div></center>

<div style ="font-family: georgia; font-size: 22px; letter-spacing: 2px; word-spacing: 3px; text-align:center; text-shadow: 0px 0px 3px #E5E3E5; color: #000;border-bottom: 2px dashed #a3a3a3;"> Histoire </div>

<center><div style="margin-left:5px;width: 700px; padding: 5px;background-color: rgba(0,0,0,0.2);overflow: auto;text-align:justify;border-radius: 10px;"> Histoire s'il y en a.
Peut être à séparer du caractère.
</div></center>

<b><div style="color: black ;">Joué par : </div><div style="color: red ;">...</div></b>
<IMG SRC="http://i86.servimg.com/u/f86/11/23/14/35/papatt11.png" ALIGN=right>
</div></center>

Code pour les images miniatures :
(à mettre sous l'image principale dans le code de la fiche)

Code:: <img class="fiche" src="lien image"/> <img class="fiche" src="lien image"/>
<span style="font-size: 8px;">Passez la souris sur les images pour les afficher taille réelle.</span>

Pour les fiches des loupiots, je m'en chargerais parce qu'il faudra modifier le code au cas par cas ^^

Sujet: Re: Codage html Mar 23 Fév - 22:02

En gros pour les couleurs, il faut intégrer un fond blanc dans le code.. Ca fera un peu comme une "feuille blanche" :) Puis du gris et du noir...

Ou alors ne pas définir de couleurs et ce seront celles du design qui seront mises automatiquement.

Voici juste une idée de structure mais si vous avez autre chose en tête, faites ! C'est juste pour aider;

Spoiler:

Sujet: Re: Codage html Mer 24 Fév - 22:13

Merci pour le petit modèle Crashou :)

oui pour les couleurs, un fond ça aiderais ou les couleurs du design :)

Sujet: Re: Codage html Lun 28 Mar - 15:22

NOM DU PERSO

[Vous devez être inscrit et connecté pour voir cette image]
[Vous devez être inscrit et connecté pour voir ce lien]

Sexe :

Clan :

Rang :

Particularité

Caractère

gentille fifille

Histoire

Ah que coucou

Joué par :
Tadam
[Vous devez être inscrit et connecté pour voir cette image]

Sujet: Re: Codage html Lun 28 Mar - 21:13

Pas besoin de cds html.

Un simple modèle éditable sur Exel peut faire l'affaire! =D

**

Mais j'aime bien celle de Crash! =D

Sujet: Re: Codage html Mar 29 Mar - 16:44

Et après tu mets le tableur excel sur le forum ?

Sujet: Re: Codage html Mar 29 Mar - 20:54

Si vous voulez, je peux regarder sur Libre Graph si y aurait une fiche de perso en libre droit qui nous plairait. Je ne sais pas créer un code de toute pièce, mais pour modifier, je me débrouille pas trop mal, si ça vous dis?

Sujet: Re: Codage html Mer 30 Mar - 20:04

Euh ben si tu veux, j'aurais aimé ne pas faire cette fiche en html pour rien xD mais si tu en trouves une plus belle je ne peux que dire oui ! Razz

Sujet: Re: Codage html Jeu 7 Avr - 10:27

Bonjour !
Je peux vous aider si vous avez besoin d'aide, je code assez souvent ! [En HTML comme en CSS]
Sinon, la fiche de Yellow est plutôt sympathique à regarder, elle n'a rien de barbare comme ce que l'on peut voir sur certain forum.

Bonne journée !

Sujet: Re: Codage html Jeu 7 Avr - 13:22

Moi je trouve que la fiche de crashou conviendrait très bien. Simple; claire; classe; bref efficace quoi ^-^ je pense pas que ce soit la peine de se casser les neurones pendant 3 ans ;3

Sujet: Re: Codage html Jeu 7 Avr - 16:46

Pas de soucis pour moi, je ne fais que proposer ^^'

Sujet: Re: Codage html Jeu 7 Avr - 23:19

Sharp a écrit:: Moi je trouve que la fiche de crashou conviendrait très bien. Simple; claire; classe; bref efficace quoi ^-^ je pense pas que ce soit la peine de se casser les neurones pendant 3 ans ;3

Je ne peux que plussoyer. =)
On veut remettre AW à la page, mais je ne pense pas en effet que ce soit la peine de se creuser les ciboulots pour en mettre plein la vue non plus. Trop de "plein la vue", tue le "plein la vue", je trouve que ça fait trop chargé après... :/ après ce n'est que mon avis personnel, hein ? ^^'
J'adhère totalement au modèle qu'a fait Crashou. **

Don't worry Niwie ^^'

Sujet: Re: Codage html Ven 8 Avr - 12:40

*hug* J'aime quand t'es d'accord avec moi ma Loo débile

♥

Mais moi je suis d'accord avec ta vision des choses aussi ^-^

Et je t'envoyais pas péter hein mitsu je sais pas si tu l'as pris comme tel (si c'est le cas sincèrement désolée c'était vraiment pas le but :3), je trouve ça génial que plusieurs membres se proposent, c'est juste que je ne pense pas qu'on ait besoin de faire 36 tests (déjà y'en a qui vont bosser pour rien et, quoi qu'on dise, ils seront forcément déçus un minimum d'avoir fait un beau codage dans le vent °A°) si on est tous d'accord sur le fait que celle de Crashou conviendrait parfaitement :3

Après rien ne vous empêche d'ouvrir une boutique de codage pour les membres qui souhaiteraient avoir de belles fiches de rps si vraiment vous avez envie de proposer/montrer vos talents ! ^w^

Sujet: Re: Codage html Dim 10 Avr - 21:25

très bien ta fiche Crashou :)
elle reste très classique ^^ aprés si Candy veut essayer d'apporter quelques améliorations y a pas de soucis non plus non ?

par exemple pour caser les autres signa pour les perso qui en ont plusieurs
je ne sais pas quelque chose comme les afficher en petit et en taille réel en pop up quand on clique dessus
ce qui serait plus joli que de les mettre en spoiler ^^

Sujet: Re: Codage html Lun 11 Avr - 11:54

Je peux vous proposez cet effet pour l'ajout des autres images des persos qui en ont plusieurs (ce qui complètera la fiche de Yellow sans problème) :
[PASSEZ VOTRE SOURIS SUR THUNDER CHOU ♥]

[Vous devez être inscrit et connecté pour voir cette image]

suite

Sujet: Re: Codage html Lun 11 Avr - 13:00

Pas mal, c'est super comme effet ^^

Sujet: Re: Codage html Lun 11 Avr - 14:44

J'aime beaucoup aussi ! :D

Sujet: Re: Codage html Mar 19 Avr - 20:39

Candy > top l'effet :)

Sujet: Re: Codage html Dim 8 Mai - 18:04

Verdict ?
Vous en pensez quoi :) ?

[Vous devez être inscrit et connecté pour voir ce lien]

les couleurs du texte changeront avec les design, à part les titres en noir qui resteront comme cela.

les couleurs de fond sont en fait du noir en transparence (0.1 pour le fond principal, 0,2 pour les petits encadrés) donc cela changera avec le design en une couleur un poil plus sombre que la couleur de base du fofo.

Edit : personne n'a de problème de taille ou d'alignement ?
pour les petits ou trés grands écrans ?

Sujet: Re: Codage html Lun 9 Mai - 18:46

Nes > J'aime beaucoup ! De mon côté, ayant un ordinateur Portable, sous internet explorer, sous Windows 8.1, je n'ai aucun soucis de déformation ! Codage html 205298

Sujet: Re: Codage html Mar 10 Mai - 9:05

C'est super Nes ! J'adore et le fait que les couleurs s'accorderont avec le thème, quel qu'il soit, sans qu'on ait besoin de modifs toutes les fiches, c'est super !

Sujet: Re: Codage html Jeu 12 Mai - 16:29

Sympa comme tout et ça me déforme pas sur notebook ^-^ (j'i toujours pas recu mon nouveau pc donc je peux pas dire pour les grands ;_ Wink

Sujet: Re: Codage html Jeu 12 Mai - 20:38

Oui je me voyais pas changer les couleurs de toutes les fiches à chaque design XD

cool si ça vous plait :D

il y a plus que toutes les autres fiches à faire maintenant XDD

Sujet: Re: Codage html Ven 13 Mai - 14:33

Si y'a besoin d'un coup de paluche hésitez pas à me faire signe je viens de finir mes exams donc je me suis libérée du temps ;3

Sujet: Re: Codage html Sam 14 Mai - 11:32

Moi aussi, je donne volontiers un coup de pattes ^^

Sujet: Re: Codage html