How to Make Your Own Layout for Neopets
The Neopets website is a virtual community of pets who dwell in the "Land of Neopia." After creating a free Neopets account you can create your own unique Neopet character and make friends with other Neopets. You will be assigned a web page for your Neopet that contains a general layout. With a little knowledge of HTML and CSS, or cascading style sheet code, you can create your own customized layout so that your site will stand out from the rest.
Other People Are Reading
Instructions
-
-
1
Create a CSS to give your Neopets page a customized look. The style sheet should include font color, background color and margin space. You can also place a background image for your page by adding a background image tag to the CSS. This will require some knowledge of CSS code. See Resources for a sample CSS template that can be used for your Neopets page.
-
2
Create HTML content divider tags to contain and divide all of the textual information that will go on your Neopets page. The divider tags should begin as "<div id="container">" and end with "</div>." Place HTML divider tags immediately after the </style> tag that closes the CSS code.
-
-
3
Place HTML tags in between the beginning and ending content divider tags from the previous step. The HTML tags should include the header, sidebar and content. For example, the HTML header tag should appear as "<div id="header">type the text that will be created at the top of your page here</div>". The sidebar tag should appear as "<div id="sidebar">include links for your navigation menu here </div>". The content tag should appear as "<div id="content">enter all of the text you would like to go on the body of your page here </div>".
-
4
Log into your Neopets account. Click on "My Account" and "Control Panel."
-
5
Click on the "Edit Pet Page" link at the bottom of the page to access the Neopets HTML editor.
-
1
