Hey Jen, Shawn again. I am using that social media bar on my website www.boxingsocialist.com and when I'm at work on my 22 inch wide screen it shows perfect, but when I am at home on my 17 inch monitor/pc it does not show. It's there because when I hold my mouse over where it "should" be, it let's me know that there's a facebook, twitter, rss, and contact. Also I noticed that it does not show up on my 15.4 inch laptop screen either.

 

Any help would be appreciated !!!

Views: 321

Replies to This Discussion

And actually, pretty cool that your BODY onload is working. I would leave that for now, and just remove the HTML tags.

Not trying to scare you. Just saying that you don't need to add tags like this to your custom code box:

HTML

BODY

HEAD

because it is not built for this. On any website those tags are loaded first. Sadly the custom code box was built for the code in it to load last.

 

Not sure what you're asking on the floating space?

 

I think the issue on the Social Media is simply missing CSS, maybe?

 

I don't need to join yet, can see pretty much everything. ;-)

So should I go in there and remove anything that says html, body, and head ?????

 

I better copy and paste code to notepad first ... LOL

Yes, keep that notepad text file for backup, just in case. I would leave the body onload, it seems to be working fine.

That head is alexa code for ranking ...

 

body onload is for pop out chat window

This is what I have ... in Advanced CSS .......

 

/** Social Media SideBar **/
.share_outer_div:hover {
     filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;}
.share_outer_div{background:transparent

url(http://api.ning.com/files/eF9npG6-*WyDo50kjGUndAypr6lsawsrpkrQ5Q2q4...-

_ _

agjE*dt9umbEQwfEt-oX5KlTxyDQSO*2UI/socialmedia_dockbarg.png) no-repeat scroll left

_ _

top;height:185px;position:fixed;right:0;top:20%;width:52px;z-index:1000;

_ _

filter:alpha(opacity=90);
    -moz-opacity:.90;
    -khtml-opacity: .90;
    opacity: .90;}
.share_wrapper_div{background:transparent

_ _

url(http://api.ning.com/files/eF9npG6-*WyDo50kjGUndAypr6lsawsrpkrQ5Q2q4...-

_ _

agjE*dt9umbEQwfEt-oX5KlTxyDQSO*2UI/socialmedia_dockbarg.png) no-repeat scroll left

_ _

top;height:185px;}
.share_outer_div a{display:block;width:49px;height:45px;}
/** End Social Media SideBar **/

Strange ... I can see your floater on my 17 and 19 inch screen ...

 

for some reason it only display on my 22 wide screen ... man I am confused !! LOL

This is what I have ... in Advanced CSS .......

 

/** Social Media SideBar **/
.share_outer_div:hover {
     filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;}
.share_outer_div{background:transparent

url(http://api.ning.com/files/eF9npG6-*WyDo50kjGUndAypr6lsawsrpkrQ5Q2q4...-

_

agjE*dt9umbEQwfEt-oX5KlTxyDQSO*2UI/socialmedia_dockbarg.png) no-repeat scroll left

_

top;height:185px;position:fixed;right:0;top:20%;width:52px;z-index:1000;

_

filter:alpha(opacity=90);
    -moz-opacity:.90;
    -khtml-opacity: .90;
    opacity: .90;}
.share_wrapper_div{background:transparent

_

url(http://api.ning.com/files/eF9npG6-*WyDo50kjGUndAypr6lsawsrpkrQ5Q2q4...-

_

agjE*dt9umbEQwfEt-oX5KlTxyDQSO*2UI/socialmedia_dockbarg.png) no-repeat scroll left

_

top;height:185px;}
.share_outer_div a{display:block;width:49px;height:45px;}
/** End Social Media SideBar **/

I've also played with 20% with 50px but I didn't see a difference ...

 

I'm I missing something?

So others who might read this know - - I can't join sites for support unless you are a premium member as you are (get this request constantly). I will join your site, LOL. But as an Admin, I can only see the CSS. Let's do that first.
Thanks Jen ... I just made you an admin

Here's what has happened. You are grabbing code from the screen, instead of the attached text files, OR, you have "wrap" selected in notepad from the menu option "Format/Word Wrap". Also, if you grab code from screen and there is an image involved that has been uploaded to Ning, the image URL gets trashed.

Let me see if I can fix it. If not, you just need to grab the code from that attached text file for CSS and start over clean.

Let you know shortly,

Jen

RSS

Members

© 2019   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips