Web Archives: Add to your website using iFrame.

The Searchable Web Archives are a Premium option at Mail-List.com. Your Mailing List archives appear in a page on our web server.

You can also display our web page inside one of your server's web pages.

This tutorial does require some editing of HTML & CSS code on your web server.

HTML Code needed

Use the following code on your website, replacing cns-listserv with the name of your List.

Use the following code on your website, replacing cns-listserv with the name of your list

iFrame

<iframe class="archive" src="http://archive.mail-list.com/cns-listserv"></iframe>

Replace "cns-listserv" with your list name.

For other iFrame attributes, please see HTML <iframe> Tag from w3schools.com.

CSS

Add the following CSS styles:

.archive {display:block;margin:0 auto;width:1017px;height:550px;overflow-x:hidden;border:none;}

How to change width and height on your web page

Change the archive width and height by adjusting values in the .archive line. Values are shown in pixels. Example below:

.archive {display:block;margin:0 auto;width:1017px;height:550px;overflow-x:hidden;border:none;}

How to change the background

Make the iFrame background transparent, to allow your web page colors to be shown.

<iframe allowtransparency="true" class="archive" src="http://archive.mail-list.com/cns-listserv"></iframe>

Web Page Example

Your web page will look like this