Couchwiki, which is run by the same people who brought you trustroots, has become a part of the trustroots project!

Comment bien compléter son profil

[[Wiki.trustroots.org]] is an independent wiki with information for people who are actively exchanging hospitality.
Jump to: navigation, search
Rubriques du Mode d'Emploi CS en français

LE PETIT GUIDE DU BON COUCHSURFEURLA SECURITE SUR COUCHSURFINGEN CAS DE PROBLEMECOMMENT BIEN COMPLETER SON PROFILLES RENDEZ-VOUS ET EVENEMENTS COUCHSURFING ("Meetings")LES DIFFERENTS FORUMS ("Groups")LE VOLONTARIAT SUR CSLIENS IMPORTANTSRETOUR AU MENU PRINCIPAL

Le Couchsurfing fonctionne avec des relations de confiance, bien avant même que deux personnes se rencontrent (dans le cadre d'un hebergement en l'occurrence), il faut qu'il y ait une relation de confiance. Le Profil y joue donc un rôle très important. Voilà donc une liste d'indications qui vous feront ameliorer la presentation de votre profil.

Ajouter des photos sur son profil

Ce qu'un membre CS observe en premier sur un profil, c'est incontestablement la photo qu'elle contient. S'il ne contient pas de photos, la personne est moins écoutée. Il est donc vivement conseillé de mettre sur son profil de par ce lien une photo de soi, récente de préférence. Exit les dessins caricaturaux ou autre. Dans un souçi de sécurité, on recommande vivement que les membres renseignent nom et prénom pour s'identifier sur le profil. Vous avez toujours la possibilité d'utiliser un pseudonyme en lieu et place de vos Nom et Prénom en allant sur la page suivante [1] et à la ligne "hide name" vous sélectionnez "yes" dans le menu déroulant.

Bien décrire son "Canapé"

Afin de bien décrire l'endroit que vous destinez à héberger le couchsurfer chez vous, allez sur cette page afin de détailler les informations suivantes:

  • Availability: Il s'agit là de votre statut qui apparait avec le symbole du canapé sur votre profil. On distingue plusieurs statuts:
    • Yes: Vous pouvez heberger, le symbole du canapé apparaît seul.
    • Definitely: Vous êtes prêt à heberger dans tous les cas. Le symbole du canapé apparaît coché.
    • Maybe: Vous pouvez héberger mais celà dépend des cas. Le symbole du canapé apparaît donc avec un point d'interrogation.
    • Coffee or a drink: Vous ne pouvez pas héberger mais vous êtes disponible pour aller boire un verre avec un couchsurfer de passage dans votre ville. Le symbole du canapé apparait avec une tasse de café.
    • No: Vous ne pouvez pas héberger, le symbole du canapé est barré.
    • Traveling at the moment: Vous ne pouvez pas héberger, car vous êtes en voyage ou en déplacement. Le symbole du canapé apparaît alors avec un avion.
  • Preferred gender: vous precisez ici si vous préférez accueillir plutôt un homme "Male", une femme "Female" ou alors si ça vous est égal "Any". Un conseil pour les hommes qui souhaitent accueillir, ne mettez pas que vous preferez accueillir que des femmes, car pour un site comme CouchSurfing qui ne se veut pas être un club de rencontre, cela peut paraître suspicieux.
  • Max Surfers: Le nombre maximum de personnes que vous êtes capables d'héberger en une nuit.
  • Wheelchair Accessible?: Précisez si votre logement est accessible aux personnes handicapés.
  • Current Photo: Mettez ici en format .jpg un photo de l'endroit que vous proposez à votre couchsurfer pour dormir.
  • About your couch: Décrivez ici l'endroit que vous proposez aux couchsurfers pour dormir.
  • Contact Method: Ne pas en tenir compte: Pour des raisons de sécurité, ce paragraphe ne s'affiche plus dans votre profil.
  • Directions to your Home: Précisez ici comment parvenir jusqu'à chez vous à partir de la gare la plus proche, en voiture ...


Completer les différents paragraphes proposés

  • Current mission / Objectif actuel
  • Occupation / Occupation
  • Education / Education
  • Home town / Ville de résidence
  • All about you / Que faites-vous dans la vie ?
  • How I participate to CS 2.0 / Comment je participe au Projet CS 2.0
  • CouchSurfing Experience / Vos experiences Couchsurfing
  • Interests / Vos interêts
  • What is your personal philosophy? / Quelle est votre propre philisophie de vie ?
  • Movies, Music, Books / Films, musiques et livres préférés
  • Your Opinion Please! / Votre opinion sur le Couchsurfing Project

Passer les niveaux de vérification et certification

Voir cette page.

Ajouter des personnes dans sa liste d'amis

Vous pouvez à tout moment trouver un profil d'une personne que vous avez rencontré lors d'un meeting CS, que vous avez hébergé ou par qui vous avez été accueilli, que vous connaissez bien et/ou depuis longtemps en dehors de CS, vous avez la possibilité de l'ajouter dans votre liste d'amis. Il suffit pour cela de cliquer sur "Add to my friends list" en précisant les détails qui seront demandés par la suite.

Vous pouvez consulter votre liste d'amis sur ce lien, vous avez sur cette page la possibilité de mettre à jour votre lien avec cette personne en cliquant sur "Update" et aussi le "voucher". Mais attention de bien regarder de quoi il consiste avant de lui attribuer.

Sur CouchSurfing, les liens d'amitié ne sont pas à prendre à la légère. En déclarant que quelqu'un est votre ami, vous affirmez à la communauté que vous connaissez cette personne mais surtout que vous lui faites confiance. Cette information est importante pour les membres qui feront le choix de surfer ou d'héberger cette personne.

Comment connaissez-vous votre ami?

Quand vous décidez de devenir ami avec quelqu'un, vous devrez répondre à certaines questions. Vos réponses sont une précieuse contribution à la communauté! Les informations détaillées que vous fournirez renforceront notre réseau de confiance et nous aideront à mieux connaître les liens créés entre CouchSurfeurs. Gardez bien à l'esprit que les informations que vous confierez dans cette section apparaîtront aussi bien sur votre profil que sur celui de votre ami.

  • Avez vous déjà rencontré cette personne? File:Icon in person.gif ou File:Icon via internet.gif Les autres membres sauront comment vous connaissez votre ami: suite à une rencontre réelle ou virtuelle.
  • Lien d'amitié. Définissez le degré de relation qui vous unit à cette personne, de la simple connaissance au statut de meilleur ami. Cette information est très utile pour les autres membres qui consultent les profils des CouchSurfeurs.
  • Comment connaissez-vous cette personne? Juste quelques mots suffiront: "Nous nous sommes rencontrés à Tokyo", ou "Nous avons déjeuné ensemble à Sydney".
  • Date de votre rencontre. Si vous ne vous souvenez pas exactement de cette date, une bonne estimation suffira.
  • Expérience CouchSurfing. Si vous avez rencontré votre ami via CouchSurfing, partagez le contexte de cette rencontre avec les autres membres. Par exemple, un membre qui envisage d'héberger votre ami sera intéressé de savoir combien de temps et en compagnie de qui est resté votre ami.

Degré du lien

Cette section anonyme permet au monde d'apprendre grâce à vos expériences. Les CouchSurfeurs sont aux premières loges du changement social, explorant et communiquant entre eux à une échelle mondiale. En comprenant comment cela fonctionne, notre communauté peut offrir au monde une contribution sans pareille. Toutes les informations laissées dans cette section sont entièrement anonymes: votre ami ne verra pas vos réponses et votre identité ne sera jamais reliée à la base de données. Vous pouvez compter sur notre stricte politique de confidentialité. Ces informations ne seront jamais cédées à titre commercial ou privé. C'est un moyen d'aider CouchSurfing et le reste du monde à comprendre comment des personnes deviennent amies malgré les barrières des langues, les différences culturelles et d'autres défis.

eCSpérience

Les eCSpériences que vous écrivez sur les profils d'autres personnes sont basées sur ce que vous avez partagé avec elles. Les informations divulguées à travers ces eCSpériences permettent aux membres de CouchSurfing de prendre des décisions informées.

Les eCSpériences idéales sont descriptives, pertinentes et non émotionnelles. Elles doivent être honnêtes et respectables.

Bien répondre à toutes les demandes d'hébergement

Ce paragraphe ne concerne que les personnes ne mettant pas comme statut "Traveling at the Moment" ou "No", car dans ces deux cas, le bouton "Couchsurf with" au dessus de votre photo sur votre profil n'apparait automatiquement pas. Vous ne pouvez donc pas recevoir de demande officielle de couch lorsque vous êtes "Traveling at the Moment" ou alors "No" (ce qui signifie que vous ne pouvez pas recevoir).

Lorsque vous recevez une demande officielle d'hebergement, c'est à dire quand une personne vous a envoyé une demande en cliquant sur le bouton "CouchSurf with ...", vous devez la recevoir sur votre messagerie sous le titre de "Request to surf your couch ..." suivi d'un CS en rouge ainsi que "Reply to increase your %" en bleu en fin de ligne.

Il est important de répondre à ces demandes officielles, car que ce soit par la positive ou la négative que vous répondez, la mention "Reply to increase your %" en fin de ligne signifie qu'en répondant à ce genre de message, votre taux de réponse reste au maximum, à savoir 100%. Ce taux de réponse figure à côté de chacun des profils existants sur CS y compris dans la liste des recherche des canapés où la mention "Reply 100%" y apparait en grande ligne. Et bien sûr c'est l'idée même de CouchSurfing, et une question de politesse, de répondre aux messages qu'on reçoit, au moins en quelques mots!

Comment améliorer la présentation de son profil ?

Voici quelques astuces pour bien personnaliser votre profil, afin que ça attire le plus l'attention lorsque vous envoyez des demandes de canapé, et même pour en recevoir davantage ...

Ajoutez des images

Vous pouvez ajouter des images tout au long du texte que vous écrivez sur votre profil en utilisant des trames images html. Vous devez spécifier une adresse URL où est hebergé l'image que vous désirez ajouter au texte. Voici un site qui permet d'héberger vos propres images sur une adresse URL (= http://...). Par exemple, vous pouvez inclure une icone "Non-fumeur" sur votre profil:

My couch has a strict no-smoking policy ... sorry!  
<img border="0" src="http://www.nottokids.ca/ntkbeta/Images/Retail/No Smoking.jpg" />

Cela va donner ceci à l'écran:
My couch has a strict no-smoking policy ... sorry! No smoking.jpg

Autre astuce : Sur un profil vous voyez une image animée ou pas qui vous plait : il est possible d'obtenir son adresse URL en faisant un clic droit sur l'image puis en regardant sur la barre d'adresse : si elle commence par http, c'est bon ! juste faire un copé-collé dans votre profil !!
Pour centrer l'image, utiliser l'attribut "float:" puis spécifier que votre image doit être centrée vers la droite ("right") ou sur la gauche ("left"). Sans ça, vous vous retrouverez avec plein d'espace vierge autour de votre image. Voilà le code qui utilise l'attribut "float":

My couch has a strict no-smoking policy ... sorry!
<img style="border: 0px solid rgb(0, 0, 0); float: left; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;" 
src="http://www.nottokids.ca/ntkbeta/Images/Retail/No%20Smoking.jpg">


Vous pouvez aussi combiner les deux codes HTML img et a afin de faire de votre image un lien vers une autre page. Par exemple:

My couch has a strict no-smoking policy ... sorry!
<a href="http://en.wikipedia.org/wiki/Thank_You_for_Smoking" target="_blank">
<img border="0" src="http://www.nottokids.ca/ntkbeta/Images/Retail/No%20Smoking.jpg">
</a>

Ajoutez des Petites Icones

Vous pouvez utiliser les icones suivants afin de mieux décrire votre canapé:

  • 30px No Smoking – Non Fumeur
     <img width="30" height="30" src="http://couchwiki.org/public/images/3/34/Nosmoking.png" />
  • 30px Vegetarian – Végétarien
     <img width="28,47" height="30" src="http://couchwiki.org/public/images/2/2f/Vegetarian.gif" />
  • 30px LGBT/friendly – Homosexuels et Lesbiennes/Bienvenue
     <img width="48,81" height="30" src="http://couchwiki.org/public/images/7/76/Gayflag.png" />
  • 30px Vegan – Végétalien
     <img width="30" height="30" src="http://couchwiki.org/public/images/6/65/Vegan.gif" />
  • Children.jpg Children/Welcome – Enfants/Bienvenue
     <img width="30" height="30" src="http://couchwiki.org/public/images/4/46/Children.jpg" />

Ajouter un Plan, une Carte du Monde (Map Loco)

Voulez-vous savoir d'où viennent toutes les personnes qui ont vu votre profil jusqu'à maintenant ? Hé bien, pourquoi ne pas essayer MapLoco. Par exemple, par le lien Ici, vous pouvez voir tous les visiteurs du CouchSurfing Wiki.
C'est facile de suivre les indications données par le site, et voilà ! Il y a une carte du monde sur votre profil !

Modifier les caractères des textes sur le profil

Voici les différents code HMTL pour modifier les caractères sur votre profil:

  • Afin de les mettre en Gras!
<strong>CouchSurfing</strong>

lorsque vous utilisez ce code <strong>, ça donne ceci CouchSurfing

  • Afin de les mettre en Italique!
<em>CouchSurfing</em>

lorsque vous utilisez le code <em>, ça donne ceci: CouchSurfing

  • Afin de les mettre en Couleur (ici en rouge)
<div style="color: rgb(255,0,0);">Ton Texte<div/>

Ce qui donnera: Ton Texte. On utilise pour celà un code dit "RGB" (Red, Green, Blue). Pour comprendre comment il marche, vous imaginez que les trois nombres du code ci-dessus entre paranthèses constituent des teintes de couleurs, de rouge pour le premier, de vert pour le deuxieme, et de bleu pour le troisième. Chacun de ces nombres peut être compris de 0 à 255. Par exemple, si vous voulez des caractères en vert, vous prendrez comme code (0, 255, 0), si vous voulez des caractère en rouge: (255, 0, 0), en bleu: (0, 0, 255). Si vous voulez des caractères en violet (donc un mélange de rouge et de bleu): (255, 0, 255). Et ainsi de suite ... Voici la longue liste des codes couleurs RGB:

HTML name Hex code
R   G   B
Decimal code
R   G   B
Red colors
IndianRed CD 5C 5C 205  92  92
LightCoral F0 80 80 240 128 128
Salmon FA 80 72 250 128 114
DarkSalmon E9 96 7A 233 150 122
LightSalmon FF A0 7A 255 160 122
Crimson DC 14 3C 220  20  60
Red FF 00 00 255   0   0
FireBrick B2 22 22 178  34  34
DarkRed 8B 00 00 139   0   0
Pink colors
Pink FF C0 CB 255 192 203
LightPink FF B6 C1 255 182 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255  20 147
MediumVioletRed C7 15 85 199  21 133
PaleVioletRed DB 70 93 219 112 147
Orange colors
LightSalmon FF A0 7A 255 160 122
Coral FF 7F 50 255 127  80
Tomato FF 63 47 255  99  71
OrangeRed FF 45 00 255  69   0
DarkOrange FF 8C 00 255 140   0
Orange FF A5 00 255 165   0
Yellow colors
Gold FF D7 00 255 215   0
Yellow FF FF 00 255 255   0
LightYellow FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205
LightGoldenrodYellow FA FA D2 250 250 210
PapayaWhip FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107
Purple colors
Lavender E6 E6 FA 230 230 250
Thistle D8 BF D8 216 191 216
Plum DD A0 DD 221 160 221
Violet EE 82 EE 238 130 238
Orchid DA 70 D6 218 112 214
Fuchsia FF 00 FF 255   0 255
Magenta FF 00 FF 255   0 255
MediumOrchid BA 55 D3 186  85 211
MediumPurple 93 70 DB 147 112 219
Amethyst 99 66 CC 153 102 204
BlueViolet 8A 2B E2 138  43 226
DarkViolet 94 00 D3 148   0 211
DarkOrchid 99 32 CC 153  50 204
DarkMagenta 8B 00 8B 139   0 139
Purple 80 00 80 128   0 128
Indigo 4B 00 82  75   0 130
SlateBlue 6A 5A CD 106  90 205
DarkSlateBlue 48 3D 8B  72  61 139
MediumSlateBlue 7B 68 EE 123 104 238
HTML name Hex code
R   G   B
Decimal code
R   G   B
Green colors
GreenYellow AD FF 2F 173 255  47
Chartreuse 7F FF 00 127 255   0
LawnGreen 7C FC 00 124 252   0
Lime 00 FF 00   0 255   0
LimeGreen 32 CD 32  50 205  50
PaleGreen 98 FB 98 152 251 152
LightGreen 90 EE 90 144 238 144
MediumSpringGreen 00 FA 9A   0 250 154
SpringGreen 00 FF 7F   0 255 127
MediumSeaGreen 3C B3 71  60 179 113
SeaGreen 2E 8B 57  46 139  87
ForestGreen 22 8B 22  34 139  34
Green 00 80 00   0 128   0
DarkGreen 00 64 00   0 100   0
YellowGreen 9A CD 32 154 205  50
OliveDrab 6B 8E 23 107 142  35
Olive 80 80 00 128 128   0
DarkOliveGreen 55 6B 2F  85 107  47
MediumAquamarine 66 CD AA 102 205 170
DarkSeaGreen 8F BC 8F 143 188 143
LightSeaGreen 20 B2 AA  32 178 170
DarkCyan 00 8B 8B   0 139 139
Teal 00 80 80   0 128 128
Blue colors
Aqua 00 FF FF   0 255 255
Cyan 00 FF FF   0 255 255
LightCyan E0 FF FF 224 255 255
PaleTurquoise AF EE EE 175 238 238
Aquamarine 7F FF D4 127 255 212
Turquoise 40 E0 D0  64 224 208
MediumTurquoise 48 D1 CC  72 209 204
DarkTurquoise 00 CE D1   0 206 209
CadetBlue 5F 9E A0  95 158 160
SteelBlue 46 82 B4  70 130 180
LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230
LightBlue AD D8 E6 173 216 230
SkyBlue 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF   0 191 255
DodgerBlue 1E 90 FF  30 144 255
CornflowerBlue 64 95 ED 100 149 237
MediumSlateBlue 7B 68 EE 123 104 238
RoyalBlue 41 69 E1  65 105 225
Blue 00 00 FF   0   0 255
MediumBlue 00 00 CD   0   0 205
DarkBlue 00 00 8B   0   0 139
Navy 00 00 80   0   0 128
MidnightBlue 19 19 70  25  25 112
HTML name Hex code
R   G   B
Decimal code
R   G   B
Brown colors
Cornsilk FF F8 DC 255 248 220
BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Wheat F5 DE B3 245 222 179
BurlyWood DE B8 87 222 184 135
Tan D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164  96
Goldenrod DA A5 20 218 165  32
DarkGoldenrod B8 86 0B 184 134  11
Peru CD 85 3F 205 133  63
Chocolate D2 69 1E 210 105  30
SaddleBrown 8B 45 13 139  69  19
Sienna A0 52 2D 160  82  45
Brown A5 2A 2A 165  42  42
Maroon 80 00 00 128   0   0
White colors
White FF FF FF 255 255 255
Snow FF FA FA 255 250 250
Honeydew F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
AliceBlue F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 245 245 245
Seashell FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWhite FF FA F0 255 250 240
Ivory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Linen FA F0 E6 250 240 230
LavenderBlush FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225
Grey colors
Gainsboro DC DC DC 220 220 220
LightGray D3 D3 D3 211 211 211
LightGrey D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
DarkGray A9 A9 A9 169 169 169
DarkGrey A9 A9 A9 169 169 169
Gray 80 80 80 128 128 128
Grey 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
DimGrey 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
LightSlateGrey 77 88 99 119 136 153
SlateGray 70 80 90 112 128 144
SlateGrey 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F  47  79  79
DarkSlateGrey 2F 4F 4F  47  79  79
Black 00 00 00   0   0   0

Autres insertions possibles

Textes encadrés

Il est possible d'encadrer son texte par un fond coloré. Par exemple:

Visit my really Cool Profile where you will find more helpful examples of text boxes.

Voici le code à utiliser:

<div style="background-color: rgb(255,105,180); color: rgb(0,0,0); border: 2px solid rgb(255,20,147); 
font-family: Verdana; font-size: 16px; "> Visit my really Cool <strong>Profile</strong> 
where you will find more helpful examples of <em>text boxes</em>. </div>

Le codage est très simple. En utilisant les codes couleurs RGB, vous pouvez vraiment personnaliser votre profil avec les couleurs des bordures. Pour connaître les codes couleurs RGB, c'est par ici.

1. background-color: La couleur de fond du menu (div).
2. color: Couleur du texte.
3. border: Donné en 3 codes: Largeur des bordures en Pixels ... Style de bordure ... et enfin la couleur.
4. font-family: Style de la trame.
5. font-size: Taille de la trame.

Menus déroulants

En combinant ensemble les Menus Déroulants de language CSS et le language HTML, vous pouvez ameliorer votre profil d'un autre palier. Mettre uniquement du texte en Gras ou en Italique peut facilement le rendre ennuyant.

!!Eye Catching!! Visit my really Cool Profile where you will find more helpful examples of text boxes.

Having all studied web design in it's basic form, we have to write a disclaimer here specifying that we know only the minimal features of both CSS and HTML. The reason for re designing this Wiki page was for two reasons.
1. So we could develop the knowledge of the Wiki.
2. To improve the profile's of those who are both active and inactive.

What is HTML?
HTML stands for Hypertext Markup Language.

1. Hypertext is ordinary text that has been dressed up with extra features, such as formatting, images, multimedia, and links to other documents.
2. Markup is the process of taking ordinary text and adding extra symbols. Each of the symbols used for markup in HTML is a command that tells a browser how to display the text.

Voici le code pour obtenir cette barre de déroulement:

<div style="background-color: rgb(255,105,180); color: rgb(0,0,0); border: 2px solid rgb(255,20,147); font-family: Verdana; font-size: 11px; ">
!!Eye Catching!! Visit my really Cool '''Profile''' where you will find more helpful examples of ''text boxes''.<br />
<div style="width: 99%; height: 100px; overflow: auto; border: 1px solid rgb(0,0,0); background-color: rgb(255,255,255); scrollbar-face-color: #FF1493; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FF1493; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color: #FF1493; scrollbar-track-color: #FFE8C1; scrollbar-arrow-color: #FF1493;">
Having all studied web design in it's basic form, we have to write a disclaimer here specifying that we know only the minimal features of both CSS and HTML. The reason for re designing this Wiki page was for two reasons.<br />
1. So we could develop the knowledge of the Wiki.<br />
2. To improve the profile's of those who are both active and inactive.<br /><br />
'''What is HTML?'''<br />HTML stands for Hypertext Markup Language.
::1. Hypertext is ordinary text that has been dressed up with extra features, such as formatting, images, multimedia, and links to other documents.<br />
::2. Markup is the process of taking ordinary text and adding extra symbols. Each of the symbols used for markup in HTML is a command that tells a browser how to display the text.
</div></div>

1. background-color: La couleur de fond du menu (div).
2. color: Couleur du texte.
3. border: Donné en 3 codes: Largeur des bordures en Pixels ... Style de bordure ... et enfin la couleur.
4. font-family: Style de la trame.
5. font-size: Taille de la trame.

Pour plus d'info sur le language CSS: Cascading Style Sheets (CSS) Wikipedia

Voici un autre exemple de Menu déroulant

Avec les infos qu'on cumule avec les étapes pour devenir un bon Couchsurfer, davantage de détails nécessitent d'être décrits sur votre profil. Mais comme vous ne voulez pas que celà ne devienne trop encombrant à l'écran, vous avez le choix de tout compresser dans une petite boîte comme celle-ci ...


















Tu m'as trouvé!

Çà peut paraître compliqué, mais c'est très facile! Dans cette simplicité vous définissez la largeur à 100% au travers de l'écran, si vous changez la taille de votre fenêtre, la largeur s'adaptera. Avec la hauteur vous spécifiez la longueur en Pixels qui vous semble la plus appropriée. Pour cet exemple, j'utilise 100 pixel.

<div style="width: 100%; height: 100px; overflow: auto; scrollbar-face-color: #CE7E00; scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #6F4709; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color: #6F4709;
scrollbar-track-color: #FFE8C1; scrollbar-arrow-color: #6F4709;">Content Here...</div> 

Ensuite insérer les infos que vous voulez mettre à la place où Content Here apparaît.

Pour tous les indices de couleurs pour les façades de menus déroulants, c'est uniquement pris en compte par Internet Explorer. Si vous utilisez Firefox ou Safari, vous ne verrez pas la difference de couleurs.

Pour la Mise en Page des paragraphes de Profil

Comment centrer une ou des image(s) et/ou un texte

Voici le code à utiliser pour centrer une ou des image(s) et/ou un texte:

<center><br />
Mettez ici tous les éléments que vous voulez centrer
</center><br />
Rubriques du Mode d'Emploi CS en français

LE PETIT GUIDE DU BON COUCHSURFEURLA SECURITE SUR COUCHSURFINGEN CAS DE PROBLEMECOMMENT BIEN COMPLETER SON PROFILLES RENDEZ-VOUS ET EVENEMENTS COUCHSURFING ("Meetings")LES DIFFERENTS FORUMS ("Groups")LE VOLONTARIAT SUR CSLIENS IMPORTANTSRETOUR AU MENU PRINCIPAL