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

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Twitter pop-up

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

1Solved Twitter pop-up Sun Apr 08, 2012 9:18 pm

Weatherman

Weatherman
Registered Member
Registered Member
Does anybody know how to add twitter pop-up like w ww.arsenal-serbia.com/forum/ index.php to my forum? Is it even possible on punBB?
Smile
I am new member and I can't post full links so that's why I cut the link like that..

http://www.nba-serbia.net

2Solved Re: Twitter pop-up Sun Apr 08, 2012 10:48 pm

ankillien

ankillien
Administrator
Administrator
Hi,

You can get code for such a widget from here:
https://twitter.com/about/resources/widgets/widget_faves

The show hide toggle can be done using jQuery Smile

3Solved Re: Twitter pop-up Mon Apr 09, 2012 4:38 am

Weatherman

Weatherman
Registered Member
Registered Member
Thanks, but does somebody knows how to do that?
I have no clue Very Happy

http://www.nba-serbia.net

4Solved Re: Twitter pop-up Mon Apr 09, 2012 1:48 pm

ankillien

ankillien
Administrator
Administrator
Here is the code...

Code:
<style>
#twitter { position: fixed; top: 45px; left: 10px; display:none; }
#twi-btn { position: fixed; top: 10px; left: 10px; cursor: pointer; padding: 5px; font-weight: bold; border: 1px solid #888; background: #eee; }
</style>

<script>
jQuery(function(){
jQuery('#twi-btn').click(function(){
jQuery('#twitter').toggle('slow');
});
});
</script>
<div id="twi-btn">Show Tweets</div>
<div id="twitter">

... YOUR TWITTER CODE HERE ...

</div>

5Solved Re: Twitter pop-up Tue Apr 10, 2012 6:45 pm

Weatherman

Weatherman
Registered Member
Registered Member
Thanks!
My twitter name is nbaserbia, can you add that like it should be added on the end of code? I think I know how it should be done but it will be better if you can write that. And do I add that code to index_body in templates or to widgets?

http://www.nba-serbia.net

6Solved Re: Twitter pop-up Tue Apr 10, 2012 11:14 pm

ankillien

ankillien
Administrator
Administrator
You can add the codes in widget.

To add your name just add this tag right before the last closing </div> tag.

Code:
<p>nbaserbia</p>

7Solved Re: Twitter pop-up Wed Apr 11, 2012 12:22 am

Weatherman

Weatherman
Registered Member
Registered Member
it doesn't work. Sad
go to nba-serbia.net to see what it looks like
do I have to add something more somewhere beside the code you gave which I places in widgets?

http://www.nba-serbia.net

8Solved Re: Twitter pop-up Wed Apr 11, 2012 10:07 am

ankillien

ankillien
Administrator
Administrator
Haven't you added the code that you got from twitter.com?
You need to add it in the place I have written "... YOUR TWITTER CODE HERE ..." and then it will work.

9Solved Re: Twitter pop-up Wed Apr 11, 2012 8:20 pm

Weatherman

Weatherman
Registered Member
Registered Member
Ok, now it's working but it's not quite as the one on w ww.arsenal-serbia.com/forum/ index.php. Thanks, this is good for a start. The only question I have left is this. Why it shows only my favorite tweets? I want it to show tweets of our followers and update it all the time. Is that possible?

http://www.nba-serbia.net

10Solved Re: Twitter pop-up Wed Apr 11, 2012 10:51 pm

ankillien

ankillien
Administrator
Administrator
Weatherman wrote:The only question I have left is this. Why it shows only my favorite tweets? I want it to show tweets of our followers and update it all the time. Is that possible?

Well, its upto code provided by twitter.com. You need to find such a code that displays followers and updates. Its must be available on twitter.com.

11Solved Re: Twitter pop-up Wed Apr 11, 2012 11:23 pm

Weatherman

Weatherman
Registered Member
Registered Member
Ok, thanks, you can lock this Very Happy

http://www.nba-serbia.net

12Solved Re: Twitter pop-up Wed Apr 11, 2012 11:38 pm

Nera

Nera
Technician
Technician
Locked

Sponsored content


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

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Twitter pop-up

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