Script Placement

IAAM Radio

Paragon
Joined
Dec 24, 2011
Messages
1,201
Reaction score
0
FP$
2,268
Not sure this is the right place for this post if not, please move to the correct location.

Does, anyone know how this can be moved to the left, right or centered on the footer.

See www.itsallaboutmusic.net footer, I want to move it over a few spaces to the right.

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 5, interval: 30000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: true, loop: false, live: false, behavior: 'all' } }).render().setUser('IAAMRadio').start(); </script>


Thanks for the help.
 
Here are some codes that may work:

Center:
Code:
<div style="margin:auto;"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 5, interval: 30000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: true, loop: false, live: false, behavior: 'all' } }).render().setUser('IAAMRadio').start(); </script></div>

Right:
Code:
<div style="float:right;"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 5, interval: 30000, width: 250, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: true, loop: false, live: false, behavior: 'all' } }).render().setUser('IAAMRadio').start(); </script></div>

I'm not sure if they will work but give it a shot 😉
 
Hi,

The Float Right code works but the center does not, plus the float right buts the twitter box up against the edge of the site.

Many thanks for the code but do you have any other ideas?
 
Ah here this works for center:

Hope it helps others as well.

<style>
.twtr-widget {
text-align: center;
}
.twtr-doc {
text-align: left;
margin: auto;
}
</style>
 
Thanks for the comment but it's not any longer than here on FP or 90% of most sites.

Did you happen to have a suggestion to allow the script to indent vice being center?
 
Just saying you are starting out and perhaps grouping some of the like music types together would help you.

And i also wanted to tell you perhaps stacking the bottom stuff together. 3/2 per row. Less code, no hassle and better in my opinion.

Just came to me, make your widgets at the bottom flow together. You got green, blue, white, black and some more green.
 
Back
Top Bottom