The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Out coding

View previous topic View next topic Go down

Out coding

Post by Yakko! on January 25th 2011, 4:15 pm



how to have something spcial?
like in ego-one?

Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Out coding

Post by Vlajki on January 26th 2011, 11:55 pm

Can you give me the link to the live preview of 'that' thingy. I don't really quite know what's that.

Vlajki
Forumember

Male Posts : 724
Reputation : 359
Language : Serbian & English
Location : Serbia

Back to top Go down

Re: Out coding

Post by Yakko! on January 27th 2011, 2:11 pm


Yakko!
Forumember

Male Posts : 661
Reputation : -5
Language : Italian, english, Français

Back to top Go down

Re: Out coding

Post by Guest on February 12th 2011, 1:36 am

I helped with the original coding of that feature and have its original code from a year ago. I'm sure the people using it now have made it MUCH more advanced, so providing the original code shouldn't be an issue.

Code:
<script type="text/javascript">jQuery(function(){$('.trigger').click(function(){jQuery('.jalopanel').toggle('fast');jQuery(this).toggleClass('active');return false;});});</script>

<style type="text/css">
a.trigger {position: absolute;text-decoration: none;top: 50px;left: 0px;font-size: 16px;letter-spacing:-1px;font-family: verdana, helvetica, arial, sans-serif;color:#fff;padding: 5px 5px 5px 5px;font-weight: 700;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;display: block;}
.jalopanel {position: absolute;top: 50px;left: 50px;display: none;background: #000000;border:1px solid #111111;-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-bottomright: 8px;-webkit-border-bottom-right-radius: 8px;width: 500px;height: auto;padding: 4px 4px 4px 80px;filter: alpha(opacity=85);opacity: .85;}
.jalopanel a, .jalopanel a:visited {margin: 0;padding: 0;text-decoration: none;}
.jalopanel a:hover, .jalopanel a:visited:hover {text-decoration: none;}
</style>

<a class="trigger" href="/#"><img src="http://i50.tinypic.com/14uysg6.png" border="0" title="Social Bookmarks" /></a>
<div class="jalopanel" style="display:none;">
 <a href="http://twitter.com/XXXXXXXX" title="Follow us on Twitter" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/twitte10.png"></a>
 <a href="http://www.facebook.com/XXXXXXXX" title="Become a fan on Facebook" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/face10.png"></a>
 <a href="http://digg.com/submit?phase=2&url=XXXXXXXX" title="Digg it" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/digg11.png"></a>
 <a href="http://del.icio.us/post?url=XXXXXXXX" title="Share on Delicious" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/delici10.png"></a>
 <a href="http://www.stumbleupon.com/submit?url=XXXXXXXX" title="Share on StumbleUpon" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/su10.png"></a>
 <a href="http://technorati.com/faves/?add=XXXXXXXX" title="Share on Technorati" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/techn10.png"></a>
 <a href="http://www.newsvine.com/_tools/seed&save?u=XXXXXXXX" title="Share on NewsVine" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/vine10.png"></a>
 <a href="http://www.google.com/bookmarks/mark?op=add&bkmk=XXXXXXXX" title="Google Bookmark" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/google10.png"></a>
 <a href="https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en&top=0&url=XXXXXXXX" title="Share on Windows Live" target="_blank" rel="nofollow"><IMG src="http://i11.servimg.com/u/f11/11/91/65/81/wlm10.png"></a>
</div>

Fill in the "XXXXX" areas with the proper links to your forum. I have no idea whether the image links still work, so you may need new images as well. You can add this code in the announcement block, the homepage message, or in a template. Have fun!

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum