Site of the day service

The display at right is actually presented via javascript and can be used anywhere on any site to present a site of the day service. So if you are interested in having a steady stream of nice sites linked through your site this is the perfect little tool to do so. You don't have to maintain anything. Just plug the javascript reference into your page and it will be taken care of. We don't even route the links through our site for any reason. The only mark we leave on it is the powered by the Daily Slurp at the bottom. This is intended to be as unobtrusive, and hopefully useful as possible.

The box displays the selected site for the day. These sites will always be of the highest quality and are entirely geared towards those interested in ascetically pleasing designs. Not to be confused with the Mini Slurp service which displays a random selection of today's links. Any comments or thoughts are welcome.

Get The Script

Base script with default 200x150 thumbnail

<script language="JavaScript" type="text/javascript" src="http://www.dailyslurp.com/sod/sodjs.aspx"></script>

Script for smaller 100x75 thumbnails

<script language="JavaScript" type="text/javascript" src="http://www.dailyslurp.com/sod/sodjs.aspx?size=s"></script>

Script for larger 400x300 thumbnails

<script language="JavaScript" type="text/javascript" src="http://www.dailyslurp.com/sod/sodjs.aspx?size=l"></script>

 

Script Variables

size = sets the size of the thumbnail. 200x150 is the default. s = small (100x75) & l = large (400x300)

Style It

Add a bit of css to dress it up if you like. This is the style applied to the sample on this page. Use it as a template to work from:

/* THE DIV THAT HOLDS THE MINI SLURP */ .ds_minigallery{ background-color:#EEEEEE; border:solid 2px #777777; } /* THE LINK TAG THAT CONTAINS THE THUMBNAIL */ .ds_thumblink{ display:block; float:left; clear:both; margin:0; padding:0; } /* THE THUMBNAIL IMAGE */ .ds_thumb{ border:solid 2px #3399CC; margin:10px 10px 0 10px; float:left; clear:both; padding:0; } /* THE POWERED BY DESIGN MELT DOWN CONTAINER */ .ds_poweredby{ clear:both; display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-left:5px; padding-top:10px; } /* THE POWERED BY D.M.D. LINK */ .ds_poweredby a{ text-decoration:none; color:#3399CC; }

Credit

If you use this script on your page we only ask that you leave the reference in the remote slurp visible and clear to read.