Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions

Reply
 
Thread Tools Display Modes
  #1  
Old 05-06-2007, 03:17 AM
albn albn is offline
 
Join Date: Jun 2003
Location: Calif
Posts: 59
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default "Web 2.0" and vBulletin skins

Right now, the big craze is the "Web 2.0" look with the rounded corners, the fancy effects, pastel colors and other stuff. I have not found any interfaces that deal with this craze per se, and was wondering what would have to be learned to start one.

Thank you for reading.
Reply With Quote
  #2  
Old 05-06-2007, 07:19 AM
sonichero sonichero is offline
 
Join Date: Jan 2007
Posts: 163
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Template modification, namely a lot of templates. For example, in your forum home template, right after <-- / main --> and i think there are two <br />'s, you would put
<div class="left">
<div class="center">
<div class="right">
<div class="tcat">

So it would have a curved tcat. Then you have to go searching through all your templates to find all the tcats and put that code in front.
Reply With Quote
  #3  
Old 05-06-2007, 05:26 PM
albn albn is offline
 
Join Date: Jun 2003
Location: Calif
Posts: 59
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Ah thanks for the help in that regard. Further, I am sure on top of the markup changes, is there a lot of CSS changes as well? Where is a good place to start on how to change stuff around to make a skin web 2.0ish?

Edit: I found some resources on Google, and now it is just a matter of sitting down and learning how to do some of those effects. I have no idea how long the interface design craze will last, and am debating if jumping on the bandwagon is just that...

I happen to like the designs, and have some interesting appeal. Bright colors, huge fonts, almost feels like a huggy marshmallow bear. Now the question I had for a while is, what is Web 2.0 anyway? Is it an idea? A buzzword? Marketing device? There does not seem to be a cohesive or definate criteria on what makes a site "web 2.0". Maybe somebody can help define it.

Anyway, I can pretty much guess this thread is going to oblivion, so I will leave the subject alone.
Reply With Quote
  #4  
Old 05-20-2007, 01:07 AM
xcingix's Avatar
xcingix xcingix is offline
 
Join Date: Feb 2006
Location: Brooklyn, NY
Posts: 136
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by albn View Post
Right now, the big craze is the "Web 2.0" look with the rounded corners, the fancy effects, pastel colors and other stuff. I have not found any interfaces that deal with this craze per se, and was wondering what would have to be learned to start one.

Thank you for reading.
I'd love to achieve such a look.
Hope someone comes out with a style soon.
Reply With Quote
  #5  
Old 05-20-2007, 07:18 AM
CyberAlien's Avatar
CyberAlien CyberAlien is offline
 
Join Date: Mar 2002
Posts: 438
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by albn View Post
Now the question I had for a while is, what is Web 2.0 anyway? Is it an idea? A buzzword? Marketing device? There does not seem to be a cohesive or definate criteria on what makes a site "web 2.0". Maybe somebody can help define it.
Its a very unclear concept, usually it is used only as marketing keyword for something that has absolutely nothing to do with that concept.

Its not a design specification, so when you see it applied to some design it is usually used only for marketing. There isn't a single vBulletin style that is real web 2.0, and there can't be because of vBulletin template system limitations (can't move stuff around because every item is in different template, must use spacer templates or threaded view would be screwed, etc...). For design web 2.0 code wise means semantically correct layout. There isn't a single vBulletin template that is semantically correct.

For lots of fancy words that mean absolutely nothing and "define" web 2.0 "concept" take a look here: http://www.oreillynet.com/pub/a/orei...is-web-20.html
Reply With Quote
  #6  
Old 05-20-2007, 07:28 PM
xcingix's Avatar
xcingix xcingix is offline
 
Join Date: Feb 2006
Location: Brooklyn, NY
Posts: 136
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I'm designing one now, but I'm nowhere near done.
http://www.ny-dev.com/forums/f97/pos...7/?styleid=149
Still working out the fact that it doesn't show up well in IE and I have to create buttons and such.
Reply With Quote
  #7  
Old 05-20-2007, 07:31 PM
CyberAlien's Avatar
CyberAlien CyberAlien is offline
 
Join Date: Mar 2002
Posts: 438
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

That's not a web 2.0 style. There is no tabular data at all on that page, but it has many levels of nested tables used for everything.
Reply With Quote
  #8  
Old 05-27-2007, 04:54 PM
Princeton's Avatar
Princeton Princeton is offline
 
Join Date: Nov 2001
Location: Vineland, NJ
Posts: 6,693
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Web 2.0 Style is a simple, easy-to-use interface .. which promotes usability, extensibility, and participation.

The idea is to create a lightweight user interface - which will load fast. Whether you use tables or not it's up to you (and how it is done).
Reply With Quote
  #9  
Old 05-27-2007, 05:07 PM
CyberAlien's Avatar
CyberAlien CyberAlien is offline
 
Join Date: Mar 2002
Posts: 438
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Princeton View Post
Web 2.0 Style is a simple, easy-to-use interface .. which promotes usability, extensibility, and participation.
And all that can't be done with vBulletin, as vBulletin has fixed set of features and style only shows what vBulletin tells it to show, just like any other forum system. Designer can move buttons across the page to make navigation easier, but that's all, and it doesn't make forum more useful - it just makes forum slightly more useful, so it doesn't magically turn design to web 2.0. Style designer can't add new features. So in this matter "web 2.0" term can't be applied to vBulletin styles.

Quote:
Originally Posted by Princeton View Post
The idea is to create a lightweight user interface - which will load fast. Whether you use tables or not it's up to you (and how it is done).
Then all "web 2.0" styles designed for vBulletin are quite opposite to what they claim, as they use lots of gradient images increasing page size compared to default vBulletin style, and styles that do reduce size are different from default style by so little that it doesn't make them 2.0. The only way to make it smaller is to use divs so code would be as tiny as possible, which would require complete rewrite of all templates, which brings me to point about 2.0 styles being semantically correct.
Reply With Quote
  #10  
Old 05-27-2007, 07:16 PM
Princeton's Avatar
Princeton Princeton is offline
 
Join Date: Nov 2001
Location: Vineland, NJ
Posts: 6,693
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

the only limits vbulletin has are the limits that you place on it ... vbulletin is extensible and completely customizable

if you want to stick with just changing a button here and a button there than I agree - "it just makes forum slightly more useful

Can it be done (more WEB 2.0) ? Yes!
Is it worth it? ... I dare say NO.

Personally, I prefer to just make the current vBulletin style more usable.

Quote:
Then all "web 2.0" styles designed for vBulletin are quite opposite to what they claim
it's really funny what people claim
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:01 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04521 seconds
  • Memory Usage 2,258KB
  • Queries Executed 13 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete