ZiG
04-01-2009, 05:24 AM
I was up tonight looking at how to get more of a web2.0 look to my forums, rather then the default boxy look of vbulletin that bugs the crap out of me. I found out everyone basically feels this way and that there aren't really that many good tutorials or helpful posts as to how to accomplish this; yet I also find lots of custom styles that have rounded corners and what not...so, i figure people know how to do it but its just really complicated.
i found these helpful posts links;
http://www.html.it/articoli/nifty/index.html
http://www.curvycorners.net/downloads.php
http://www.kirupa.com/css/rounded_corners.htm
Now, the first 2 are supposedly imageless rounded corner javascripts, but it is only for use with <div>'s so I am assuming that this can't be helpful at all for me if I want to round out the borders of my Category Strips and my Table Header/Footer's. So I'm assuming the only way I can do it is by doing it the clunky hard-coded HTML way in the third link.
My question is; If I can do it with the javascript can someone help me figure out how to go about doing that? If I can't do it with the javascript versions because the Category and Table Header/Footers are tables and not divs, then how can I go about doing it the clunky hard-coded way? What I mean is, where are the templates?
The only thing I want rounded are the Category Strips, The Table Header and the Table Footer. Nothing else really.
Also I hear vBulletin 4 is web 2.0'ing the style. True?
--------------- Added 1238599603 at 1238599603 ---------------
well, to anyone else who will ever try to figure this out with vbulletin 3.8 or whatever u have here is how I did it:
http://perishablepress.com/press/2008/11/24/perfect-rounded-corners-with-css/
put those css phrases into the "Extra CSS attributes" box for whichever class definition it is that you want to be rounded. For example, if you want the Category Strips rounded, go to the admin cp->styles->main css and insert the definitions on that page into the 'Extra CSS attributes" box. What I did on my page was I rounded the table border at 4px and made it a 6px border which added a nicer feel to my page instead of looking so blocky.
play around with it and see how it comes out for you.
***********THIS DOES NOT WORK WITH INTERNET EXPLORER
i found these helpful posts links;
http://www.html.it/articoli/nifty/index.html
http://www.curvycorners.net/downloads.php
http://www.kirupa.com/css/rounded_corners.htm
Now, the first 2 are supposedly imageless rounded corner javascripts, but it is only for use with <div>'s so I am assuming that this can't be helpful at all for me if I want to round out the borders of my Category Strips and my Table Header/Footer's. So I'm assuming the only way I can do it is by doing it the clunky hard-coded HTML way in the third link.
My question is; If I can do it with the javascript can someone help me figure out how to go about doing that? If I can't do it with the javascript versions because the Category and Table Header/Footers are tables and not divs, then how can I go about doing it the clunky hard-coded way? What I mean is, where are the templates?
The only thing I want rounded are the Category Strips, The Table Header and the Table Footer. Nothing else really.
Also I hear vBulletin 4 is web 2.0'ing the style. True?
--------------- Added 1238599603 at 1238599603 ---------------
well, to anyone else who will ever try to figure this out with vbulletin 3.8 or whatever u have here is how I did it:
http://perishablepress.com/press/2008/11/24/perfect-rounded-corners-with-css/
put those css phrases into the "Extra CSS attributes" box for whichever class definition it is that you want to be rounded. For example, if you want the Category Strips rounded, go to the admin cp->styles->main css and insert the definitions on that page into the 'Extra CSS attributes" box. What I did on my page was I rounded the table border at 4px and made it a 6px border which added a nicer feel to my page instead of looking so blocky.
play around with it and see how it comes out for you.
***********THIS DOES NOT WORK WITH INTERNET EXPLORER