View Full Version : Css - Cascading Style Sheets
Marc 6th December 2003, 02:58 AM Atul - They're made major changes again. I can't get the outer border to show. If you see anything let me know. I may just revert all to the 'original' sytle and go at it again. I remember going through this before...
Also - I've been unable to connect to the vBulletin forums. I'm assuming they're undergoing a DOS attack... Their server has been dead slow the last few weeks anyway so I'm not sure what the scoop is.
Marc 6th December 2003, 03:14 AM I've got some of it figured out...
Atul Khandekar 6th December 2003, 03:33 AM Which particulaer style? Overall the looks are cool - but i'll look around and explore.
What's the patch on the right hand side of every post?
I too couldn't connect to vbulletin site at all yesterday..
Marc 6th December 2003, 01:02 PM I'm just fishing. Like I said, I reverted the style to the base style supplier by vB and am going from there. You seem to spot a lot of things so just let me know if you see anything.
As you probably noticed, there is a 'jump' menu for style on each page (I think on each page) at the bottom, so we may end up doing more with styles. You have two. What are your plans for them?
Atul Khandekar 9th December 2003, 04:34 AM ... so we may end up doing more with styles. You have two. What are your plans for them?
I believe there's one more change in the offing? Last time we went through a change, I remember you had mentioned a style with large fonts and such.. anyone wants that?
Claes Gefvenberg 9th December 2003, 05:02 AM I remember you had mentioned a style with large fonts and such.. anyone wants that?Not personally, but I do remember that some members have mentioned poor eyesight. A style with larger fonts could be a blessing for them, I suppose?
/Claes
Marc 9th December 2003, 07:11 AM These things will be relatively easy to do with styles.
Atul Khandekar 12th December 2003, 05:32 AM Marc,
Did you change some Table Width value? Suddenly the "What's going On?" table is appearing wider than others on my PC.
Marc 12th December 2003, 06:14 AM Marc,
Did you change some Table Width value? Suddenly the "What's going On?" table is appearing wider than others on my PC. I'll have to clue you in:
See:
http://www.vbulletin.com/forum/showthread.php?t=88013 (http://www.vbulletin.com/forum/showthread.php?p=570372#post570372)
Extra Styles
The 'vBulletin 3 Grey' and 'vBulletin Classic' styles available at vBulletin.com can be downloaded from here. (See the end of this post).
In order to make 'Liquid' (expanding width) versions of these styles, you will need to edit the Stylevars for each style and make the following changes:
Main Table Width: 100%
Form Width: auto
User Control Panel Form Width: auto
Atul Khandekar 12th December 2003, 06:32 AM I checked with all the available styles, the width of this table is more than the other tables (above & below it) and it was not so two days ago, hence the question.
I don't know what the problem is, but I have not been able to get the vBulletin site at all for the last whole week.
Atul Khandekar 12th December 2003, 02:31 PM I checked with all the available styles, the width of this table is more than the other tables (above & below it) and it was not so two days ago, hence the question.
I corected the FORUMHOME template in the Red Style.
Marc 12th December 2003, 03:08 PM They're yours so do as you please! I'll keep you posted on any 'significant' changes to the main 'English' style.
The vB site has been a pain. They claim intermittent DOS attacks, but I think their setup is undersized for the traffic it gets or something. I've been getting them OK but pages load *VERY* slowly.
Marc 12th December 2003, 03:26 PM I corected the FORUMHOME template in the Red Style.
What did you change in the FORUMHOME template?
I made some changes in the main template which may have reverted your change.
I notice the tables (messages, etc.) have the problems I had which is why i reverted all of them (why this styld sis not revert is a mystery, as both your styles should have reverted to the default - the red should have disappeared). The problem, if you want to call it that, is the lack of a border at the top and bottom of certain table cells.
Talk about nested tables... this baby is LOADED with them...
Atul Khandekar 12th December 2003, 03:57 PM What did you change in the FORUMHOME template?
Modifications to Red Style (Only)
1. FORUMHOME: Removed the attribte style="white-space: nowrap" from the DIV that lists current online users.
2. PostBit:Introduced an "hspace=5" attribute to the images in the right top corner of every post, to reduce the clutter (reputation,bad post & IP images)
3. Next I'm going to look at what's causing this patch at the right hand side of every post (see pic.)
Atul Khandekar 12th December 2003, 04:46 PM The first one seems to have reverted.. with a "BR" - line break between the 'most visitors..' and 'unique visitors...' lines.
Marc 12th December 2003, 06:03 PM Modifications to Red Style (Only)
1. FORUMHOME: Removed the attribte style="white-space: nowrap" from the DIV that lists current online users.
2. PostBit:Introduced an "hspace=5" attribute to the images in the right top corner of every post, to reduce the clutter (reputation,bad post & IP images)
3. Next I'm going to look at what's causing this patch at the right hand side of every post (see pic.)
I just wrote a 20 minute reply and - darn - was in another tab and I accidentially closed the tab with my reply. So, from scratch...
You shouldn't be modifying templates. You also should not modify style attributes like headinclude, phpinclude_start, or phpinclude_end. You should be modifying css attributes and style basics such as 'Sizes and Dimensions'.
If you modify the FORUMHOME template in your style, for example, it will 'freeze' so any changes I make in English - the base style - will not flow down to your style.
Why does this matter? Let's say I change the English header template - which I do every day or two. If you change that template in your style, any changes I make will not flow down to your style. So - your style (in this case) will keep the same 'ticker' as existed when you made your change. Changes I make in English will not flow down to your style so anyone using your style will see an outdated 'ticker'. Which is not good.
If I take advertising and put it in a column on the side and the column isn't in your style, then people can use your style to peruse the boards without having to look at the advertising. A nice thought for folks, but an advertiser won't appreciate it.
Some sites are set up so that 'paid' members (Contributors here - same thing) can use a style where the advertising column is gone. I am considering that option.
I'll be looking at styles very soon, but I really want to establish English first so that the 'basics' are what I want. For example, as I said above, in the near future I will be adding a column on one side which involves template mods (this site loads slowly, but see http://www.vbulletintemplates.com/mods/showthread.php?t=4904 and an example is at http://www.makeuptalk.com/forums/ Another example is at http://anzanime.net/ ). The column will be for advertising (including yours) and stuff. If you modify a template in either of your styles, as opposed to an 'attribute' such as colours or 'Sizes and Dimensions', then the changes I do will not flow down to the templates in your styles.
In addition, I'm not sure how far I'll go with 'hacks' (mods). Take a look at http://www.vbulletin.org/forum/ - It's skinned and seriously hacked. I really like it, but it's a bit extreme for here, I think... The bottom line is most of this stuff is template hacks and I want to ensure any hacks I do flow down into your styles. If I do a 'hack' and it breaks one of your styles, let me know and we can look at the template together.
For right now, play away - but styles will be playing an important role in the future - like starting in early January, much moreso than in the past, so I want to make sure we're working together when it comes to any template changes. As you can see - templates are something we have to be together on before you change any.
With respect to the issue in post 9 in this thread, that's not a template change - it's a style 'Sizes and Dimensions' change which is OK to play with - just like css attributes.
Right now, I have the English style set to 'liquid'. The forum tables resize if you resize your browser window. They (vB) set the default to a fixed width in their new style, but they do have a 'liquid' style as a sub-style. I'm getting real used to styles and that's not a big change. I can easily make a fixed width style based upon English if someone wants one. Pre-Gamma was a 'liquid' style as English is now.
Atul, please spend some time in the 'English' style and let me know what failure modes you find - other than colour preferences. I think we might want to revert your styles and then you can redo the colours and such. I think you might find it easier - they changed table nesting and such. I thought I reverted all your styles and I know I failed (the red remained) so there is definitely stuff in conflict with the old pre-gamma style base.
And - do you want to keep 2 styles? And do you want to keep them nested as they are? It doesn't matter to me - just curious.
Atul Khandekar 13th December 2003, 12:04 AM Marc,
Please be assured that I am not changing anything in the styles that will damage the 'content' of the pages or break anything in any way (got to be careful with those drop-downs and roll-ups). I have just been playing with the attributes of various tags. - colors, fonts, borders, sizes, etc.
There is no real reason for keeping the red style nested. It is seen nested because it was originally derived from the blue. Actually I don't even know how many people (if any) use my red or blue styles.
I am changing now to the basic 'English' style (not the English test style) & will keep an eye on any failure modes as you say. Well there is this thing about the vertical strip on the right side of every post. Is anyone else seeing this or is it only me (800x600,IE6)?
Added later: In any case, I can only change the things that are actually part of the HTML code on the page. I have no access to anything that's loaded from files (.CSS/.JS/Images), so they are ....shall we say, safe! ;)
Marc 13th December 2003, 02:47 AM I know you're playing right now and I am not criticising. I just wanted to make sure we're on the 'same wave length' so to speak. I wanted to make sure we're together on, and understand, the effect of changing individual templates.Well there is this thing about the vertical strip on the right side of every post. Is anyone else seeing this or is it only me (800x600,IE6)?
Are you seeing this in the English style?
Marc 13th December 2003, 02:51 AM Added later: In any case, I can only change the things that are actually part of the HTML code on the page. I have no access to anything that's loaded from files (.CSS/.JS/Images), so they are ....shall we say, safe! ;)
You have access to change anything in styles which includes templates, css attributes, etc. So now I'm confused... :confused:
Atul Khandekar 13th December 2003, 03:12 AM Are you seeing this in the English style?
I'm seeing this in ALL styles.
You have access to change anything in styles which includes templates, css attributes, etc. So now I'm confused...
I was thinking more about the JS & CSS that are loaded from disk files through the Link Rel tag, can I change these? (Not that I want to change anything in the javaScript. Also image files.. Supposing I want to upload some image files to be used as, say background, I can't do it now. I have no access to those folders as such.
Marc 13th December 2003, 03:23 AM I checked with IE on my pc and don't see that.
IE version 6.0.2800.116
Atul Khandekar 13th December 2003, 09:06 AM Mine is IE 6.00.2462.0000. I can see it at higher (1024x768) resolution as well. Speaking of resolution, what resolution do most people use here- 800x600 or higher?
Also I noticed that some links at the top of the page (restricted access, guide files, Pre-June 1998 board etc) open in the same window. IMHO, we should provide a 'target' to the HREF.
Marc 13th December 2003, 10:07 AM 1152 x 864
Marc 14th December 2003, 02:33 AM Atul,
Do me a favour. I opened vBulletin 3 style. Check it out. I may dump all styles but this one and sorta start over. I'm afraid I still have some old pre-gamma garbage in the english style.
Anyone else can try the style as well - just remember, it's quite a bit different.
Atul Khandekar 14th December 2003, 03:34 AM Done. I like the gradient background.
Marc 14th December 2003, 04:41 AM Done. I like the gradient background.
That's part of the vB 3 'style', so I can't take credit....
The English style should be the same thing right now.
Atul Khandekar 14th December 2003, 04:51 AM This is what I was thinking about when I said I wanted to upload some background gifs. Didn't know it was available as default.
Marc 14th December 2003, 05:13 AM This is what I was thinking about when I said I wanted to upload some background gifs. Didn't know it was available as default.
We can do this - in fact, we can do a complete language thing. Just let me know what you want to do.
Howard Atkins 14th December 2003, 06:43 AM I can follow approx what you are doing.
Have you changed the width of the posts. I have a lot of white border now. It seems to me a waste of space. I am using IE 6 and viewing 1024x768
EDIT by Marc: I edited this post to remove line breaks (probably from a PC copy & paste). On my PC this has eliminated the white space in posts issue.
Atul Khandekar 14th December 2003, 09:14 AM Howard,
Which style are you using? Change to English Style-Liquid and see if there's any difference. Can you also post a picture of your screen?
Howard Atkins 14th December 2003, 09:38 AM This is English Style-Liquid
Howard Atkins 14th December 2003, 09:46 AM Here is ATUL red as you can see the border.
I see in the liguid style the white area in the same dimensions.
Marc 14th December 2003, 01:02 PM This is English Style-Liquid
I changed the English Liquid style from 90% to 98% width. Does this solve the problem?
Atul Khandekar 14th December 2003, 01:19 PM I think it's best to leave it at 100%. That way the table / DIV will cover the whole width of the browser. You may have to scroll to the right in cases where:
1. Some table element or a DIV with "nowrap" contains a very long sentence. (In this cae try removing the "nowrap' so it wraps and adjusts to available space) and
2. If you have larger image files. In this case the 'Christmas tree'. Images obviously don't wrap so the total width increases to that extent.
Marc 14th December 2003, 01:25 PM Changed English Liquid to 100%.
By the way, Atul, I have 'hidden' vBulletin 3 Style. I plan to use it to make 'master' changes - ones where I want templates to flow down into other styles. We'll use it as the 'base' style.
Marc 14th December 2003, 04:30 PM I added a couple of extra styles, folks.
Marc 14th December 2003, 04:55 PM ...but I do remember that some members have mentioned poor eyesight.
Done. Try the 'Large Font' style.
Howard Atkins 17th December 2003, 07:12 AM The liquid styles now cover the page better.
I am on my laptop at the moment so..
All the best
|
|