New Display Code for Blogroll
Updated: The Family-Friendly network has Moved to http://b-nn.com/index.php/ffnetwork-info/
I love this new option for displaying the Family-Friendly Blogroll. I haven’t added it to the JOIN page yet. I’ll do that as soon as I get a chance. I wanted to make it available now though to those who are interested. I’m guessing that a few of you will really like it.
This is what it will look like in your sidebar:
|
Like it? Thought so.
This is the code you’ll need:
blogroll code –>
<div style="width:100%; margin:6px 0 4px 0; background-color:#ffffff; -moz-border-radius: 8px !important;">
<center><a href="http://www.webexdesign.com/blog/family-friendly-network/"><img src="http://i150.photobucket.com/albums/s101/blogusage/ff-blogroll.gif"
border="0" alt="family-Friendly Network"/></a></center></div>
<center><a style="font-size:12px !important;" href="http://www.webexdesign.com/blog/family-friendly-network/">Join The Family-Friendly Network</a><br></center>
<div style="height:300px; scroll:auto; overflow:auto; margin: 4px 0 6px 0; padding: 8px 0 8px 4px;
font: 10px verdana,arial; font-weight: bold; line-height: 18px; text-align:left; background:#F4F4F4;
border-top: 1px solid #606060; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-left: 1px solid #606060; -moz-border-radius: 8px 8px 12px 12px;">
<marquee onmouseover=’this.stop()’ onmouseout=’this.start()’ height="300"
scrollAmount="2" scrollDelay="120" direction="up">
<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=35262d1ea94b3ccaa349b7df8b4465f9"></script>
</marquee>
</div>
<!–end blogroll code –>
It should resize to fit any sidebar perfectly. Hopefully!
September 13th, 2007 at 1:26 am
love it - got it up and running
September 30th, 2007 at 2:45 am
Howdy! I just emailed you to let you know about my moving my blog and giving you the new link. I LOVE this new display and have it up and running on my blog. One small problem though. For some oddball reason, when I mouseover, it doesn’t stop like it does with the one you have here … it just keeps going. Any way to fix this?
I copied the coding as is and haven’t messed with it at all …
October 9th, 2007 at 10:19 am
I love the scrolling display as well however I am having the same issue as Brandy above. Any help in solving this problem would be appreciated.
October 9th, 2007 at 10:46 am
Hi Eric,
I emailed Brandy on this a while back. Didn’t want you to think I never responded.
I use the Opera Browser and for me even this one doesn’t stop when moused over. There are so many different browsers, hosts, CSS styles and etc. used that, I’ll be honest, I can’t really help you. I never even knew the scrolling names stopped when moused over until Brandy mentioned it. I opened this page using Firefox and saw what she was talking about. I also checked others’ blogs who used this code and even using Firefox some pause on mouseover and some don’t. It may have something to do with the blogging platform use or your CSS code on your theme. Sorry, I wish I could be more helpful.
November 28th, 2007 at 8:55 pm
[…] If you do not know how to do this then please use the code from the following page: New Display Code for Blogroll […]
January 9th, 2008 at 12:22 am
This new code looks like it’s tops! I can’t wait to try it out.