The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Out coding

2 posters

Go down

Out coding Empty Out coding

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

Out coding 14uysg6

how to have something spcial?
like in ego-one?
Yakko!
Yakko!
Forumember

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

Back to top Go down

Out coding Empty Re: Out coding

Post by Vlajki 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
Vlajki
Forumember

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

Back to top Go down

Out coding Empty Re: Out coding

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

Yakko!
Yakko!
Forumember

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

Back to top Go down

Out coding Empty Re: Out coding

Post by Guest 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!
avatar
Guest
Guest


Back to top Go down

Back to top

- Similar topics

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