Forum RPG lupin
 
AccueilFAQRechercherS'enregistrerConnexion

Partagez | 
 

 Codage html

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
Message
MessageSujet: Codage html   Sam 20 Fév - 21:12

Nes
Exécuteur
Exécuteur


Inscription : 17/02/2006
Messages : 12906
Age : 28
PUF : Nestea

Rang : A définir

Combats
Expérience:
37/250  (37/250)
Points de Vie:
100/100  (100/100)

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 ^^


Dernière édition par Nes le Lun 30 Mai - 21:35, édité 3 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Mar 23 Fév - 22:02

Yellow
Beta
Beta


Inscription : 29/07/2006
Messages : 11211
Age : 23
PUF : Crash

Rang : Beta & Chasseuse

Combats
Expérience:
39/250  (39/250)
Points de Vie:
100/100  (100/100)

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:
 


Dernière édition par Yellow le Lun 28 Mar - 16:26, édité 4 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Mer 24 Fév - 22:13

Nes
Exécuteur
Exécuteur


Inscription : 17/02/2006
Messages : 12906
Age : 28
PUF : Nestea

Rang : A définir

Combats
Expérience:
37/250  (37/250)
Points de Vie:
100/100  (100/100)

Merci pour le petit modèle Crashou :)

oui pour les couleurs, un fond ça aiderais ou les couleurs du design :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Lun 28 Mar - 15:22

Yellow
Beta
Beta


Inscription : 29/07/2006
Messages : 11211
Age : 23
PUF : Crash

Rang : Beta & Chasseuse

Combats
Expérience:
39/250  (39/250)
Points de Vie:
100/100  (100/100)


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é


Particularité


Caractère


gentille fifille


Histoire


Ah que coucou

Joué par :
Tadam
[Vous devez être inscrit et connecté pour voir cette image]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Lun 28 Mar - 21:13

Lonely
Oméga
Oméga


Inscription : 03/10/2009
Messages : 2143
Age : 23
PUF : Skeet

Rang : Le chef, du chef du chef

Combats
Expérience:
0/250  (0/250)
Points de Vie:
100/100  (100/100)

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://nights-huskies.deviantart.com/
MessageSujet: Re: Codage html   Mar 29 Mar - 16:44

Yellow
Beta
Beta


Inscription : 29/07/2006
Messages : 11211
Age : 23
PUF : Crash

Rang : Beta & Chasseuse

Combats
Expérience:
39/250  (39/250)
Points de Vie:
100/100  (100/100)

Et après tu mets le tableur excel sur le forum ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Mar 29 Mar - 20:54

Achernar
Traqueur
Traqueur


Inscription : 25/07/2009
Messages : 1636
Age : 24
PUF : Mitsuba Shinsen

Rang : Archy : Gardien // Eva : Exclus

Combats
Expérience:
7/250  (7/250)
Points de Vie:
70/100  (70/100)

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?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mitsubashinsen.deviantart.com/
MessageSujet: Re: Codage html   Mer 30 Mar - 20:04

Yellow
Beta
Beta


Inscription : 29/07/2006
Messages : 11211
Age : 23
PUF : Crash

Rang : Beta & Chasseuse

Combats
Expérience:
39/250  (39/250)
Points de Vie:
100/100  (100/100)

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Jeu 7 Avr - 10:27

Candy
Nouvelle recrue
Nouvelle recrue


Inscription : 19/02/2016
Messages : 18
Age : 20
PUF : Gloomi

Rang : Espionne

Combats
Expérience:
0/0  (0/0)
Points de Vie:
100/100  (100/100)

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 !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Jeu 7 Avr - 13:22

Sharp
Delta
Delta


Inscription : 13/01/2010
Messages : 4537
Age : 21
PUF : O-Shana

Rang : Sharp: Delta //Céréal Killeur

Combats
Expérience:
47/250  (47/250)
Points de Vie:
100/100  (100/100)

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://O-Shana.deviantart.com/
MessageSujet: Re: Codage html   Jeu 7 Avr - 16:46

Achernar
Traqueur
Traqueur


Inscription : 25/07/2009
Messages : 1636
Age : 24
PUF : Mitsuba Shinsen

Rang : Archy : Gardien // Eva : Exclus

Combats
Expérience:
7/250  (7/250)
Points de Vie:
70/100  (70/100)

Pas de soucis pour moi, je ne fais que proposer ^^'
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mitsubashinsen.deviantart.com/
MessageSujet: Re: Codage html   Jeu 7 Avr - 23:19

Bone
Combattant
Combattant


Inscription : 20/03/2008
Messages : 6343
Age : 24
PUF : Nathventis ( Michi ou Mint ici x3 )

Rang : Bone : Combattant // Forgery : Guetteur

Combats
Expérience:
44/250  (44/250)
Points de Vie:
75/100  (75/100)

[Vous devez être inscrit et connecté pour voir ce lien] 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 ^^'
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://Nathventis.deviantart.com
MessageSujet: Re: Codage html   Ven 8 Avr - 12:40

Sharp
Delta
Delta


Inscription : 13/01/2010
Messages : 4537
Age : 21
PUF : O-Shana

Rang : Sharp: Delta //Céréal Killeur

Combats
Expérience:
47/250  (47/250)
Points de Vie:
100/100  (100/100)

*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^

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://O-Shana.deviantart.com/
MessageSujet: Re: Codage html   Dim 10 Avr - 21:25

Nes
Exécuteur
Exécuteur


Inscription : 17/02/2006
Messages : 12906
Age : 28
PUF : Nestea

Rang : A définir

Combats
Expérience:
37/250  (37/250)
Points de Vie:
100/100  (100/100)

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 ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Lun 11 Avr - 11:54

Candy
Nouvelle recrue
Nouvelle recrue


Inscription : 19/02/2016
Messages : 18
Age : 20
PUF : Gloomi

Rang : Espionne

Combats
Expérience:
0/0  (0/0)
Points de Vie:
100/100  (100/100)

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]

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


suite


Dernière édition par Candy le Lun 11 Avr - 13:45, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Lun 11 Avr - 13:00

Achernar
Traqueur
Traqueur


Inscription : 25/07/2009
Messages : 1636
Age : 24
PUF : Mitsuba Shinsen

Rang : Archy : Gardien // Eva : Exclus

Combats
Expérience:
7/250  (7/250)
Points de Vie:
70/100  (70/100)

Pas mal, c'est super comme effet ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mitsubashinsen.deviantart.com/
MessageSujet: Re: Codage html   Lun 11 Avr - 14:44

Sharp
Delta
Delta


Inscription : 13/01/2010
Messages : 4537
Age : 21
PUF : O-Shana

Rang : Sharp: Delta //Céréal Killeur

Combats
Expérience:
47/250  (47/250)
Points de Vie:
100/100  (100/100)

J'aime beaucoup aussi ! :D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://O-Shana.deviantart.com/
MessageSujet: Re: Codage html   Mar 19 Avr - 20:39

Nes
Exécuteur
Exécuteur


Inscription : 17/02/2006
Messages : 12906
Age : 28
PUF : Nestea

Rang : A définir

Combats
Expérience:
37/250  (37/250)
Points de Vie:
100/100  (100/100)

Candy > top l'effet :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Dim 8 Mai - 18:04

Nes
Exécuteur
Exécuteur


Inscription : 17/02/2006
Messages : 12906
Age : 28
PUF : Nestea

Rang : A définir

Combats
Expérience:
37/250  (37/250)
Points de Vie:
100/100  (100/100)

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 ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Lun 9 Mai - 18:46

Candy
Nouvelle recrue
Nouvelle recrue


Inscription : 19/02/2016
Messages : 18
Age : 20
PUF : Gloomi

Rang : Espionne

Combats
Expérience:
0/0  (0/0)
Points de Vie:
100/100  (100/100)

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 !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Mar 10 Mai - 9:05

Achernar
Traqueur
Traqueur


Inscription : 25/07/2009
Messages : 1636
Age : 24
PUF : Mitsuba Shinsen

Rang : Archy : Gardien // Eva : Exclus

Combats
Expérience:
7/250  (7/250)
Points de Vie:
70/100  (70/100)

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 !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mitsubashinsen.deviantart.com/
MessageSujet: Re: Codage html   Jeu 12 Mai - 16:29

Sharp
Delta
Delta


Inscription : 13/01/2010
Messages : 4537
Age : 21
PUF : O-Shana

Rang : Sharp: Delta //Céréal Killeur

Combats
Expérience:
47/250  (47/250)
Points de Vie:
100/100  (100/100)

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://O-Shana.deviantart.com/
MessageSujet: Re: Codage html   Jeu 12 Mai - 20:38

Nes
Exécuteur
Exécuteur


Inscription : 17/02/2006
Messages : 12906
Age : 28
PUF : Nestea

Rang : A définir

Combats
Expérience:
37/250  (37/250)
Points de Vie:
100/100  (100/100)

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Codage html   Ven 13 Mai - 14:33

Sharp
Delta
Delta


Inscription : 13/01/2010
Messages : 4537
Age : 21
PUF : O-Shana

Rang : Sharp: Delta //Céréal Killeur

Combats
Expérience:
47/250  (47/250)
Points de Vie:
100/100  (100/100)

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://O-Shana.deviantart.com/
MessageSujet: Re: Codage html   Sam 14 Mai - 11:32

Achernar
Traqueur
Traqueur


Inscription : 25/07/2009
Messages : 1636
Age : 24
PUF : Mitsuba Shinsen

Rang : Archy : Gardien // Eva : Exclus

Combats
Expérience:
7/250  (7/250)
Points de Vie:
70/100  (70/100)

Moi aussi, je donne volontiers un coup de pattes ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mitsubashinsen.deviantart.com/
MessageSujet: Re: Codage html   Aujourd'hui à 11:45

Contenu sponsorisé




Revenir en haut Aller en bas
 
Codage html
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant
 Sujets similaires
-
» pour les rp
» Codes en libre service ? aka J'ai que ça à faire [FERMÉ]
» code pour rp :D
» Les codages HTML de tata Melow || PREMIER COURS : création d'une boîte
» Codes pour embellir vos RP

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Another World :: Hors-jeu :: Zone Flood-