User ManualEmail Discussion Group User Guide ReferencesHow to show Web Archives on your website using iFrame

How to show Web Archives on 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.

If you prefer, you can 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