La Home Page ou Page d'accueil

Je vais essayer de vous expliquer comment améliorer la présentation de votre page d'accueil ou Home Page souvent appellée HP.

Premierement, les modules se trouvant sur votre HP sont déplaçables en faisant glisser ceux ci par simple selection.
Ce qui vous permet déja de les disposer a votre convenance.

Ensuite dans le menu "edit" en haut a droite de chaque module vous pouver selectionner "Hide this Panel"(cacher ce module) ou "Show this Panel"(montrer ce module) ce qui vous permet de montrer les modules que vous désirez seulement et de cacher les autres, bien sur ils seront cachés pour vous aussi mais vous pourrez les afficher le temps de les consulter.

Vous avez donc déja la possibilité de formater la présentation de votre page.

Vous avez aussi les outils qui vous permettent de changer la couleur du texte et du fond de votre module,petite traduction:
-Header Texte color  = couleur du texte de l'entete du module.
-Header Background = couleur du fond de l'entete du module.
-Header default (reset) = permet de remettre les parametres par defaut de l'entete du module.
-Body Texte color  = couleur du texte du corp du module.
-Body Background = couleur du fond du corp du module(transparent par défaut).
-Body default (reset) = permet de remettre les parametres par defaut du module.
-Panel Border = Bordure choix de la couleur (pas de bordure par défaut).


Pour les plus expérimentés il est possible d'écrire dans chaque module et d'ajouter des fonctions web.
Pour écrire il suffit de taper du texte dans la zone "Edit custom HTML/CSS" et pour les fonctions web d'écrire avec les balises HTML.
(Une astuce pour ajouter des fonctions web vous pouvez utiliser un éditeur Web et coller le code dans la fenêtre du module).

Maintenant comme beaucoup vous aimeriez mettre une image ou une photo en fond d'écran?
Et bien on va essayer de décrire cette procédure simple mais un peut longue et rigoureuse.
tout d'abord il vous faut télécharger le fichier que vous voulez mettre en fond dans votre gallerie.
Pour cela il vous faut cliquer sur "View my pictures" a coté de votre présentation sur votre Page dans le module "About Me" ( a propos de moi).
Ensuite cliquer sur "Uploader une image"
Parcourir et choisir le fichier sur votre disque et cliquez sur "Ouvrir".
Attention taille maximum de l'image 1Mo.
Ensuite cliquez sur le bouton "Upload".
Entrez le nom de votre image.
Cliquez sur "Upload".
Et ensuite sur "Done".
Une fois cette première etape réalisé il vous faut revenir dans votre galerie et cliquer sur l'image en question, elle sera surment trop grande pour etre affichée il suffit de cliquer sur "Voir l'image en grand".
Une fois afficher il vous faut faire un clique droit sur l'image et selectionner propriété.
Une fenetre souvre et l'adresse de la photo se trouve en haut en face "Emplacement:" selectionnez toute la lignea partir de "http://......", meme ce qui n'est pas vu dans la fenetre et faite "Ctrl C" au clavier.
Ensuite fermez l'image et revenez a votre page d'acceuil.
Il y a un bouton "Edit" en haut a droite sous le menu IMVU sur votre page.
Dans ce menu il y a "Page Background" a selectionner.

Dans la fenetre en haut se trouve un emplacement ou vous pouvez coller votre adresse "URL for background image (set to no image)" en faisant "Ctrl V" au clavier, ensuite vous avez l'option pour cette image pour la rendre fixe sur l'écran "No scroling image:" ou mobile avec les module en la décochant.
Valider par "Save" et le tour est joué, sinon il y a une erreur dans la manipulation.

Voici pour les plus habitués les codes utilisé par une amie pour sa page, elle nous les fait partager avec une grande gentillesse.

Ci dessous, la liste de mes modifications...  Le plus simple étant par la suite de trouver un cours sur le css...
Par exemple ici ^^ http://www.aidenet.com/css/index.htm  (c'est ce que j'ai utilisé ^^)


<style>
/*permet de changer le curseur de la souris quand on navigue sur la page web*/
/*la liste peut être trouvé ici: http://www.w3schools.com/css/pr_class_cursor.asp  */
body {cursor:crosshair;}

/*avatar name title at top of page*/
/*Pour modifier la taille, la couleur, la police... */
#avatar_name {
color:#882200;
font-size:1.6em;
font-family:deroos,"Times New Roman",Sans-serif;
}


/*Code simple pour limiter la taille verticale de la fenetre My Messages */
#messages_panel {
height:500;
overflow:auto;
}


/* La liste des "pannel" avec l'option changement de police pour le titre */
#aboutme_panel TD.paneltitle, #gallery_panel TD.paneltitle, #messages_panel TD.paneltitle,
#blog_panel TD.paneltitle, #url_panel TD.paneltitle, #rss_panel TD.paneltitle,
#room_panel TD.paneltitle, #wishlist_panel TD.paneltitle, #tagcloud_panel TD.paneltitle,
#music_panel TD.paneltitle, #friends_panel TD.paneltitle, #visitors_panel TD.paneltitle,
#streetteam_panel TD.paneltitle, #stickers_panel TD.paneltitle, #collect_panel TD.paneltitle,
#cool_panel TD.paneltitle, #contact_panel TD.paneltitle, #rankings_panel TD.paneltitle
{font-family:deroos,"Times New Roman",Sans-serif;}

</style>

Merci à LadyAelia

Cet article n'est pas terminé