vb.org Archive - Prevent Oversized Images Breaking Message Tables & Sigs 2.1

Page 8 of 11

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.5 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=155)

- - Prevent Oversized Images Breaking Message Tables & Sigs 2.1 (https://vborg.vbsupport.ru/showthread.php?t=110310)

Freesteyelz

05-03-2006 03:37 AM

You're correct Kenn in that multiple classes can be done by placing a space between them. The problem, however, is that not all browsers will render it the same way (one reference is with IE 6 and IE 7); I'm referring to cross-variables and inheritance. Since I did not know what was contained in "satellite_postbit" the safer route was to use two <div> tags.

My statement was a bit misleading so I thank you for the clarification. Ohh and thank your for clicking "Install". :)

kennn

05-03-2006 04:41 AM

Quote:

Originally Posted by Freesteyelz

You're correct Kenn in that multiple classes can be done by placing a space between them. The problem, however, is that not all browsers will render it the same way (one reference is with IE 6 and IE 7); I'm referring to cross-variables and inheritance. Since I did not know what was contained in "satellite_postbit" the safer route was to use two <div> tags. My statement was a bit misleading so I thank you for the clarification.

Good point. I just thought I'd bring up that FYI as a lot of people don't realize you can list multiple classes like that. I know I was using CSS for a couple years before I discovered that "trick." I have three vbStyle skins myself (Element, Satellite and Aria) and they each use an additional class to set off the post text for formatting (which is a good idea and something I routinely add to my other skins). When I installed your hack, I just added your hidemsg class to the one that was already in there and it works like a charm.

Quote:

Originally Posted by Freesteyelz

Ohh and thank your for clicking "Install". :)

You're most welcome!

Freesteyelz

05-03-2006 05:54 AM

Yup. I need to be careful with my choice of wording (and spelling). :)

There's a powerful quality with CSS and like yourself I'm constantly finding new ways of implementing it. I'm glad to see another user who appreciates CSS and customizes it to suit his/her needs. :classic:

JaniU

05-08-2006 05:02 PM

Hey, this works just great in normal posts but it messes up the private messages. I have only modded the postpit legacy and added the css. It streches all private messages even though there is no pictures in them. First I didn't believe it was because of this, but after removing the CSS all pm's showed fine again... and put it back and again they streched, probably to the width set in the css.

Any ideas??

kennn

05-08-2006 05:16 PM

I ran into this, too. My first thought was to change width to auto, which seemed to work fine for any skin no matter how wide or narrow the post area and also for PMs but then I tried it in IE and discovered that, without a specific pixel width declared, IE does not display a scrollbar and merely pushes the post area wider.

What I then did was go back to using an actual pixel width (which I also discovered needs to be figured out individually per skin or things like CENTER tags do not look centered) and then added the conditional around class shown below...

Code:

<div id="post_message_$post[postid]" class="someclassname<if condition="THIS_SCRIPT != 'private'"> hidemsg</if>">$post[message]</div>

Note, that I already had a class in there so I wrapped the second hidemsg class in the if conditional to add it in only if not in a "private" area. I cannot take credit for that conditional, btw. I found that on the joindays hack because it also does not work properly in the PM area.

If you do not already have a class in there, it would look like this...

Code:

<div id="post_message_$post[postid]"<if condition="THIS_SCRIPT != 'private'"> class="hidemsg"</if>>$post[message]</div>

I'm not sure if this is the best way to do it but it works.

JaniU

05-08-2006 06:50 PM

Yeah that works, thanks!

Smiry Kin's

05-08-2006 08:50 PM

sorry noob question??

whats main CSS?? you on about vbulletin_editor.css?

Freesteyelz

05-08-2006 10:50 PM

@Smiry Kin's: Main CSS is located in...

Admin CP --> Styles & Templates --> Style Manager --> All Style Options --> Main CSS

Go all the way to the bottom for Additional CSS Definitions. :)

Quote:

Originally Posted by kennn

Code:

<div id="post_message_$post[postid]" class="someclassname<if condition="THIS_SCRIPT != 'private'"> hidemsg</if>">$post[message]</div>

Code:

<div id="post_message_$post[postid]"<if condition="THIS_SCRIPT != 'private'"> class="hidemsg"</if>>$post[message]</div>

I'm not sure if this is the best way to do it but it works.

Sweet. I did not factor in the private message section of the postbit so thank you kennn for your conditional. :) I've listed you in the Thank Yous and have linked your conditional in the Optional Modifications letter "D)". :classic:

UtahNissans

05-12-2006 09:58 PM

Another noob question, where is postbit legacy located? Also I added the following to my additional css

PHP Code:


		
			
.hideadvnews {

  width:auto;

  padding-bottom:20px;

  overflow:auto;

  overflow-x:auto;

  overflow-y:hidden;

  }

And the larger images still stretch the window out.

Freesteyelz

05-13-2006 12:46 AM

The codes are in two parts for each postbit that you want to control the images in. Without the postbit code it won't work. The CSS you've posted is for vBadvanced CMPS. That code is strictly for the Portal's news section.

For postbit_legacy, in your Admin CP go to:

Styles & Templates --> Style Manager --> All Style Options --> Edit Options --> Postbit Templates --> postbit_legacy

If you still need help let me know and I'll help you through it. :)

All times are GMT. The time now is 12:32 AM.

Page 8 of 11

« First

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01143 seconds Memory Usage 1,751KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (1)bbcode_php_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: