 |
|
 |
|
Mark
Site Admin
Joined: 18 Sep 2005
Posts: 449
|
|
 |
|
 |
|
 Posted: Wed Sep 20, 2006 5:52 pm Post subject: How to Integrate your List with your Website/Domain |
 |
|
We have several ideas about how you can integrate your top site list with your existing website or domain name, depending on what you want to achieve.
Note, you will need to already be familiar with how to create webpages, and use FTP or other file managers to upload webpage files into your hosting account.
Simple link from your webpage to your List
The simplest option is to simply create a link from your existing website to your list. You can use the following HTML code in any part of your website to achieve this...
| Code: |
<a href="http://YOUR-LIST-HERE.top-site-list.com">Top Site List</a>
|
Replace the text that says "YOUR-LIST-HERE" with your list's access name, such that this is the URL of your top site list.
Redirect from your webpage to your List
This is a simple technique that allows you to create a page that simply "redirects" the user from a page on your website to the homepage of your top site list. Create a new webpage with the following contents, modified as instructed. This file could be your website's homepage (index.html) or other page (list.html, for example)...
| Code: |
<html>
<head>
<meta http-equiv="refresh" content="0;url=http://YOUR-LIST-HERE.top-site-list.com/">
</head>
</html>
|
Replace the text that says "YOUR-LIST-HERE" with your list's access name, such that this is the URL of your top site list.
Next upload this file to the root WWW directory of your webhosting account and you are done. When the user visits this page on your website, the URL will be automatically changed to your top site's URL.
Put your List on your Domain Name
Perhaps you have a domain name that you would like to see your list appear at, this quick guide will show you a way to make it appear that your list is hosted right on your domain.
Let's assume you want the homepage of your domain to be your list. So, create a file called index.html with the following contents, modified as instructed.
| Code: |
<html>
<head>
<title>YOUR-TITLE-HERE</title>
</head>
<frameset rows="100%" scrolling="yes" border="0">
<frame src="http://YOUR-LIST-HERE.top-site-list.com/" marginwidth="0" marginheight="0" frameborder="0">
</frameset>
</html>
|
Replace the text that says "YOUR-TITLE-HERE" with your desired page title.
Replace the text that says "YOUR-LIST-HERE" with your list's access name, such that this is the URL of your top site list.
Next upload this file to the root WWW directory of your webhosting account and you are done. Now, visiting this page on your domain name, will present your list with no visible redirection.
No matter which integration option you choose above, you may want to take the additional step of visually integrating your list so that it has a similar appearance as your existing website. If so, read on...
Integrate your List with your Website's Existing Style
Although many top site list administrators use their list as a fully functional stand-alone website in Portal Mode (with Top List, Shout Box, Full phpBB Forum, Polls and custom HTML areas), we do provide a way to "skin" your list with your existing website's layout.
To do this, you will need to use the Custom HTML Module, which strips away the module-based layout of Portal Mode, and instead provides a basic list layout. Use the Header and Footer HTML blocks to surround your list with similar HTML that you use on your own website.
For example, if your website is organized like this:
HEADER (meta info, logo, navigation, etc.)
CONTENT
FOOTER (extra links, copyright, etc.)
then simply place your HEADER HTML in the Header HTML Block and your FOOTER HTML in the Footer HTML Block.
If your website uses a left or right side vertical navigation menu, then just use HTML tables in both Header and Footer HTML Blocks to achieve the desired layout.
If your HTML refers to local elements like pictures, style sheets, etc, just modify the paths to be complete URLs, so that these elements can be presented correctly in your remotely hosted top site list pages.
With this technique it's possible to provide virtually seamless visual integration with your list into your website.
See the Custom Layout section of our Top Site List Configuration Guide for more details. |
|
FAQ 
Log in to check your private messages 
