Comment faire votre propre mise en page pour Neopets

January 29

Le site Neopets est une communauté virtuelle des animaux qui habitent dans la «Terre de Neopia." Après avoir créé un Neopets compte gratuit, vous pouvez créer votre propre personnage Neopet unique et faire des amis avec d'autres Neopets. Vous serez assigné une page Web pour votre Neopet qui contient une disposition générale. Avec un peu de connaissance de HTML et CSS, ou un code de feuille de style en cascade, vous pouvez créer votre propre mise en page personnalisée afin que votre site se démarquer du reste.

Instructions

1 Créer un CSS pour donner votre page Neopets un look personnalisé. La feuille de style devrait inclure la couleur de police, couleur de fond et de l'espace de marge. Vous pouvez également placer une image de fond pour votre page en ajoutant une balise d'image d'arrière-plan à la CSS. Cela nécessitera une certaine connaissance du code CSS. Voir Ressources pour un modèle de CSS d'échantillon qui peut être utilisé pour votre page Neopets.

2 Créer des balises HTML diviseurs contenu pour contenir et diviser toutes les informations textuelles qui ira sur votre page Neopets. Les balises de division devraient commencer comme "<div id =" container ">" et se terminent par "</ div>." Placez les balises de division HTML immédiatement après la balise </ style> qui ferme le code CSS.

3 Placez les balises HTML entre le début et la fin balises de contenu de division de l'étape précédente. Les balises HTML doivent inclure l'en-tête, la barre latérale et le contenu. Par exemple, l'en-tête balise HTML doit apparaître comme "<div id =" header "> tapez le texte qui sera créé en haut de votre page ici </ div>". L'étiquette de la barre latérale doit apparaître comme "<div id =" sidebar "> inclure des liens pour votre menu de navigation ici </ div>". La balise de contenu doit apparaître comme "<div id =" content "> entrer tout le texte que vous souhaitez aller sur le corps de votre page ici </ div>".

4 Connectez-vous à votre compte Neopets. Cliquez sur "Mon compte" et "Panneau de configuration."

5 Cliquez sur le lien "Modifier Pet page" en bas de la page pour accéder à l'éditeur HTML Neopets.