PDA

View Full Version : IWT - vB Project Tools 2.1 Template & CSS Rewrite


Ideal Web Tech
24 May 2010, 02:45
After noticing numerous style issues, we, Ideal Web Technologies, decided to redo the style to fix some of the issues. After doing so, we decided we would share it with anyone who is interested.

The included style has had many templates & almost all the CSS redone. It also has had some redundancies stripped out, while fixing the style to work properly in Internet Explorer 7.

However, please note that this style was made for the IWT website/style & its project tools configuration, as such it may not work for all websites/configurations. Also note that while this style has been tested, and shown to work, in Firefox, Opera, Safari, Chrome, IE8 & IE7, there may have been some overlooked issues. Any issues found may be reported at http://www.idealwebtech.com/project.php?projectid=5.

Demo: http://www.idealwebtech.com/project.php
Questions/Comments: http://www.idealwebtech.com/threads/32-vB4-vB-Project-Tools-2.1-Template-amp-CSS-Rewrite
Report A Bug: http://www.idealwebtech.com/project.php?projectid=5

Trek
24 May 2010, 21:00
I did the merge on this and it pretty much destroyed my header on my site. Not sure how to "undo" this really. Any suggestions?

You can see what I mean here: http://www.darkhandofvalor.com/forum.php

Ideal Web Tech
24 May 2010, 21:35
I did the merge on this and it pretty much destroyed my header on my site. Not sure how to "undo" this really. Any suggestions?

You can see what I mean here: http://www.darkhandofvalor.com/forum.php

Hmm... Looks like your missing your header image... I'm not sure why it would have messed that up. (We exported only the Project Tools when we exported the style, so it shouldn't have had anything else in it unless vB messed up their style download system.)

EDIT: I just looked though the xml for the style posted, and I see nothing in it that should have changed that.

Trek
24 May 2010, 21:37
Yeah, I just figured that out actually. =)

It replaced my header image location with "images/header.jpg" (might of been ".png"). Either way, something trashed that. I just fixed it, all working now, thanks!

Ideal Web Tech
24 May 2010, 21:41
Yeah, I just figured that out actually. =)

It replaced my header image location with "images/header.jpg" (might of been ".png"). Either way, something trashed that. I just fixed it, all working now, thanks!

No Problem, Enjoy! And please feel free to let us know any style issues in the project tools style.

puertoblack2003
25 May 2010, 16:16
good job on this.It's cleaner and organized:up:

Ideal Web Tech
25 May 2010, 17:08
good job on this.It's cleaner and organized:up:

Well thank you, but keep in mind, not much time was spent on it so I'm sure we overlooked something...

Oh also for those who use RTL, we did look at it in RTL, and for the most part it works, I think we saw maybe 2-3 small things that would take most people a minute at most to fix.

KURTZ
28 May 2010, 12:00
Yeah, I just figured that out actually. =)

It replaced my header image location with "images/header.jpg" (might of been ".png"). Either way, something trashed that. I just fixed it, all working now, thanks!

i got the same trouble ... i can't find that option, can you give me a tip?

Trek
28 May 2010, 16:01
i got the same trouble ... i can't find that option, can you give me a tip?

You need to edit the stylevar "titleimage", which is located under the "ImagePaths" group in the stylevars. Basically, just repoint it back to whatever your main logo image is.

Ideal Web Tech
28 May 2010, 23:03
We have upon dissection of the xml file produced by the style export system that for some reason it is inserting stylevars that it shouldn't.

Apparently the template export for a specific product is grabbing style vars customized in our style itself, rather then just templates for the product. We will release the xml file modified by hand shortly to remove the stylevars that were added as well will see about checking the vBulletin bug tracker to see if this problem has been reported yet.

EDIT: New style is up in the first post as version 0.9.1.

janaf
28 May 2010, 23:15
Hi,

Same prob with the logo.

The install also set the fixed width setting to auto. Was this style checked with fixed width pages or floating or both? After the update, my site is still OK in Firefox but I hav e left-righ-center problem in IE8.

I had to reset set page_width and page_maxwidth back to what it was.

But now parts of the pages align to right, some to left. I will get back when I have solved this. Or am I just confused. It seems the page dis-align when I resize the browser window in IE8, not in firefox. But if I refresh the window, things fall back in place again. I can not remember seeing this before. Is this normal with a fixed width vB4 page? Or did I get it with the themplate and css rewrite?

In any case, back up before installing this!

PS
Can anyone tell me what tables to restore from a mySQL backup to recover the previous style?

Ideal Web Tech
29 May 2010, 01:10
Thats actually a problem in vbulletin 4.0's style system for centered fixed with styles and IE version 7 (and under) was what we confirmed it in. We made corrections to our style itself to fix the problems on our sites.

We confirmed this by testing on a fresh vb 4.0 style and changing the values to give it a fixed width and then resizing in IE. With just those changes the problem is clearly present in the style itself. The problem was that elements were losing context to their placement due to ie's poor handling of elements sizes, and the fact that its not recalculating things it should (which is why its only present on resizing, and only in fixed width styles where the center position changes, if you notice all the elements with the problem should be the ones defined as static (if I remember correctly). The solution was to move the width attribute off the body tag onto the main divs that control the content (header, footer, and maincontent).

Hope that helps you some.

janaf
29 May 2010, 14:43
OK, so do you have a suggestion?

After installing this update, my pages where float / full width. So I set page_width and page_maxwidth to fixed values, with margins as auto.

Should I have done it another way to get a fixed width centerd?

Ideal Web Tech
29 May 2010, 17:54
Well, by design that's how you would do it, and thats the proper way to do it now-a-days. But we all know IE doesn't like to play by the standards, so we had to code it up for IE so that the widths and margins were on the 3-4 main containing divs and not the body, and that seemed to fix it.

janaf
29 May 2010, 19:26
Embarrased. :p It was the IE8 compatability mode. Turning it off solved the problems.

KURTZ
30 May 2010, 11:17
You need to edit the stylevar "titleimage", which is located under the "ImagePaths" group in the stylevars. Basically, just repoint it back to whatever your main logo image is.

just reverted that stylevar and upgraded to the latest version, nothing changed ... still have the header's issue ... :S

edit: NVM: just fixed!

cloferba
16 Sep 2010, 14:34
please delete this thread...

the user has deleted his vbulletin forum

Trek
16 Sep 2010, 19:29
please delete this thread...

the user has deleted his vbulletin forum

Until PT changes so that the fixes he put forth are invalid, the thread should remain anyway. The file is attached here at vb.org so it's not going anywhere, even if he did change to use another forum software.