“Code Panda”

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

Nous sommes fondatrices !

Voir le profil de l'utilisateur http://hyeosik-academy.forumactif.org
✗ arrivé le : 05/02/2016
✗ nombre de messages : 156
✗ points de compétence : 326

MessageSujet: Re: Code Panda   Ven 16 Sep - 1:05

Fiche de scénario
Il manque simplement le codage du titre de l'histoire (voire flèche pour fiche officielle en guise de titre)

Nom prénom

♦ ♦ ♦

Défaut ✗ Qualité ✗ Défaut ✗ Qualité ✗ Défaut ✗ Qualité ✗ Défaut ✗ Qualité ✗ Défaut

L'histoire

✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer

♢ ♢ ♢
Sportif

✗ AGE : Réponse
✗ SPECIALITE : Réponse
✗ ANNÉE : Réponse
✗ AVATAR : Réponse
Le petit mot de celui qui a créée ce scénario pour expliquer ce qu'il attend de la personne et tout et tout !

Nom Prénom

Description du lien

     

           
Nom Prénom

Description du lien

     

           
Nom Prénom

Description du lien

     

           


Codage :

Code:
<div class="scenarnomprenom">Nom prénom</div><table><tbody>
<tr><td class="scenarcolonne1"><center>♦ ♦ ♦<table><tbody><tr><td><img src="http://38.media.tumblr.com/288e851cde53bd0aa13b15a3e2e88a26/tumblr_n6nsmrCD5Z1qe3kfyo1_500.gif" class="scenarimg" /></td><td><img src="http://38.media.tumblr.com/288e851cde53bd0aa13b15a3e2e88a26/tumblr_n6nsmrCD5Z1qe3kfyo1_500.gif" class="scenarimg" /></td><td><img src="http://38.media.tumblr.com/288e851cde53bd0aa13b15a3e2e88a26/tumblr_n6nsmrCD5Z1qe3kfyo1_500.gif" class="scenarimg" /></td></tr></tbody></table></center>
<div class="scenarcaractere">Défaut ✗ Qualité ✗ Défaut ✗ Qualité ✗ Défaut ✗ Qualité ✗ Défaut ✗ Qualité ✗ Défaut </div>
Titre : L'histoire

<div class="scenarhistoire">✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer
✗ Point important de son histoire à expliquer</div>
</td><td class="scenarcolonne2"><center>♢ ♢ ♢</center><div class="scenarsportif">Sportif</div>
<div class="scenarinfos"><strong>✗ AGE :</strong> Réponse
<strong>✗ SPECIALITE :</strong> Réponse
<strong>✗ ANNÉE :</strong> Réponse
<strong>✗ AVATAR :</strong> Réponse
</div><div class="scenarauteur">Le petit mot de celui qui a créée ce scénario pour expliquer ce qu'il attend de la personne et tout et tout ! </div></td></tr></tbody></table>

<center><table><tbody><tr><td><div class="scenarlienprenom">Nom Prénom</div><div class="img_liens2"><div class="infos_liens2"><div class="pandaliens2infos">
Description du lien</div> <img src="LIEN DE L'IMAGE" class="pandaliens1img" width="150px" height="240px" />
      </div>
           </div></td><td><div class="scenarlienprenom">Nom Prénom</div><div class="img_liens2"><div class="infos_liens2"><div class="pandaliens2infos">
Description du lien</div> <img src="LIEN DE L'IMAGE" class="pandaliens1img" width="150px" height="240px" />
      </div>
           </div></td><td><div class="scenarlienprenom">Nom Prénom</div><div class="img_liens2"><div class="infos_liens2"><div class="pandaliens2infos">
Description du lien</div> <img src="LIEN DE L'IMAGE" class="pandaliens1img" width="150px" height="240px" />
      </div>
           </div></td></tr></tbody></table></center>

Pour modifier le groupe (c-a-d sportif, intello etc) voici les différents codes :

Il faut remplacer ça dans le code officiel :

Code:
<div class="scenarsportif">Sportif</div>

Ici :
Spoiler:
 

Par ça,

Pour les intellos :

Code:
<div class="scenarintellectuel">Intellectuel</div>

Pour les artistes :

Code:
<div class="scenarartiste">Artiste</div>

Pour les scientifiques :

Code:
<div class="scenarscientifique">Scientifique</div>

Pour les enseignants:

Code:
<div class="scenarenseignant">Enseignant</div>

Et citoyens :

Code:
<div class="scenarcitoyen">Citoyen</div>


Dernière édition par Headmaster le Dim 9 Oct - 16:55, édité 3 fois
Revenir en haut Aller en bas
avatar

Nous sommes fondatrices !

Voir le profil de l'utilisateur http://hyeosik-academy.forumactif.org
✗ arrivé le : 05/02/2016
✗ nombre de messages : 156
✗ points de compétence : 326

MessageSujet: Re: Code Panda   Sam 24 Sep - 13:33

La fiche de présentation

NOM PRENOM
Ft Nom du vava


Duis tincidunt augue id tristique pharetra. Sed ornare orci quis est posuere, vel pulvinar est rutrum. Duis lobortis vel neque ac rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce vulputate risus non leo condimentum pretium. Maecenas convallis lobortis ipsum sit amet vestibulum. Sed et lacus non ante placerat cursus. Aenean sit amet justo ut justo tempus accumsan vel non erat.

♦ ♦ ♦

✗ AGE : Réponse
✗ SPECIALITE : Réponse
✗ ANNÉE : Réponse
✗ GROUPE : Reponse ici


Ecris une anecdote sur ton personnage en quelques lignes
Ecris une anecdote sur ton personnage en quelques lignes
Ecris une anecdote sur ton personnage en quelques lignes  


Duis tincidunt augue id tristique pharetra. Sed ornare orci quis est posuere, vel pulvinar est rutrum. Duis lobortis vel neque ac rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce vulputate risus non leo condimentum pretium. Maecenas convallis lobortis ipsum sit amet vestibulum. Sed et lacus non ante placerat cursus. Aenean sit amet justo ut justo tempus accumsan vel non erat.Duis tincidunt augue id tristique pharetra. Sed ornare orci quis est posuere, vel pulvinar est rutrum. Duis lobortis vel neque ac rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce vulputate risus non leo condimentum pretium. Maecenas convallis lobortis ipsum sit amet vestibulum. Sed et lacus non ante placerat cursus. Aenean sit amet justo ut justo tempus accumsan vel non erat.

TOI DERRIÈRE L'ECRAN

Raconte nous un peu d'où tu viens ! Ton petit prénom/surnom, ton âge, comment tu as découvert le forum et ce qui t'as donné envie de t'y inscrire. Ou encore pourquoi tu as choisi ce personnage là, cet avatar là toussa toussa :D  



Code:
<center><div class="presanom">NOM PRENOM</div> <img src="https://img15.hostingpics.net/pics/372999HyeosikAcademyYeziTaeminVer2.jpg" /><div class="presaftpanda">Ft Nom du vava</div>

<table><tbody><tr><td class="presaco1"><div class="presacaractere">Le caractère du personnage en quelques lignes histoire de pouvoir bien le cerner ! </div><br/><center>♦ ♦ ♦</center>
<div class="scenarinfos"><strong>✗ AGE :</strong> Réponse
<strong>✗ SPECIALITE :</strong> Réponse
<strong>✗ ANNÉE :</strong> Réponse
<strong>✗ GROUPE :</strong> Reponse ici
<br/>
<strong>✗</strong> Ecris une anecdote sur ton personnage en quelques lignes
<strong>✗</strong> Ecris une anecdote sur ton personnage en quelques lignes
<strong>✗</strong> Ecris une anecdote sur ton personnage en quelques lignes  </div>

</td><td class="presaco2"><div class="presahistoire">Raconte-nous son histoire en quelques lignes également :) Et puis, on veut tous savoir comment ton personnage est arrivé à Yamang !</div>
</td></tr></tbody></table>
<div class="presabehind">TOI DERRIÈRE L'ECRAN</div>
<div class="presabehind1">Raconte nous un peu d'où tu viens ! Ton petit prénom/surnom, ton âge, comment tu as découvert le forum et ce qui t'as donné envie de t'y inscrire. Ou encore pourquoi tu as choisi ce personnage là, cet avatar là toussa toussa :D  </div>
</center>


Dernière édition par Headmaster le Mar 18 Oct - 1:07, édité 1 fois
Revenir en haut Aller en bas
avatar

Nous sommes fondatrices !

Voir le profil de l'utilisateur http://hyeosik-academy.forumactif.org
✗ arrivé le : 05/02/2016
✗ nombre de messages : 156
✗ points de compétence : 326

MessageSujet: Re: Code Panda   Sam 1 Oct - 10:57

NOM PRENOM

► Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur malesuada ut dolor in interdum. Donec porttitor porta lorem nec sodales. Aliquam vitae urna libero. Phasellus ligula purus, efficitur interdum sapien tempus, lobortis auctor ipsum. Quisque eleifend lobortis dolor, vitae fringilla nisl bibendum sit amet. Phasellus consectetur enim in fringilla sollicitudin. Maecenas in luctus risus. Etiam ut fringilla lorem.

► Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur malesuada ut dolor in interdum. Donec porttitor porta lorem nec sodales. Aliquam vitae urna libero. Phasellus ligula purus, efficitur interdum sapien tempus, lobortis auctor ipsum. Quisque eleifend lobortis dolor, vitae fringilla nisl bibendum sit amet. Phasellus consectetur enim in fringilla sollicitudin. Maecenas in luctus risus. Etiam ut fringilla lorem.

► Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur malesuada ut dolor in interdum. Donec porttitor porta lorem nec sodales. Aliquam vitae urna libero. Phasellus ligula purus, efficitur interdum sapien tempus, lobortis auctor ipsum. Quisque eleifend lobortis dolor, vitae fringilla nisl bibendum sit amet. Phasellus consectetur enim in fringilla sollicitudin. Maecenas in luctus risus. Etiam ut fringilla lorem.

     

           


Wanted dead or alive.. Better alive

▼ Titre du lien M/F ▼

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur malesuada ut dolor in interdum. Donec porttitor porta lorem nec sodales. Aliquam vitae urna libero. Phasellus ligula purus, efficitur interdum sapien tempus, lobortis auctor ipsum. Quisque eleifend lobortis dolor, vitae fringilla nisl bibendum sit amet. Phasellus consectetur enim in fringilla sollicitudin. Maecenas in luctus risus. Etiam ut fringilla lorem.
MAJ le 29/08/2016
Revenir en haut Aller en bas
avatar

Nous sommes fondatrices !

Voir le profil de l'utilisateur http://hyeosik-academy.forumactif.org
✗ arrivé le : 05/02/2016
✗ nombre de messages : 156
✗ points de compétence : 326

MessageSujet: Re: Code Panda   Jeu 6 Oct - 0:19

Titre de recensement

A

- Nom Prénom
- Nom Prénom
- Nom Prénom

B

- Nom Prénom
- Nom Prénom
- Nom Prénom

C

- Nom Prénom
- Nom Prénom
- Nom Prénom

D

- Nom Prénom
- Nom Prénom
- Nom Prénom

E

- Nom Prénom
- Nom Prénom
- Nom Prénom

F

- Nom Prénom
- Nom Prénom
- Nom Prénom

G

- Nom Prénom
- Nom Prénom
- Nom Prénom

H

- Nom Prénom
- Nom Prénom
- Nom Prénom

I

- Nom Prénom
- Nom Prénom
- Nom Prénom

J

- Nom Prénom
- Nom Prénom
- Nom Prénom

K

- Nom Prénom
- Nom Prénom
- Nom Prénom


L

- Nom Prénom
- Nom Prénom
- Nom Prénom

M

- Nom Prénom
- Nom Prénom
- Nom Prénom

N

- Nom Prénom
- Nom Prénom
- Nom Prénom

O

- Nom Prénom
- Nom Prénom
- Nom Prénom

P

- Nom Prénom
- Nom Prénom
- Nom Prénom

Q

- Nom Prénom
- Nom Prénom
- Nom Prénom

R

- Nom Prénom
- Nom Prénom
- Nom Prénom

S

- Nom Prénom
- Nom Prénom
- Nom Prénom

T

- Nom Prénom
- Nom Prénom
- Nom Prénom

U

- Nom Prénom
- Nom Prénom
- Nom Prénom

V

- Nom Prénom
- Nom Prénom
- Nom Prénom

W

- Nom Prénom
- Nom Prénom
- Nom Prénom

X

- Nom Prénom
- Nom Prénom
- Nom Prénom

Y

- Nom Prénom
- Nom Prénom
- Nom Prénom

Z

- Nom Prénom
- Nom Prénom
- Nom Prénom



Les codes :
Code:
<center><div class="lunatitre">Titre de recensement</div>
<table><tbody><tr><td class="presaco2"><div class="presahistoire"><div class="lettres">A</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">B</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">C</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">D</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">E</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">F</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">G</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">H</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">I</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">J</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">K</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

</div>
</td><td class="presaco2"><div class="presahistoire"><div class="lettres">L</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">M</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">N</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">O</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">P</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Q</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">R</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">S</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">T</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">U</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">V</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">W</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">X</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Y</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Z</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

</div></td></tr></tbody></table></center>


Dernière édition par Headmaster le Dim 9 Oct - 17:09, édité 2 fois
Revenir en haut Aller en bas
avatar

Nous sommes fondatrices !

Voir le profil de l'utilisateur http://hyeosik-academy.forumactif.org
✗ arrivé le : 05/02/2016
✗ nombre de messages : 156
✗ points de compétence : 326

MessageSujet: Re: Code Panda   Jeu 6 Oct - 0:27

J'ai également modifiée la fiche de Luna de base que je trouvais très jolie :)


Vos questions

Pour poser une question rien de plus simple . Il te suffit de poser ta ou tes questions à la suite de ce message, un membre du staff ou un membre tout court viendra donner son avis et/ou répondre à tes questions le plus vite possible.


Code:
<center><div class="lunafiche">
<center><div class="lunatitre">Vos questions</div></center>
Pour poser une question rien de plus simple . Il te suffit de poser ta ou tes questions à la suite de ce message, un membre du staff ou un membre tout court viendra donner son avis et/ou répondre à tes questions le plus vite possible. </div> </center>

Votre code de base comportait ce qu'on appelle du BBcode (par ex
Code:
[b][/b]
) mélangé à du HTML (par ex
Code:
<strong></strong> ou <div style=""></div>
)

Or il ne faut jamais mélanger les deux au risque de faire buguer le code en lui-même et de perdre la moitié de ce que vous avez fait (vi vi je suis passée par là ahah). Il y avait aussi des balises non fermées comme le center du début et le div style du body de la fiche :) J'ai arrangée tout ça et j'ai tout mit dans le CSS. Vous avez une base comme ça :)
Revenir en haut Aller en bas
avatar

Nous sommes fondatrices !

Voir le profil de l'utilisateur http://hyeosik-academy.forumactif.org
✗ arrivé le : 05/02/2016
✗ nombre de messages : 156
✗ points de compétence : 326

MessageSujet: Re: Code Panda   Dim 9 Oct - 18:22

Dortoir des scientifiques

Chambre 1 - Garcons

- Nom Prénom
- Nom Prénom
- Nom Prénom

Chambre 2 - Garçons

- Nom Prénom
- Nom Prénom
- Nom Prénom

Chambre 3 - Garçons

- Nom Prénom
- Nom Prénom
- Nom Prénom

Chambre 4 - Garçons

- Nom Prénom
- Nom Prénom
- Nom Prénom


Chambre 1 - Filles

- Nom Prénom
- Nom Prénom
- Nom Prénom

Chambre 2 - Filles

- Nom Prénom
- Nom Prénom
- Nom Prénom

Chambre 3 - Filles

- Nom Prénom
- Nom Prénom
- Nom Prénom

Chambre 4 - Filles

- Nom Prénom
- Nom Prénom
- Nom Prénom



Code:
<center><div class="lunatitre">Dortoir des scientifiques</div>
<table><tbody><tr><td class="presaco2"><div class="presahistoire"><div class="lettres">Chambre 1 - Garcons </div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Chambre 2 - Garçons</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Chambre 3 - Garçons</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Chambre 4 - Garçons</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

</div>
</td><td class="presaco2"><div class="presahistoire"><div class="lettres">Chambre 1 - Filles</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Chambre 2 - Filles</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Chambre 3 - Filles </div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

<div class="lettres">Chambre 4 - Filles</div>
- Nom Prénom
- Nom Prénom
- Nom Prénom

</div></td></tr></tbody></table></center>
Revenir en haut Aller en bas


Invité
Invité


MessageSujet: Code messages   Lun 20 Mar - 12:56


Titre


Sous-titre

texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


Code:
<center><div class="lunafiche">
<div class="lunatitre">Titre</div>

<div class="lunasstitre">Sous-titre</div>
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</div></center>
Revenir en haut Aller en bas
avatar

Admin

Voir le profil de l'utilisateur
✗ arrivé le : 08/09/2016
✗ nombre de messages : 366
✗ points de compétence : 367
Localisation : Dans mon lit surement ou avec des amis

MessageSujet: Re: Code Panda   Mer 13 Sep - 20:08

Recensement


 

Restent


  - Nom Prénom
  - Nom Prénom
  - Nom Prénom

 

 

Départs


  - Nom Prénom
  - Nom Prénom
  - Nom Prénom

 


Les codes :
Code:
 <center><div class="lunatitre"><center><size=18>Recensement</size></center></div>

  <table><tbody><tr><td class="presaco2"><div class="presahistoire"><div class="Restent">
[center][size=16][b][color=#009966]Restent[/color][/b][/size][/center]
</div>

  - Nom Prénom
  - Nom Prénom
  - Nom Prénom

  </div>
  </td><td class="presaco2"><div class="presahistoire"><div class="Départs">
[center][size=16][b][color=#cc0033]Départs[/color][/b][/size][/center]
</div>

  - Nom Prénom
  - Nom Prénom
  - Nom Prénom

  </div></td></tr></tbody></table></center>

_________________
Mee-Na
On ne vie qu'une seule fois dans sa vie... alors vivons là comme elle se doit !  × by lizzou.
Revenir en haut Aller en bas


Contenu sponsorisé


MessageSujet: Re: Code Panda   

Revenir en haut Aller en bas

Code Panda

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Code Pénal Ayisyen an demode.
» Du code d'éthique de l'Armée Mainoise
» La Compagnie Panda
» [Code Source] Code Source
» THE question ! [le code, pour marquer ton nom ! ]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Hyeosik Academy :: Bureau de la direction Les nouveautés, les explications et la partie invité. Tout se trouve ici !  :: Codages-