Partagez| .

AIDE AUX CODES ✗ profil, embellir les rps, etc...

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Voir le profil de l'utilisateur
COMPTE FONDATEUR
avatar
COMPTE FONDATEUR
J'ai gagné : 2975 points et j'ai passé : 10180 heures à glander au soleil. Je suis ici depuis le : 29/12/2011 . J'ai : 56 ans et je vis à : Boston. Je suis actuellement : marié et si on écoute les "on dit" je suis : le Doyen de l'université le plus cool qu'Harvard n'ait jamais connu On me confond souvent avec : personne. Je dois mon avatar à : au staff et mon pseudo sur internet, c'est : Le Doyen
✽ DC/TC : : x



Tout à propos de moi
MEMBRE D UN CLUB ?: x
ANNÉE D'ÉTUDES:
CURSUS SUIVI:
Message(#) Sujet: AIDE AUX CODES ✗ profil, embellir les rps, etc... Ven 27 Jan - 6:28

Aide aux codes

 

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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
COMPTE FONDATEUR
avatar
COMPTE FONDATEUR
J'ai gagné : 2975 points et j'ai passé : 10180 heures à glander au soleil. Je suis ici depuis le : 29/12/2011 . J'ai : 56 ans et je vis à : Boston. Je suis actuellement : marié et si on écoute les "on dit" je suis : le Doyen de l'université le plus cool qu'Harvard n'ait jamais connu On me confond souvent avec : personne. Je dois mon avatar à : au staff et mon pseudo sur internet, c'est : Le Doyen
✽ DC/TC : : x



Tout à propos de moi
MEMBRE D UN CLUB ?: x
ANNÉE D'ÉTUDES:
CURSUS SUIVI:
Message(#) Sujet: Re: AIDE AUX CODES ✗ profil, embellir les rps, etc... Ven 27 Jan - 6:28

Le profil

 
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


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.


Votre signature


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


Gif/Image


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é.


Musique


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/


Le classique


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]


Les puces


_¸.¤°´¯`⇉<•>·.·´¯`·.·•↘·´º´·¯`·⊙︵✪°¨¨°\/°¨¨°°(¯`•.ゃ_ゃ.•°»-(¯`v´¯)-»-× ♡¸.•♥•.¸¸.•♥ •.. 。。◦◦。。◦゚··∙·÷±‡±:∙-•°•.•°•––•(-•/\/\/\/~·-.„¸((((¯♀'·.¸(★)(¯`·._)♣ ♤ ♥♠(..•.¸¸•´¯`•.¸¸.ஐ·*ღ♥´¯`*·.¸¸♥ღ°̅-̅-̅-’̿\̵͇̿̿\°»·•●★*´-~*'¨¯¨'*·~㊅▌▐▐║ҳ̸Ҳ̸Ҳ̸ҳ·.¸.·°¯°·.¸_Ⱳⱳ`·._.·˙·•ღ✿*´•·.·´㋡ ® © ™ « » № ღ ♥ ♡ წ ❤ ❥ ❣ ★ ☆ ۝ ۞ ۩ ♂ ♀ ■ □ ∆ ∇ ▲ ► ▼ ◄ ◣ ◢ ◤ ◥ ◆ ◇〓 ● ☼ ☀ ☁ ☂ ♪ ♫ ✝ ✪ ✱ ✿ ❀ 屮 ஐ ₪ ✎ ░ ▒ ▒ ▓ █ ▌ ❘ 中 食 ♠ ♣ ҈ ஊ ஏ シ ㇱ ☋ ︵ ︶ ︽︾ ︿ ﹀ 〘 〙 〚 〛 《 》 ⦅ ⦆ 坤 埉 垞 坊 在 坤 〩 【 】 〔 〕 〖 〗 〄 々 ➨ ➲ ➜ ➢ 『 』 〠 〣 ✽✻ ✸ ✡ ♞ ♘ ♜ ♖ ♛ ♕ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ☺ ☹ ☃ ☄ ☎ ☑ ☒ ☠☢ ☣ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ✓ ✔ ✖ ✗ ✜ ✝ ✡ ✪ ✯ ✰ ✱ ✲ ✴ ✵ ✶ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❆❇ ❈ ❊ ❋ ❖ ❢ ❣ ❦ ﷺ ﷻ ﷹ ﷲ இ ௫ న ഏ ໘ ჻ ⁂ ҂ ৩ ৬ ੴ ઈ ઊ ண ఏ ໙ ‰ ← ↑ → ↓ ↔↕↖ ↗ ↘ ↙ ⇄ ⇅ ⇆ ↺ ↻ ↣ ↤ ↥ ↦ ↧ ↩ ↪ ↰ ↱ ↲ ↳ ↴ ↵ ♃ ♄ ♅ ♆ ♇ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
COMPTE FONDATEUR
avatar
COMPTE FONDATEUR
J'ai gagné : 2975 points et j'ai passé : 10180 heures à glander au soleil. Je suis ici depuis le : 29/12/2011 . J'ai : 56 ans et je vis à : Boston. Je suis actuellement : marié et si on écoute les "on dit" je suis : le Doyen de l'université le plus cool qu'Harvard n'ait jamais connu On me confond souvent avec : personne. Je dois mon avatar à : au staff et mon pseudo sur internet, c'est : Le Doyen
✽ DC/TC : : x



Tout à propos de moi
MEMBRE D UN CLUB ?: x
ANNÉE D'ÉTUDES:
CURSUS SUIVI:
Message(#) Sujet: Re: AIDE AUX CODES ✗ profil, embellir les rps, etc... Ven 27 Jan - 6:29

Les rps

 
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 !


Quoi écrire ?


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.


Image


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;


Musique


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.


Fond


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/


Fond


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>

Ombre de texte

Code:
<div style="text-shadow: 1px 1px 1px #000000;">Text</div>
Écriture collée

Code:
<div style="letter-spacing:-1px;">Écriture collée</div>
Hauteur de texte réduite
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:
<div style="line-height: 9px">Écriture collée</div>
Revenir en haut Aller en bas
Contenu sponsorisé
Message(#) Sujet: Re: AIDE AUX CODES ✗ profil, embellir les rps, etc...

Revenir en haut Aller en bas

AIDE AUX CODES ✗ profil, embellir les rps, etc...

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

Sujets similaires

-
» [AIDE] FAIRE UN TABLEAU DE PROFIL
» [aide]1ere liste d'armée gondor en 550 points
» Codes pour embellir vos RP
» Codes pour fiche de présentation
» Fiches de RP / Liens [Aide & Libre Service]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
I LOVE HARVARD ::  :: Crie « veritas » ! :: Tutoriels-