L’aide aux codes a été créée par Shenhua (Apple Kovalevski) pour vous aider à embellir votre train de vie sur le forum. Vos RPs, votre profil, votre fiche de lien, etc… Bref, voilà un petit espace qui risque de vous apprendre certaines choses ! Amusez-vous bien.

(c) Shenhua Design pour I Love Harvard
Merci de ne pas reprendre le tutoriel sans son autorisation.

Vous avez envie d’un beau profil mais vous n’arrivez pas à comprendre comment ça fonctionne ? Vous voyez certains membres avec des gifs ou de la musique dans leur profil et vous n’arrivez pas à savoir comment ils font… ? Eh bien laissez-moi vous expliquer, c’est très, très simple.

Tout d’abord, tout ce que vous avez à retenir, c’est que le profil ne permet pas l’utilisation d’HTML, vous devez donc utiliser le BBCode et tout fonctionnera comme sur des roulettes !

Merci de vous défouler dans la partie "free text" pour les citations, la musique, et tout et tout.

L’avatar est de 200*320, ni plus, ni moins. Il peut être animé, il peut-être en noir et blanc, il peut être de la couleur que vous voulez ; en autant qu’il ait la célébrité de votre personnage dessus. Vous pouvez évidemment mettre une photo de votre personnage et d’un de ses amis, ou un amoureux, ça va de soi ! Cependant, évitez les photos nus, on va s’en tenir à un gros maximum : les sous-vêtements et les maillots de bain :)! On va se passer des seins à l’air et des fesses et tout xD

Vous pourrez trouver des avatars de qualité sur ces forums:
http://www.bazzart.org/
http://www.pub-rpg-design.com/
et plusieurs autres encore.

Vous pouvez utiliser la signature comme vous le souhaitez ! Des images, du texte, de la musique, des gifs… Tout, tout, tout ! Si les images sont trop grandes, vous pouvez utiliser le spoiler. Assurez-vous que votre signature ne dépassera pas le 500px en largeur et pour la hauteur, n’abusez pas non-plus ! Évidemment, les connaisseurs d'iframes, vous pouvez vous en servir

Comme je l’ai dit un peu plus haut, il faut utiliser le BBcode pour que cela fonctionne. Pour une image, ou un gif, c’est plutôt simple.

Code:

[img]URL ICI[/img]

Ce code est à utiliser.

Notre forum permet de mettre des gifs de plus de 200px de largeur, puisqu'il redimensionnera automatiquement sur votre profil une fois posté.

Mettre de la musique vous semble compliqué ? Ce ne l’est pas tant que ça, en fait.

Code:

[flash(200,25)]URL ICI[/flash]

Ce code, qui est le code flash, est la base.

Prenons Youtube, par exemple.
Votre url ressemble un peu à ceci:
http://www.youtube.com/watch?v=mp9e8v9bkEo
vous devez tout simplement remplacer "watch?v=" par "v/" comme ça:
http://www.youtube.com/v/mp9e8v9bkEo

Ensuite, si on reprends la même exemple, vous placez l'url que vous avez "crée" dans le premier code que je vous ai donné. Comme ceci:

Code:

[flash(200,25)]http://www.youtube.com/v/mp9e8v9bkEo[/flash]

Ajoutez

Code:

?version=2;theme=light

à la fin... comme ceci :

Code:

[flash(200,25)]http://www.youtube.com/v/mp9e8v9bkEo?version=2;theme=light[/flash]

Tadaam !!


Vous pouvez également trouver d'autres sites qui proposent d'autres interface, voici une petite liste que je vous ai concocté.
http://muzicons.com/
http://www.archive-host.com/

gras

Code:

[b]text[/b]

italique

Code:

[i]text[/i]

souligné

Code:

[u]text[/u]

police

Code:

[font=nom de la police]text[/font]

centrer

Code:

[center]text[/center]

justifier

Code:

[justify]text[/justify]

couleur

Code:

[color=#000000 ou nom de la couleur]text[/color]

_¸.¤°´¯`⇉<•>·.·´¯`·.·•↘·´º´·¯`·⊙︵✪°¨¨°\/°¨¨°°(¯`•.ゃ_ゃ.•°»-(¯`v´¯)-»-× ♡¸.•♥•.¸¸.•♥ •.. ｡｡◦◦｡。◦ﾟ··∙·÷±‡±:∙-•°•.•°•––•(-•/\/\/\/~·-.„¸((((¯♀'·.¸(★)(¯`·._)♣ ♤ ♥♠(..•.¸¸•´¯`•.¸¸.ஐ·*ღ♥´¯`*·.¸¸♥ღ°̅-̅-̅-’̿\̵͇̿̿\°»·•●★*´-~*'¨¯¨'*·~㊅▌▐▐║ҳ̸Ҳ̸Ҳ̸ҳ·.¸.·°¯°·.¸_Ⱳⱳ`·._.·˙·•ღ✿*´•·.·´㋡ ® © ™ « » № ღ ♥ ♡ წ ❤ ❥ ❣ ★ ☆ ۝ ۞ ۩ ♂ ♀ ■ □ ∆ ∇ ▲ ► ▼ ◄ ◣ ◢ ◤ ◥ ◆ ◇〓 ● ☼ ☀ ☁ ☂ ♪ ♫ ✝ ✪ ✱ ✿ ❀ 屮 ஐ ₪ ✎ ░ ▒ ▒ ▓ █ ▌ ❘ 中 食 ♠ ♣ ҈ ஊ ஏ ｼ ㇱ ☋ ︵ ︶ ︽︾ ︿ ﹀ 〘 〙 〚 〛 《 》 ｟ ｠ 坤 埉 垞 坊 在 坤 〩 【 】 〔 〕 〖 〗 〄 々 ➨ ➲ ➜ ➢ 『 』 〠 〣 ✽✻ ✸ ✡ ♞ ♘ ♜ ♖ ♛ ♕ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ☺ ☹ ☃ ☄ ☎ ☑ ☒ ☠☢ ☣ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ✓ ✔ ✖ ✗ ✜ ✝ ✡ ✪ ✯ ✰ ✱ ✲ ✴ ✵ ✶ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❆❇ ❈ ❊ ❋ ❖ ❢ ❣ ❦ ﷺ ﷻ ﷹ ﷲ இ ௫ న ഏ ໘ ჻ ⁂ ҂ ৩ ৬ ੴ ઈ ઊ ண ఏ ໙ ‰ ← ↑ → ↓ ↔↕↖ ↗ ↘ ↙ ⇄ ⇅ ⇆ ↺ ↻ ↣ ↤ ↥ ↦ ↧ ↩ ↪ ↰ ↱ ↲ ↳ ↴ ↵ ♃ ♄ ♅ ♆ ♇ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑

Tout d’abord, je souhaite vous préciser que les codes BBcodes comme les codes HTML sont autorisés dans les messages. (Si jamais vous ne parvenez pas à voir les codes HTML, vous pouvez aller modifier vos préférences dans votre profil.)

Je vais donc, vous donner quelques petits trucs pour la mise en forme de vos RPs afin de rendre le tout beaucoup plus intéressant à lire. Bonne visite !

Lors de vos RPs, vous pouvez décrire les lieux, les vêtements que votre personnage porte et ses pensées. Décrivez également leur souvenir à propos de certains objets qu’ils regardent ou la valeur de l’objet à leurs yeux. N’hésitez pas non-plus à créer des flashbacks, c’est-à-dire une partie « rp dans le passé », cela peut également vous aider à atteindre ces 10 lignes demandés.

Dans votre RP, vous pouvez mettre des images. Cela peut rendre votre poste intéressant, et attrayant. Mettre une image de la célébrité sur votre avatar, par exemple, ou alors du lieu dans lequel vous être en train d’RP (un parc, une grande roue, un restaurant, la plage etc…). Cela peut-être également une image d’une jolie citation qui convient au RP, ou à la relation entre votre personnage et l’autre joueur ; vous voyez, ça peut être n’importe quoi !

Donc, pour les images. Vous pouvez soit trouver vos images sur Google et les redimensionner comme vous voulez sur photofiltre ou photoshop, mais je vous propose également ce site
http://www.tumblr.com/
(ouais, je suis une accro ! ) qui propose de très beaux gifs et de belles images !

Si vous voulez redimensionner une image, prenez ce code:

Code:

<img src="URL ICI" height="300">

(notez que vous pouvez jouer avec la valeur de height ("hauteur") à votre aise.)

Vous pouvez ajouter un style à votre image ! en ajoutant ceci:

Code:

style="..."

(notez que vous devez séparer chaque code par ";"

Voilà quelques codes pratique:

coin arrondi

Code:

border-radius: 0px;

contour

Code:

border: #000000 0px solid;

rotation (visible avec firefox seulement)

Code:

-moz-transform: rotate(0deg);

ombre

Code:

-webkit-box-shadow:0px 0px 0px #000000;

Pour la musique, vous pouvez utiliser les codes que je vous ai donnés pour les profils. Mais à partir de Youtube, vous pouvez également utiliser le code HTML qu’il vous génère lorsque vous cliquez sur « partager ».

Voici une autre interface qui pourrait vous intéresser:

http://flash-mp3-player.net/players/mini/generator/
et encore, comme pour le profil, muzicons et archive host vous donnent d'autre alternative. Il y a également Youtube et Deezer, etc.

Tout d’abord, le code de base pour le fond reste le même.

fond de couleur

Code:

<div style="background-color:#000000;">text</div>

fond d'image, ou de pattern

Code:

<div style="background-image:url('URL ICI');">text</div>

vous pouvez ajouter des modifications à la suite en séparant toujours les codes par ";"

coin arrondi

Code:

border-radius: 0px;

contour

Code:

border: #000000 0px solid;

ombre

Code:

-webkit-box-shadow:0px 0px 0px #000000;

Vous pourrez trouver des patterns intéressant sur ces sites:
http://shizoo.frozen-media.de/patterns.php
http://patterns.ava7.com/
http://www.deviantart.com/

Voici un exemple de texte afin que vous puissiez voir l'effet que ça donne lorsque l'on fait, par exemple, un RP ou encore, nos relations! Le blockquote sert à amincir le texte et le code justify, sert à mettre les paragraphes plus 'droit' et beaucoup plus classe. En français, on dit justifier ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc adipiscing consectetur dolor ut vehicula. Integer leo enim, elementum ut porttitor a, aliquam vitae magna. In sed elit non odio vestibulum consectetur. Donec adipiscing sem vitae mi ultrices consectetur. Etiam eget elit purus. Donec ornare commodo iaculis. Duis consectetur elementum quam, at rutrum ligula ornare quis. Morbi leo leo, commodo at dictum sed, commodo id nisi. Morbi sit amet sapien dolor, et tristique risus. Nullam facilisis congue nisl, eu vehicula velit tincidunt ac. Donec ac purus tellus. Donec diam orci, egestas nec sollicitudin vel, sagittis sit amet orci.

Code:

<blockquote>[justify]Texte[/justify]</blockquote>

Code:

<div style="text-shadow: 1px 1px 1px #000000;">Text</div>

Code:

<div style="letter-spacing:-1px;">Écriture collée</div>

Hauteur de texte réduite

Code:

<div style="line-height: 9px">Écriture collée</div>