Social Sidebar

[stormshadow]

I am having some trouble making a sidebar to put my twitter widget and Facebook widget on my website i know it involves CSS but i dont actually know how to make it work within my website...hers the code for both of the widgets...

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

<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

[2WDHost.com]

Hi stormshadow,

Can you post URL of your site so we will be able to see the problem?

[stormshadow]

This is the site so far
http://rmphoto.byethost7.com/

[2WDHost.com]

stormshadow,
There is no mentioned social sidebar code at http://rmphoto.byethost7.com
Can you add the code to your site, so we will be able to check why it doesn't work for you?

[JohnnyS]

Originally Posted by stormshadow

I am having some trouble making a sidebar to put my twitter widget and Facebook widget on my website i know it involves CSS but i dont actually know how to make it work within my website...hers the code for both of the widgets...

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

<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

as for the Twitter widget code you posted it should work fine..
as for the Facebook widget, i think it comes with a script tag that needs to be included first..

[stormshadow]

Thank you very much for that JhonnyS, it works but now the widget is at the bottom of the page and heres how it looks now http://rmphoto.byethost7.com and 2WDHost.com this one has the facebook widget in but its not showing up.

[2WDHost.com]

Originally Posted by stormshadow

it works but now the widget is at the bottom of the page

Simply put the widget code to the place whee you need it to be. If you are not sure where exactly it has to be placed, then let me know where you want the widget to be placed.

About FB widget, you don't have the script part of it. Go to http://developers.facebook.com/docs/...gins/like-box/ set the desired options, click "get code", and copy both parts.

[stormshadow]

2WDHost, i wanted both widgets to be put on top of each other, on the right side of the webpage and i fixed the facebook issue so its showing up now...but i still need hel positioning the sidebars to the side.http://rmphoto.byethost7.com/

[stormshadow]

Can anybody help me out in regards to my last post, to help me make a sidebar on my webpage in order to position my social widgets on the right side of my webpage ant the link is in my last post if you wanted to look at the site.

[2WDHost.com]

Originally Posted by stormshadow

Can anybody help me out in regards to my last post, to help me make a sidebar on my webpage in order to position my social widgets on the right side of my webpage ant the link is in my last post if you wanted to look at the site.

Hi.

Can you post a draft (picture) of the result you would like to have?

[J. H. Rasmussen]

May i add, what a messed up document.

It can be difficult to help you, since the document uses several invalid xhtml-tags and attributes. Helping you, would require the programmer to guess whether or not these tags and attributes work as they would with the right document-type there support them, which they probably do, even tho they should not.

Try using http://validator.w3.org/ with the url of your document and fix the errors and warnings.

I hope you don't take it the wrong way, as i am only trying to help.

[stormshadow]

Originally Posted by 2WDHost.com

Hi.

Can you post a draft (picture) of the result you would like to have?

I don't really know how i would go about doing that since that wasn't my initial plan before creating the website, all I wanted was to be able to put my two widgets, but if this helps I would like to place my widgets on the right of my transparent box just under the navigation bar, but it would look something like what i did on this site.
(see attatched file)

[2WDHost.com]

stormshadow,

1. Add "float:left;" to your "transbox" class.
2. Put social sidebar code into "div" and set "padding-top:30px;" style for that div.
3. Check if that looks like you need.