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!
love it – got it up and running
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 …
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.
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.
[...] If you do not know how to do this then please use the code from the following page: New Display Code for Blogroll [...]
This new code looks like it’s tops! I can’t wait to try it out.