Editing
Comment bien compléter son profil
[[Trustroots Wiki]] is an independent wiki with information for people who are actively exchanging hospitality.
Jump to navigation
Jump to search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
{{Mode d Emploi}} 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. =='''<FONT COLOR="#336600">Ajouter des photos sur son profil</FONT>'''== 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 [http://www.couchsurfing.com/editprofile.html?edit=photo 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 [http://www.couchsurfing.com/editprofile.html?edit=privacy] et à la ligne '''"hide name"''' vous sélectionnez "yes" dans le menu déroulant. =='''<FONT COLOR="#336600">Bien décrire son "Canapé"</FONT>'''== Afin de bien décrire l'endroit que vous destinez à héberger le couchsurfer chez vous, allez sur [http://www.couchsurfing.com/editprofile.html?edit=couch cette page] afin de détailler les informations suivantes: [[Image:Couches.JPG|50px|right|]] * '''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 ... [[Image:Profil.JPG|300px|right|]] =='''<FONT COLOR="#336600">Completer les différents paragraphes proposés</FONT>'''== * '''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 =='''<FONT COLOR="#336600">Passer les niveaux de vérification et certification</FONT>'''== Voir [https://www.couchsurfing.org/verification.html cette page]. =='''<FONT COLOR="#336600">Ajouter des personnes dans sa liste d'amis</FONT>'''== 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 [http://www.couchsurfing.com/connections.html 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 [http://couchwiki.org/en/Infos_de_Base#Le_syst.C3.A8me_de_recommandations_.28.22Vouch.22.29 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.''' ==='''<FONT COLOR="#CC9933">Comment connaissez-vous votre ami?</FONT>'''=== 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. ==='''<FONT COLOR="#CC9933">Degré du lien</FONT>'''=== 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. ==='''<FONT COLOR="#CC9933">eCSpérience</FONT>'''=== 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. =='''<FONT COLOR="#336600">Bien répondre à toutes les demandes d'hébergement</FONT>'''== ''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).'' <br/> <br/> 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 <FONT COLOR="#CC0033">'''CS'''</FONT> en rouge ainsi que '''"<FONT COLOR="#0000CC">Reply to increase your %</FONT>"''' en bleu en fin de ligne. <br/> <br/> 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 '''"<FONT COLOR="#0000CC">Reply to increase your %</FONT>"''' 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 [http://www.couchsurfing.com/mapsurf.html 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! =='''<FONT COLOR="#336600">Comment améliorer la présentation de son profil ?</FONT>'''== 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 ... ==='''<FONT COLOR="#CC9933">Ajoutez des images</FONT>'''=== 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 [http://www.casimages.com/index.php 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: <pre> My couch has a strict no-smoking policy ... sorry! <img border="0" src="http://www.nottokids.ca/ntkbeta/Images/Retail/No Smoking.jpg" /> </pre> Cela va donner ceci à l'écran: <br /> My couch has a strict no-smoking policy ... sorry! [[Image:no_smoking.jpg]] <br /> 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 <em>http</em>, c'est bon ! juste faire un copé-collé dans votre profil !!<br /> Pour centrer l'image, utiliser l'attribut "<strong>float:</strong>" 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 "<b>float</b>": <pre> 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"> </pre> <br /> Vous pouvez aussi combiner les deux codes HTML <strong>img</strong> et <strong>a</strong> afin de faire de votre image un lien vers une autre page. Par exemple: <pre> 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> </pre> ==='''<FONT COLOR="#CC9933">Ajoutez des Petites Icones</FONT>'''=== Vous pouvez utiliser les icones suivants afin de mieux décrire votre canapé: * [[Image:Nosmoking.JPG|30px]] No Smoking – Non Fumeur <pre> <img width="30" height="30" src="http://couchwiki.org/public/images/3/34/Nosmoking.png" /></pre> * [[Image:Vegetarian.gif|30px]] Vegetarian – Végétarien <pre> <img width="28,47" height="30" src="http://couchwiki.org/public/images/2/2f/Vegetarian.gif" /></pre> * [[Image:Gayflag.JPG|30px]] LGBT/friendly – Homosexuels et Lesbiennes/Bienvenue <pre> <img width="48,81" height="30" src="http://couchwiki.org/public/images/7/76/Gayflag.png" /></pre> * [[Image:Vegan.gif|30px]] Vegan – Végétalien <pre> <img width="30" height="30" src="http://couchwiki.org/public/images/6/65/Vegan.gif" /></pre> * [[Image:Children.jpg|30px]] Children/Welcome – Enfants/Bienvenue <pre> <img width="30" height="30" src="http://couchwiki.org/public/images/4/46/Children.jpg" /></pre> ==='''<FONT COLOR="#CC9933">Ajouter un Plan, une Carte du Monde (Map Loco)</FONT>'''=== Voulez-vous savoir d'où viennent toutes les personnes qui ont vu votre profil jusqu'à maintenant ? Hé bien, pourquoi ne pas essayer [http://www.maploco.com/ MapLoco]. Par exemple, par le lien [http://www.maploco.com/view.php?id=775367 Ici], vous pouvez voir tous les visiteurs du [[CouchSurfing]] Wiki.<br /> C'est facile de suivre les indications données par le site, et voilà ! Il y a une carte du monde sur votre profil ! ==='''<FONT COLOR="#CC9933">Modifier les caractères des textes sur le profil</FONT>'''=== Voici les différents code HMTL pour modifier les caractères sur votre profil: * Afin de les mettre en '''Gras'''!<br /> <pre><strong>CouchSurfing</strong></pre> lorsque vous utilisez ce code '''<nowiki><strong></nowiki>''', ça donne ceci '''CouchSurfing'''<br /><br /> * Afin de les mettre en ''Italique''!<br /> <pre><em>CouchSurfing</em></pre> lorsque vous utilisez le code '''<nowiki><em></nowiki>''', ça donne ceci: ''CouchSurfing''<br /><br /> * Afin de les mettre en <FONT COLOR="#990000">Couleur</FONT> (ici en rouge) <pre><div style="color: rgb(255,0,0);">Ton Texte<div/></pre> Ce qui donnera: <FONT COLOR="#990000">Ton Texte</FONT>. 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: {|style="font-size:90%" cellpadding="4" |-valign="top" | {|border="0" |- !style="background:lightgray"|[[HTML]] name !style="background:lightgray"|[[Hexadecimal|Hex]] [[code]]<br>[[RGB color model|R G B]] !style="background:lightgray"|Decimal [[code]]<br>[[RGB color model|R G B]] |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Red colors'''</big> |-style="background:indianred;color:white" |IndianRed ||<tt>CD 5C 5C</tt>||<tt>205 92 92</tt> |-style="background:lightcoral;color:black" |LightCoral ||<tt>F0 80 80</tt>||<tt>240 128 128</tt> |-style="background:salmon;color:black" |Salmon ||<tt>FA 80 72</tt>||<tt>250 128 114</tt> |-style="background:darksalmon;color:black" |DarkSalmon ||<tt>E9 96 7A</tt>||<tt>233 150 122</tt> |-style="background:lightsalmon;color:black" |LightSalmon ||<tt>FF A0 7A</tt>||<tt>255 160 122</tt> |-style="background:crimson;color:white;color:white" |Crimson ||<tt>DC 14 3C</tt>||<tt>220 20 60</tt> |-style="background:red;color:white" |Red ||<tt>FF 00 00</tt>||<tt>255 0 0</tt> |-style="background:fireBrick;color:white" |FireBrick ||<tt>B2 22 22</tt>||<tt>178 34 34</tt> |-style="background:darkred;color:white" |DarkRed ||<tt>8B 00 00</tt>||<tt>139 0 0</tt> |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Pink colors'''</big> |-style="background:pink;color:black" |Pink ||<tt>FF C0 CB</tt>||<tt>255 192 203</tt> |-style="background:lightpink;color:black" |LightPink ||<tt>FF B6 C1</tt>||<tt>255 182 193</tt> |-style="background:hotpink;color:white" |HotPink ||<tt>FF 69 B4</tt>||<tt>255 105 180</tt> |-style="background:deeppink;color:white" |DeepPink ||<tt>FF 14 93</tt>||<tt>255 20 147</tt> |-style="background:mediumvioletred;color:white" |MediumVioletRed ||<tt>C7 15 85</tt>||<tt>199 21 133</tt> |-style="background:palevioletred;color:white" |PaleVioletRed ||<tt>DB 70 93</tt>||<tt>219 112 147</tt> |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Orange colors'''</big> |-style="background:lightsalmon;color:black" ||LightSalmon ||<tt>FF A0 7A</tt>||<tt>255 160 122</tt> |-style="background:coral;color:white" |Coral ||<tt>FF 7F 50</tt>||<tt>255 127 80</tt> |-style="background:tomato;color:white" |Tomato ||<tt>FF 63 47</tt>||<tt>255 99 71</tt> |-style="background:orangered;color:white" |OrangeRed ||<tt>FF 45 00</tt>||<tt>255 69 0</tt> |-style="background:darkorange;color:white" |DarkOrange ||<tt>FF 8C 00</tt>||<tt>255 140 0</tt> |-style="background:orange;color:white" |Orange ||<tt>FF A5 00</tt>||<tt>255 165 0</tt> |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Yellow colors'''</big> |-style="background:gold;color:black" |Gold ||<tt>FF D7 00</tt>||<tt>255 215 0</tt> |-style="background:yellow;color:black" |Yellow ||<tt>FF FF 00</tt>||<tt>255 255 0</tt> |-style="background:lightyellow;color:black" |LightYellow ||<tt>FF FF E0</tt>||<tt>255 255 224</tt> |-style="background:lemonchiffon;color:black" |LemonChiffon ||<tt>FF FA CD</tt>||<tt>255 250 205</tt> |-style="background:lightgoldenrodyellow;color:black" |LightGoldenrodYellow||<tt>FA FA D2</tt>||<tt>250 250 210</tt> |-style="background:papayawhip;color:black" |PapayaWhip ||<tt>FF EF D5</tt>||<tt>255 239 213</tt> |-style="background:moccasin;color:black" |Moccasin ||<tt>FF E4 B5</tt>||<tt>255 228 181</tt> |-style="background:peachpuff;color:black" |PeachPuff ||<tt>FF DA B9</tt>||<tt>255 218 185</tt> |-style="background:palegoldenrod;color:black" |PaleGoldenrod ||<tt>EE E8 AA</tt>||<tt>238 232 170</tt> |-style="background:khaki;color:black" |Khaki ||<tt>F0 E6 8C</tt>||<tt>240 230 140</tt> |-style="background:darkkhaki;color:white" |DarkKhaki ||<tt>BD B7 6B</tt>||<tt>189 183 107</tt> |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Purple colors'''</big> |-style="background:lavender;color:black" |Lavender ||<tt>E6 E6 FA</tt>||<tt>230 230 250</tt> |-style="background:thistle;color:white" |Thistle ||<tt>D8 BF D8</tt>||<tt>216 191 216</tt> |-style="background:plum;color:white" |Plum ||<tt>DD A0 DD</tt>||<tt>221 160 221</tt> |-style="background:violet;color:white" |Violet ||<tt>EE 82 EE</tt>||<tt>238 130 238</tt> |-style="background:orchid;color:white" |Orchid ||<tt>DA 70 D6</tt>||<tt>218 112 214</tt> |-style="background:fuchsia;color:white" |Fuchsia ||<tt>FF 00 FF</tt>||<tt>255 0 255</tt> |-style="background:Magenta;color:white" |Magenta ||<tt>FF 00 FF</tt>||<tt>255 0 255</tt> |-style="background:mediumorchid;color:white" |MediumOrchid ||<tt>BA 55 D3</tt>||<tt>186 85 211</tt> |-style="background:mediumpurple;color:white" |MediumPurple ||<tt>93 70 DB</tt>||<tt>147 112 219</tt> |-style="background:#9966CC;color:white" |Amethyst ||<tt>99 66 CC</tt>||<tt>153 102 204</tt> |-style="background:blueviolet;color:white" |BlueViolet ||<tt>8A 2B E2</tt>||<tt>138 43 226</tt> |-style="background:darkviolet;color:white" |DarkViolet ||<tt>94 00 D3</tt>||<tt>148 0 211</tt> |-style="background:darkorchid;color:white" |DarkOrchid ||<tt>99 32 CC</tt>||<tt>153 50 204</tt> |-style="background:darkmagenta;color:white" |DarkMagenta ||<tt>8B 00 8B</tt>||<tt>139 0 139</tt> |-style="background:purple;color:white" |Purple ||<tt>80 00 80</tt>||<tt>128 0 128</tt> |-style="background:indigo;color:white" |Indigo ||<tt>4B 00 82</tt>||<tt> 75 0 130</tt> |-style="background:slateblue;color:white" |SlateBlue ||<tt>6A 5A CD</tt>||<tt>106 90 205</tt> |-style="background:darkslateblue;color:white" |DarkSlateBlue ||<tt>48 3D 8B</tt>||<tt> 72 61 139</tt> |-style="background:mediumslateblue;color:white" |MediumSlateBlue ||<tt>7B 68 EE</tt>||<tt>123 104 238</tt> |} | {| |- !style="background:lightgrey"|[[HTML]] name !style="background:lightgrey"|[[Hexadecimal|Hex]] [[code]]<br>[[RGB color model|R G B]] !style="background:lightgrey"|Decimal [[code]]<br>[[RGB color model|R G B]] |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Green colors'''</big> |-style="background:greenyellow;color:black" |GreenYellow ||<tt>AD FF 2F</tt>||<tt>173 255 47</tt> |-style="background:chartreuse;color:black" |Chartreuse ||<tt>7F FF 00</tt>||<tt>127 255 0</tt> |-style="background:lawngreen;color:black" |LawnGreen ||<tt>7C FC 00</tt>||<tt>124 252 0</tt> |-style="background:lime;color:black" |Lime ||<tt>00 FF 00</tt>||<tt> 0 255 0</tt> |-style="background:limegreen;color:black" |LimeGreen ||<tt>32 CD 32</tt>||<tt> 50 205 50</tt> |-style="background:palegreen;color:black" |PaleGreen ||<tt>98 FB 98</tt>||<tt>152 251 152</tt> |-style="background:lightgreen;color:black" |LightGreen ||<tt>90 EE 90</tt>||<tt>144 238 144</tt> |-style="background:mediumspringgreen;color:black" |MediumSpringGreen ||<tt>00 FA 9A</tt>||<tt> 0 250 154</tt> |-style="background:springgreen;color:black" |SpringGreen ||<tt>00 FF 7F</tt>||<tt> 0 255 127</tt> |-style="background:mediumseagreen;color:white" |MediumSeaGreen ||<tt>3C B3 71</tt>||<tt> 60 179 113</tt> |-style="background:seagreen;color:white" |SeaGreen ||<tt>2E 8B 57</tt>||<tt> 46 139 87</tt> |-style="background:forestgreen;color:white" |ForestGreen ||<tt>22 8B 22</tt>||<tt> 34 139 34</tt> |-style="background:green;color:white" |Green ||<tt>00 80 00</tt>||<tt> 0 128 0</tt> |-style="background:darkgreen;color:white" |DarkGreen ||<tt>00 64 00</tt>||<tt> 0 100 0</tt> |-style="background:yellowgreen;color:white" |YellowGreen ||<tt>9A CD 32</tt>||<tt>154 205 50</tt> |-style="background:olivedrab;color:white" |OliveDrab ||<tt>6B 8E 23</tt>||<tt>107 142 35</tt> |-style="background:olive;color:white" |Olive ||<tt>80 80 00</tt>||<tt>128 128 0</tt> |-style="background:darkolivegreen;color:white" |DarkOliveGreen ||<tt>55 6B 2F</tt>||<tt> 85 107 47</tt> |-style="background:mediumaquamarine;color:black" |MediumAquamarine ||<tt>66 CD AA</tt>||<tt>102 205 170</tt> |-style="background:darkseagreen;color:white" |DarkSeaGreen ||<tt>8F BC 8F</tt>||<tt>143 188 143</tt> |-style="background:lightseagreen;color:white" |LightSeaGreen ||<tt>20 B2 AA</tt>||<tt> 32 178 170</tt> |-style="background:darkcyan;color:white" |DarkCyan ||<tt>00 8B 8B</tt>||<tt> 0 139 139</tt> |-style="background:teal;color:white" |Teal ||<tt>00 80 80</tt>||<tt> 0 128 128</tt> |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Blue colors'''</big> |-style="background:aqua;color:black" |Aqua ||<tt>00 FF FF</tt>||<tt> 0 255 255</tt> |-style="background:cyan;color:black" |Cyan ||<tt>00 FF FF</tt>||<tt> 0 255 255</tt> |-style="background:lightcyan;color:black" |LightCyan ||<tt>E0 FF FF</tt>||<tt>224 255 255</tt> |-style="background:paleturquoise;color:black" |PaleTurquoise ||<tt>AF EE EE</tt>||<tt>175 238 238</tt> |-style="background:aquamarine;color:black" |Aquamarine ||<tt>7F FF D4</tt>||<tt>127 255 212</tt> |-style="background:turquoise;color:black" |Turquoise ||<tt>40 E0 D0</tt>||<tt> 64 224 208</tt> |-style="background:mediumturquoise;color:white" |MediumTurquoise ||<tt>48 D1 CC</tt>||<tt> 72 209 204</tt> |-style="background:darkturquoise;color:white" |DarkTurquoise ||<tt>00 CE D1</tt>||<tt> 0 206 209</tt> |-style="background:cadetblue;color:white" |CadetBlue ||<tt>5F 9E A0</tt>||<tt> 95 158 160</tt> |-style="background:steelblue;color:white" |SteelBlue ||<tt>46 82 B4</tt>||<tt> 70 130 180</tt> |-style="background:lightsteelblue;color:black" |LightSteelBlue ||<tt>B0 C4 DE</tt>||<tt>176 196 222</tt> |-style="background:powderblue;color:black" |PowderBlue ||<tt>B0 E0 E6</tt>||<tt>176 224 230</tt> |-style="background:lightblue;color:black" |LightBlue ||<tt>AD D8 E6</tt>||<tt>173 216 230</tt> |-style="background:skyblue;color:black" |SkyBlue ||<tt>87 CE EB</tt>||<tt>135 206 235</tt> |-style="background:lightskyblue;color:black" |LightSkyBlue ||<tt>87 CE FA</tt>||<tt>135 206 250</tt> |-style="background:deepskyblue;color:white" |DeepSkyBlue ||<tt>00 BF FF</tt>||<tt> 0 191 255</tt> |-style="background:dodgerblue;color:white" |DodgerBlue ||<tt>1E 90 FF</tt>||<tt> 30 144 255</tt> |-style="background:cornflowerblue;color:white" |CornflowerBlue ||<tt>64 95 ED</tt>||<tt>100 149 237</tt> |-style="background:mediumslateblue;color:white" |MediumSlateBlue ||<tt>7B 68 EE</tt>||<tt>123 104 238</tt> |-style="background:royalblue;color:white" |RoyalBlue ||<tt>41 69 E1</tt>||<tt> 65 105 225</tt> |-style="background:blue;color:white" |Blue ||<tt>00 00 FF</tt>||<tt> 0 0 255</tt> |-style="background:mediumblue;color:white" |MediumBlue ||<tt>00 00 CD</tt>||<tt> 0 0 205</tt> |-style="background:darkblue;color:white" |DarkBlue ||<tt>00 00 8B</tt>||<tt> 0 0 139</tt> |-style="background:navy;color:white" |Navy ||<tt>00 00 80</tt>||<tt> 0 0 128</tt> |-style="background:midnightblue;color:white" |MidnightBlue ||<tt>19 19 70</tt>||<tt> 25 25 112</tt> |} | {| |- !style="background:lightgrey"|[[HTML]] name !style="background:lightgrey"|[[Hexadecimal|Hex]] [[code]]<br>[[RGB color model|R G B]] !style="background:lightgrey"|Decimal [[code]]<br>[[RGB color model|R G B]] |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Brown colors'''</big> |-style="background:cornsilk;color:black" |Cornsilk ||<tt>FF F8 DC</tt>||<tt>255 248 220</tt> |-style="background:blanchedalmond;color:black" |BlanchedAlmond ||<tt>FF EB CD</tt>||<tt>255 235 205</tt> |-style="background:bisque;color:black" |Bisque ||<tt>FF E4 C4</tt>||<tt>255 228 196</tt> |-style="background:navajowhite;color:black" |NavajoWhite ||<tt>FF DE AD</tt>||<tt>255 222 173</tt> |-style="background:wheat;color:black" |Wheat ||<tt>F5 DE B3</tt>||<tt>245 222 179</tt> |-style="background:burlywood;color:white" |BurlyWood ||<tt>DE B8 87</tt>||<tt>222 184 135</tt> |-style="background:tan;color:white" |Tan ||<tt>D2 B4 8C</tt>||<tt>210 180 140</tt> |-style="background:rosybrown;color:white" |RosyBrown ||<tt>BC 8F 8F</tt>||<tt>188 143 143</tt> |-style="background:sandybrown;color:white" |SandyBrown ||<tt>F4 A4 60</tt>||<tt>244 164 96</tt> |-style="background:goldenrod;color:white" |Goldenrod ||<tt>DA A5 20</tt>||<tt>218 165 32</tt> |-style="background:darkgoldenrod;color:white" |DarkGoldenrod ||<tt>B8 86 0B</tt>||<tt>184 134 11</tt> |-style="background:Peru;color:white" |Peru ||<tt>CD 85 3F</tt>||<tt>205 133 63</tt> |-style="background:chocolate;color:white" |Chocolate ||<tt>D2 69 1E</tt>||<tt>210 105 30</tt> |-style="background:saddlebrown;color:white" |SaddleBrown ||<tt>8B 45 13</tt>||<tt>139 69 19</tt> |-style="background:sienna;color:white" |Sienna ||<tt>A0 52 2D</tt>||<tt>160 82 45</tt> |-style="background:brown;color:white" |Brown ||<tt>A5 2A 2A</tt>||<tt>165 42 42</tt> |-style="background:maroon;color:white" |Maroon ||<tt>80 00 00</tt>||<tt>128 0 0</tt> |- |colspan="3" style="background:whitesmoke;color:slategray;text-align:left"|<big>'''White colors'''</big> |-style="background:white;color:black" |White ||<tt>FF FF FF</tt>||<tt>255 255 255</tt> |-style="background:snow;color:black" |Snow ||<tt>FF FA FA</tt>||<tt>255 250 250</tt> |-style="background:honeydew;color:black" |Honeydew ||<tt>F0 FF F0</tt>||<tt>240 255 240</tt> |-style="background:mintcream;color:black" |MintCream ||<tt>F5 FF FA</tt>||<tt>245 255 250</tt> |-style="background:azure;color:black" |Azure ||<tt>F0 FF FF</tt>||<tt>240 255 255</tt> |-style="background:aliceblue;color:black" |AliceBlue ||<tt>F0 F8 FF</tt>||<tt>240 248 255</tt> |-style="background:ghostwhite;color:black" |GhostWhite ||<tt>F8 F8 FF</tt>||<tt>248 248 255</tt> |-style="background:whitesmoke;color:black" |WhiteSmoke ||<tt>F5 F5 F5</tt>||<tt>245 245 245</tt> |-style="background:seashell;color:black" |Seashell ||<tt>FF F5 EE</tt>||<tt>255 245 238</tt> |-style="background:beige;color:black" |Beige ||<tt>F5 F5 DC</tt>||<tt>245 245 220</tt> |-style="background:oldlace;color:black" |OldLace ||<tt>FD F5 E6</tt>||<tt>253 245 230</tt> |-style="background:floralwhite;color:black" |FloralWhite ||<tt>FF FA F0</tt>||<tt>255 250 240</tt> |-style="background:ivory;color:black" |Ivory ||<tt>FF FF F0</tt>||<tt>255 255 240</tt> |-style="background:antiquewhite;color:black" |AntiqueWhite ||<tt>FA EB D7</tt>||<tt>250 235 215</tt> |-style="background:linen;color:black" |Linen ||<tt>FA F0 E6</tt>||<tt>250 240 230</tt> |-style="background:lavenderblush;color:black" |LavenderBlush ||<tt>FF F0 F5</tt>||<tt>255 240 245</tt> |-style="background:mistyrose;color:black" |MistyRose ||<tt>FF E4 E1</tt>||<tt>255 228 225</tt> |- |colspan=3 style="background:whitesmoke;color:slategray;text-align:left"|<big>'''Grey colors'''</big> |-style="background:gainsboro;color:black" |Gainsboro ||<tt>DC DC DC</tt>||<tt>220 220 220</tt> |-style="background:lightgray;color:black" |LightGray ||<tt>D3 D3 D3</tt>||<tt>211 211 211</tt> |-style="background:lightgrey;color:black" |LightGrey ||<tt>D3 D3 D3</tt>||<tt>211 211 211</tt> |-style="background:silver;color:black" |Silver ||<tt>C0 C0 C0</tt>||<tt>192 192 192</tt> |-style="background:darkgray;color:black" |DarkGray ||<tt>A9 A9 A9</tt>||<tt>169 169 169</tt> |-style="background:darkgrey;color:black" |DarkGrey ||<tt>A9 A9 A9</tt>||<tt>169 169 169</tt> |-style="background:gray;color:white" |Gray ||<tt>80 80 80</tt>||<tt>128 128 128</tt> |-style="background:grey;color:white" |Grey ||<tt>80 80 80</tt>||<tt>128 128 128</tt> |-style="background:dimgray;color:white" |DimGray ||<tt>69 69 69</tt>||<tt>105 105 105</tt> |-style="background:dimgrey;color:white" |DimGrey ||<tt>69 69 69</tt>||<tt>105 105 105</tt> |-style="background:lightslategray;color:white" |LightSlateGray ||<tt>77 88 99</tt>||<tt>119 136 153</tt> |-style="background:lightslategrey;color:white" |LightSlateGrey ||<tt>77 88 99</tt>||<tt>119 136 153</tt> |-style="background:slategray;color:white" |SlateGray ||<tt>70 80 90</tt>||<tt>112 128 144</tt> |-style="background:slategrey;color:white" |SlateGrey ||<tt>70 80 90</tt>||<tt>112 128 144</tt> |-style="background:darkslategray;color:white" |DarkSlateGray ||<tt>2F 4F 4F</tt>||<tt> 47 79 79</tt> |-style="background:darkslategrey;color:white" |DarkSlateGrey ||<tt>2F 4F 4F</tt>||<tt> 47 79 79</tt> |-style="background:black;color:white" |Black ||<tt>00 00 00</tt>||<tt> 0 0 0</tt> |} |} =='''<FONT COLOR="#336600">Autres insertions possibles</FONT>'''== ==='''<FONT COLOR="#CC9933">Textes encadrés</FONT>'''=== Il est possible d''''encadrer son texte''' par un fond coloré. Par exemple: <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> '''Voici le code à utiliser:''' <pre><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></pre> ''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, [http://en.wikipedia.org/wiki/RGB c'est par ici].''<br /> '''1. background-color''': La couleur de fond du menu (div).<br /> '''2. color''': Couleur du texte.<br /> '''3. border''': Donné en 3 codes: Largeur des bordures en Pixels ... Style de bordure ... et enfin la couleur.<br /> '''4. font-family''': Style de la trame.<br /> '''5. font-size''': Taille de la trame.<br /><br /> ==='''<FONT COLOR="#CC9933">Menus déroulants</FONT>'''=== <!-- Introduction to CSS --> 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.<br/> <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> Voici le code pour obtenir cette barre de déroulement: <pre><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></pre> '''1. background-color''': La couleur de fond du menu (div).<br /> '''2. color''': Couleur du texte.<br /> '''3. border''': Donné en 3 codes: Largeur des bordures en Pixels ... Style de bordure ... et enfin la couleur.<br /> '''4. font-family''': Style de la trame.<br /> '''5. font-size''': Taille de la trame.<br /><br /> Pour plus d'info sur le language CSS: [http://en.wikipedia.org/wiki/Cascading_Style_Sheets Cascading Style Sheets (CSS) Wikipedia]<br/> ==='''<FONT COLOR="#CC9933">Voici un autre exemple de Menu déroulant</FONT>'''=== 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 ...<br /> <div style="width: 100%; height: 100px; overflow: auto; border: 1px solid rgb(0,0,0); background-color: rgb(255,255,255); 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;"> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Tu m'as trouvé! </div> Çà 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.<br /> <pre><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> </pre> 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.''' ==='''<FONT COLOR="#CC9933">Pour la Mise en Page des paragraphes de Profil</FONT>'''=== ====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: <pre><center><br /> Mettez ici tous les éléments que vous voulez centrer </center><br /></pre> {{Mode d Emploi}} [[Category:Conseils]] [[Category:Français]]
Summary:
Please note that all contributions to Trustroots Wiki may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see
Trustroots Wiki:Copyrights
for details).
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Page included on this page:
Template:Mode d Emploi
(
edit
)
This page is a member of a hidden category:
Category:Pages with broken file links
Navigation menu
Page actions
Page
Discussion
Read
Edit
History
Page actions
Page
Discussion
More
Tools
Personal tools
Not logged in
Talk
Contributions
Log in
Navigation
Trustroots.org
Main page
Recent changes
Random page
Help
Special pages
Search
Tools
What links here
Related changes
Page information
