HTML Peeks: HTML News Style Link List

This script produces the news style link list at the bottom of the page in a Fabulous Fake: See Daily News & More - Fab Fakes

The "click" references in the http lines refer to paid click links put in by the advertiser in lieu of the correct links.

<div class="footer">
   <div class="fRef"><a href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp"><img src="http://www.blogger.com/files/default_mainlogo_sm.png" alt="News" id="abcnewslogo2" border="0" /></a>
     <div class="fRef-text"> External links are provided for reference purposes. This website is not
       responsible for the content of external Internet sites.</div>

     <div class="fRef-textQuotes">
       <p>Quotes
         delayed 15 minutes for NASDAQ. 20 minutes for NYSE and AMEX. Market
         Data provided by Interactive Data. Powered and implemented by Interactive Data Managed Solutions</p>
</div>
     <div class="fRef-text-arrow"> <a href="http://www.blogger.com/post-edit.do#top" title="Back to top">Back to top <img src="http://www.blogger.com/files/icon-arrow-up.gif" border="0" /></a> </div>
   </div>
   <div class="fNav">
     <h5>Topics</h5>

     <ul>
       <li><a name="lpos=nav[footer]&lid=section[News]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">News</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Politics]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Politics</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Blotter]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Blotter</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Health]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Health</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Entertainment]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Entertainment</a></li>

       <li><a name="lpos=nav[footer]&lid=section[Money]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Money</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Technology]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Technology</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Travel]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Travel</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Recipes]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Recipes</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Behind the Scenes]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Behind the Scenes</a></li>
     </ul>

   </div>
   <div class="fNav">
     <h5>Shows</h5>
     <ul>
       <li><a name="lpos=nav[footer]&lid=section[World News with Charles Gibson]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">World News with Charles Gibson</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Nightline]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Nightline</a></li>
       <li><a name="lpos=nav[footer]&lid=section[This Week with George Stephanopoulos]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">This Week with </a></li>

     </ul>
   </div>
   <div class="fNav">
     <h5>Tools</h5>
     <ul>
       <li><a name="lpos=nav[footer]&lid=section[Register]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Register</a></li>
       <li><a name="lpos=nav[footer]&lid=section[Sign In]" href="http://www.track606.com/click.track?CID=105762&AFID=35794&ADID=234656&SID=vp">Sign In</a></li>

I tried putting this into a blogger template, but had no luck saving it. I'd like to be able to figure out which piece of code will place the lists side by side and also give it a blue back ground.

HTML Peeks

Saturday, October 3, 2009

HTML News Style Link List

No comments: