Styling your referer list

Would you like creating a skin for JMediaPlayer?

Jenius 1.64:
multimedia file organizer, with a media player and more.
New version!
Several improvements and fixes

Software development
let me know your ideas for new freeware programs, or commission the development of a custom program for you

To customize the aspect of your referer list, you can insert in the page some CSS rules.

Example: the following CSS rules, if inserted in the HTML code before the referer list,...

<!-- BEGIN REFERER LIST STYLES -->
<style type="text/css">
<!--
.JSRef_top{
border-color: #E24CD0; border-width:1px; border-right-style:dashed;
border-left-style:dashed; border-top-style:dashed;
border-bottom-color:#000066; border-bottom-style:dotted;
}
.JSRef_cen{
overflow: auto; width: 300px; border-color: #E24CD0; border-width:1px; 
border-right-style:dashed; border-left-style:dashed; border-bottom-style:dashed;
}
.JSRef_num{
color:#000066;
}
.JSRef_sit{
font-size:small; font-style:italic;
}
.JSRef_bot{}
-->
</style>
<!-- END REFERER LIST STYLES -->

...will modify the aspect of this list:

The usable rules are:
JSRef_top = the header that contains 'Today referrals:'
JSRef_cen = contains the whole list. Here you can specify the max width to limit the size of the list.
JSRef_num = style of the hits number
JSRef_sit = style of the referral URL
JSRef_bot = the bottom

Add now to your site the list of referring sites of the day! Show your user (and yourself) how many and which sites talk about you.
Copy this HTML code and paste it without modifications in your web pages:

<!-- BEGIN REFERERS LIST CODE --> 
<script language="JavaScript" type="text/JavaScript" 
src="http://www.jockersoft.com/reflist/refEn.js"></script> 
<table><tr><td height="14" align="right" valign="bottom" class="JSRef_bot"> 
<a href="http://www.jockersoft.com/english/referer_list.php" 
title="Keep track of the sites that link you: add this referer list to your site"
target="_blank"><img src="http://www.jockersoft.com/images/reflistEn.png" 
alt="Referer List" border="0"></a> 
</td></tr></table>
<!-- END REFERERS LIST CODE -->

Referer list style