Unknown
On Friday, 29 June 2012
Demo:
<style type="text/css">
.friendsbanners{
border-top-left-radius:14px;
border-bottom-left-radius:14px;
box-shadow:5px 10px 15px rgba(70,0,130,.82);
}
.friendsbanners img{
border-top-right-radius:14px;
border-bottom-left-radius:14px;
box-shadow:2px 4px 8px rgba(70,0,130,.82);
}
</style>
<input id="spfriendsb" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = 'Friends Banner'; this.value = 'Friends Banner'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = 'Friends Banner'; this.value = 'Friends Banner'; }" style="background: -moz-gradient(linear, center top, center bottom, from(#888888), to(#575757)); background: -moz-linear-gradient(-90deg, #888888, #575757) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, center top, center bottom, from(#888888), to(#575757)); background: -webkit-linear-gradient(-90deg, #888888, #575757) repeat scroll 0 0 transparent; border-radius: 10px; border: 0px; color: white; font-family: 'black ops one', cursive; font-size: 20px; height: 40px; margin: 2px; padding: 4px; text-align: center; width: 220px;" type="button" value="Friends Banner" />
<br />
<div>
<div style="display: none;">
<div class="friendsbanners" style="background: rgba(0,0,0,.82); border: 3px solid rgba(70,0,140,.62); clear: both; height: 220px; overflow: auto; text-align: center; width: 220px;">
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
<a href="[URL]" target="_blank" title="Blogname">[Content]</a>
</div>
</div>
</div>