Tue, Dec 24, 10:25 PM CST

Renderosity Forums / Community Center



Welcome to the Community Center Forum

Forum Moderators: wheatpenny Forum Coordinators: Anim8dtoon

Community Center F.A.Q (Last Updated: 2024 Dec 24 5:51 am)

Forum news, updates, events, etc. Please sitemail any notices or questions for the staff to the Forum Moderators.



Subject: Widescreen Forum Display (CSS Script)


Acadia ( ) posted Wed, 15 June 2011 at 11:57 AM · edited Tue, 24 December 2024 at 10:23 PM

file_469906.jpg

Can someone who knows CSS scripting, please write a script for displaying the forum using widescreen?

Back when the forums turned to CSS scripting, those of us with widescreens had the forum squished into the middle instead of spread out across the widescreen monitor.

There was a CSS forum back then and several people wrote CSS scripts for widescreen monitor display. I had been using one. And it was working fine until yesterday when my forum started to display like the above picture:

Stacey discovered that removing the CSS from the forum options CSS style box corrected the problem. So I've done that.   But now I have small monitor display instead of wide screen display for the forums. Basically everything is squished in the middle with huge wide borders to the sides.

The way my forum was displaying until yesterday was like in the above image, only the forum  extended to the very edge of the right sidebar.  Basically, it filled my entire computer screen from left to right. 

I would like it to be returned to that display.  Only I've now lost the CSS code that I had been using, not that it was working anymore.

I cannot see the CSS forum anymore so I can't locate the scripting.

Can someone who knows CSS please write a script that will display the forums in widescreen view?

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



StaceyG ( ) posted Wed, 15 June 2011 at 2:01 PM

Let me see if I can find the thread you are looking for .  Give me a few and I'll let you know

 

 

Stac


StaceyG ( ) posted Wed, 15 June 2011 at 2:11 PM

Okay I put the CSS forum back open so you can search for what you are looking for. All the threads are archived so the best way to search is using the "Forum Search" and choosing the CSS forum, put css widescreen forum display or some kind of key words in the search field, put the dates like older than 500 day to newer than 4000 days or something unless you know a timeframe of when that was posted.  I found a bunch but I'm not sure exactly what you are looking for.

 

Let me know if you need help using the forum search:)

 

Stac


nruddock ( ) posted Wed, 15 June 2011 at 2:16 PM

So far I haven't found a way to get the stylesheet to override the explicit width on the table with style class "content_table".

If the width wasn't specified with an HTML attribute, the user stylesheet could be tweaked to widen the table so that it fills out the screen properly.


Acadia ( ) posted Wed, 15 June 2011 at 7:15 PM

Thanks Stacey!

I found the old script we were using.

http://www.renderosity.com/mod/forumpro/showthread.php?thread_id=2705092

 

table { width: 100%; }
.content_cell { background-image: none ; }
#topnavbar td table { width: 120; }
#topnavbar td { background-position: center center; }

 

But something happened yesterday to stop this from working for those of us who were using it.  Since yesterday when I have that in my CSS style box, it now pushes the forum all the way to the left and leaves 1/2 of my screen with a gradient border on the right. 

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



cherokee69 ( ) posted Thu, 16 June 2011 at 5:38 AM

Anyone come up with a solution yet? I sure haven't.


Acadia ( ) posted Thu, 16 June 2011 at 11:23 AM

nruddock had created the CSS script that I was using. Seems that RO is doing some site stuff and something was changed or added that prevents custom CSS scripting.

I'm hoping that this is resolved soon, because looking at a widescreen monitor with everything bunched in the middle with 1/2 of my screen being dead space is pretty annoying.

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



cherokee69 ( ) posted Thu, 16 June 2011 at 11:29 AM

Yeah, I'm getting tired of looking at everythink bunched up in to middle of my screen too with all that dead space on both sides.

Don't the people at Rosity realize that most people now probably have wide screen monitors since they have been on the marker for so long?


hoplaa ( ) posted Thu, 16 June 2011 at 11:44 AM

Here's a quick hack that needs work. I don't need this as I don't keep my browser window maximized, but maybe it helps :) I tested this with Stylish (Firefox addon). table.content_table * { background-image: none !important } table.outside_table { width: 100% !important; } table.content_table { width: 100% !important; } td.content_cell { width: 100% !important; max-width: 100% !important; }


Daymond42 ( ) posted Thu, 16 June 2011 at 11:54 AM

I'm curious, but is this also why the gallery isn't displaying images particularly well? I've got a huge amount of open space on the left, and then a horizontal scroll bar to see more of the image

 

Currently using Poser Pro 2012 (Display Units = feet)

AMD Phenom II 3.2ghz (6 cores)

8gb RAM

Windows 10 Pro 64bit


cherokee69 ( ) posted Thu, 16 June 2011 at 12:24 PM

Quote - I'm curious, but is this also why the gallery isn't displaying images particularly well? I've got a huge amount of open space on the left, and then a horizontal scroll bar to see more of the image

Yeo, looks like the same problem there too.


Acadia ( ) posted Thu, 16 June 2011 at 12:25 PM

Quote - I'm curious, but is this also why the gallery isn't displaying images particularly well? I've got a huge amount of open space on the left, and then a horizontal scroll bar to see more of the image

 

Yep.  Go and look in your gallery options and remove the CSS from it. It will display normally for a normal style monitor.

The techs have to look into why the custom CSS styles are no longer working.

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



Daymond42 ( ) posted Thu, 16 June 2011 at 12:31 PM

I'm gonna go on a limb here and assume that I'd need to have some CSS in that box to be able to remove it.

 

I've never touched that option before, and so there is nothing in it.

 

Currently using Poser Pro 2012 (Display Units = feet)

AMD Phenom II 3.2ghz (6 cores)

8gb RAM

Windows 10 Pro 64bit


cherokee69 ( ) posted Thu, 16 June 2011 at 12:34 PM · edited Thu, 16 June 2011 at 12:35 PM

Quote - Here's a quick hack that needs work. I don't need this as I don't keep my browser window maximized, but maybe it helps :) I tested this with Stylish (Firefox addon). table.content_table * { background-image: none !important } table.outside_table { width: 100% !important; } table.content_table { width: 100% !important; } td.content_cell { width: 100% !important; max-width: 100% !important; }

That worked but I had to change

td.content_cell { width: 100% !important; max-width: 100% !important; }

to

td.content_cell { width: 100% !important; max-width: 98% !important; }

The black background was too wide otherwise and was in the right hand navigation panel.

This works in the gallery too.


Acadia ( ) posted Thu, 16 June 2011 at 12:58 PM · edited Thu, 16 June 2011 at 1:02 PM

file_469927.jpg

 

 

 

table.content_table * { background-image: none !important }
table.outside_table { width: 100% !important; }
table.content_table { width: 100% !important; }
td.content_cell { width: 100% !important; max-width: 98% !important; }

 

Ok, this code does work.....sort of:

It expands the forum across the screen.  But it affects the reply box by removing the controls.

We also need fixes for the forum banner at the top and the link buttons above the forum.

This is what we were using previously.  It doesn't seem to work anymore.

#topnavbar td table { width: 120; }
#topnavbar td { background-position: center center; }

 

Please see the screen captures in this thread and the next for needed tweaks:

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



Acadia ( ) posted Thu, 16 June 2011 at 12:58 PM

file_469928.jpg

The reply box

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



Acadia ( ) posted Fri, 17 June 2011 at 9:39 AM

Anymore tweaks?

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



cherokee69 ( ) posted Fri, 17 June 2011 at 9:13 PM

Quote - Anymore tweaks?

That's what I was wondering too.


Tea_Rex ( ) posted Sat, 18 June 2011 at 2:52 PM

Hello!..

I have been off site for several weeks.

Came to the forum to see if there were any posts regarding the display issues in the galleries.  Full size image display causes the right nav' column to overlay the gallery image.

After reading the thread responses I checked the options to see about turning off CSS.  I could not find such an option.  I have never modified the default style sheet.

'Thought it better to leave a post than not.

Warm regards,

Terry

 

If at first you don't succeed, then skydiving definitely isn't for you.


Acadia ( ) posted Sat, 18 June 2011 at 7:26 PM

file_469988.jpg

> Quote - *Hello!..* > > I have been off site for several weeks. > > Came to the forum to see if there were any posts regarding the display issues in the galleries.  Full size image display causes the right nav' column to overlay the gallery image. > > After reading the thread responses I checked the options to see about turning off CSS.  I could not find such an option.  I have never modified the default style sheet. > > 'Thought it better to leave a post than not. > > *Warm regards,* > > Terry

It isn't an option to turn it off. It's text that is in the CSS Style box.  See the screen capture in this post and the next one for instructions on what to do.

 

 

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



Acadia ( ) posted Sat, 18 June 2011 at 7:27 PM

file_469989.jpg

Delete everything inside the box indicated with the red hand.

 

Then save your changes using the button below that box.

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



Acadia ( ) posted Sat, 18 June 2011 at 7:43 PM

There is now a fix for us widescreen users preferring to view the forum and gallery in widescreen.

This is the new script. It extends the page, it aligns the buttons and it doesn't affect the reply box. 

 

table { width: 100%; }
.content_cell { background-image: none; min-width: 98% !important; }
#topnavbar td table { width: 120; }
#topnavbar td { background-position: center center; }

Pasting that into the gallery options extends the gallery page as well.

"It is good to see ourselves as others see us. Try as we may, we are never
able to know ourselves fully as we are, especially the evil side of us.
This we can do only if we are not angry with our critics but will take in good
heart whatever they might have to say." - Ghandi



cherokee69 ( ) posted Sat, 18 June 2011 at 7:48 PM

Quote - There is now a fix for us widescreen users preferring to view the forum and gallery in widescreen.

This is the new script. It extends the page, it aligns the buttons and it doesn't affect the reply box. 

 

table { width: 100%; }
.content_cell { background-image: none; min-width: 98% !important; }
#topnavbar td table { width: 120; }
#topnavbar td { background-position: center center; }

 

Now, that's much more like what I'm use to seeing...THANKS.

Pasting that into the gallery options extends the gallery page as well.


Tea_Rex ( ) posted Sun, 19 June 2011 at 9:16 AM

Thank you, Acadia!

That worked quite well.  The galleries actually look better than they ever have with this fix.

Do you know if there is a way to display more than 3 gallery thumbs within a row. With the new CSS there is space for 5 thumbs. 

Again, thank you for the swift attention!  I appreciate the help.

With warm regards,

Terry

 

If at first you don't succeed, then skydiving definitely isn't for you.


StaceyG ( ) posted Sun, 19 June 2011 at 9:58 AM

Thank you for all the help to others Acadia!!


Privacy Notice

This site uses cookies to deliver the best experience. Our own cookies make user accounts and other features possible. Third-party cookies are used to display relevant ads and to analyze how Renderosity is used. By using our site, you acknowledge that you have read and understood our Terms of Service, including our Cookie Policy and our Privacy Policy.