WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Solved Floating twitter followers box Wed Mar 21, 2012 6:07 am

medlsc

medlsc
Registered Member
Registered Member
As the previous post "Facebook Like at the side of every page" from magicm00n. i found a code for the twitter.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("http://2.bp.blogspot.com/-vurRhxn0aJA/TvCvyxkOm_I/AAAAAAAAA0k/3stDSZYMdVg/s1600/twitterbox.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:60%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("demiscy");</script></div><div style="font-size:10px;">
<a href="http://greekpcblog.com/?p=775" target="_blank">Add to your site</a>
</div></div>

i put the code into the annoucement but i have a problem. I see the picture at the right side of my forum but the floating doesn't work . Why this is happen ?

Look my tets forum http://proxeirooo.forumgreek.com/

i found one more script

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("http://2.bp.blogspot.com/-vurRhxn0aJA/TvCvyxkOm_I/AAAAAAAAA0k/3stDSZYMdVg/s1600/twitterbox.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:60%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("demiscy");</script></div><div style="font-size:10px;">
<a href="http://greekpcblog.com/?p=775" target="_blank">Add to your site</a>
</div>

http://med-lab-scietists.free-forums.biz/

2Solved Re: Floating twitter followers box Wed Mar 21, 2012 8:51 am

ankillien

ankillien
Administrator
Administrator
In the code, try replacing all $ signs with jQuery and see if it works.

3Solved Re: Floating twitter followers box Wed Mar 21, 2012 3:08 pm

medlsc

medlsc
Registered Member
Registered Member
ankillien it's working Smile

http://med-lab-scietists.free-forums.biz/

4Solved Re: Floating twitter followers box Wed Mar 21, 2012 3:18 pm

ankillien

ankillien
Administrator
Administrator
Try this code...

Code:
<script type="text/javascript">
jQuery(function() {
  jQuery(".twitterboxot").hover(
    function() {
        jQuery(this).stop().animate({right: "0"}, "medium");
    },
    function(){
        jQuery(this).stop().animate({right: "-250"}, "medium");
    }, 500);
});
</script>
<style type="text/css">
.twitterboxot{background: url("http://2.bp.blogspot.com/-vurRhxn0aJA/TvCvyxkOm_I/AAAAAAAAA0k/3stDSZYMdVg/s1600/twitterbox.png")
    no-repeat scroll left center transparent !important;
    display: block;
    float: right;
    height: 240px;
    padding: 0 5px 0 46px;
    width: 245px;
    z-index: 99999;
    position:fixed;
    right:-250px; top:60%;}</style><div class="twitterboxot"><div>
<script type="text/javascript"
    src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
    id="twitterfanbox"></div>
    <script type="text/javascript">fanbox_init("demiscy");</script></div><div style="font-size:10px;">
    <a href="http://greekpcblog.com/?p=775" target="_blank">Add to your site</a>
    </div></div>

5Solved Re: Floating twitter followers box Wed Mar 21, 2012 3:23 pm

medlsc

medlsc
Registered Member
Registered Member
one moment ankillien. the code is working but i don't see my twitter account. Look the test forum http://proxeirooo.forumgreek.com/

http://med-lab-scietists.free-forums.biz/

6Solved Re: Floating twitter followers box Wed Mar 21, 2012 3:26 pm

ankillien

ankillien
Administrator
Administrator
Edit this part in the code to add your twitter page...

Code:
fanbox_init("demiscy");

Add your twitter name inplace of demiscy.

7Solved Re: Floating twitter followers box Wed Mar 21, 2012 3:40 pm

medlsc

medlsc
Registered Member
Registered Member
I put ''medlabscforum' and''MedLabScForum'' and ''MedLaSc Forum'' and i don't see any change. Which is the correctly tweet username ?

http://med-lab-scietists.free-forums.biz/

8Solved Re: Floating twitter followers box Wed Mar 21, 2012 4:09 pm

ankillien

ankillien
Administrator
Administrator
Correct is the one that goes in your twitter page URL. I think it is this: medlabscforum

9Solved Re: Floating twitter followers box Fri Mar 23, 2012 5:20 am

medlsc

medlsc
Registered Member
Registered Member
thx ankillien Smile

http://med-lab-scietists.free-forums.biz/

10Solved Re: Floating twitter followers box Fri Mar 23, 2012 10:22 am

ankillien

ankillien
Administrator
Administrator
Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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