Editing Comment bien compléter son profil (section)

=='''<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]]