Favourtism
02-05-2009, 02:07 AM
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/hnbt.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forumbits.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/whats-going-on.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/threadbits.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forum-info-options.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit-hover.png
Im a little comprehensive. On the one hand it scraps tables and uses css and divs. However, it looks like its going to be more difficult to edit it in an advanced way and 'newbs' will be screwed.
the header for example is;
<div id="header">
<div><a href="forumhome.php" id="logo-image"><img src="images/logo.png" alt="" /></a></div>
<div id="toplinks">
<a href="#">Kier</a>
<a href="#">Settings</a>
<a href="#">Log-out</a>
</div>
<hr />
</div>
<div id="navbar">
<ul id="navtabs" class="floatcontainer">
<li><a class="navtab" href="#">Site</a></li>
<li class="selected"><a class="navtab" href="#">Forum</a>
<ul class="floatcontainer">
<li><a href="#">User CP</a></li>
<li><a href="#">New Posts</a></li>a
<li><a href="#">Today's Posts</a></li>
<li><a href="#">Mark all Forums Read</a></li>
<li><a href="#">Subscribed Threads</a></li>
<li><a href="#">Private Messages</a></li>
</ul>
</li>
<li><a class="navtab" href="#">Blog</a></li>
<li><a class="navtab" href="#">Projects</a></li>
<li><a class="navtab" href="#">Calendar</a></li>
</ul>
</div>
<div id="breadcrumb">
<ul class="floatcontainer">
<li class="navbit"><a href="#" name="top">My Site</a></li>
<li class="navbit"><a href="#">Forums</a></li>
<li class="navbit"><a href="#">General</a></li>
<li class="navbit"><a href="#">Off-Topic Stuff</a></li>
<li class="navbit"><a href="#">The Forumdisplay Example Forum</a></li>
</ul>
<hr />
</div>
<div id="pagetitle">
<h1>The New vBulletin Style Forums</h1>
<p class="description" id="welcomemessage">Welcome to The New vBulletin Style Forums.</p>
<p class="description" id="firstvisitmessage">If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.</p>
</div>
The buttons are being transformed into text based rather than images, some of them text then image on scrollover
All of this is from vb staffs blog btw. The CMS for 4.0 is also looking v.nice :D
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forumbits.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/whats-going-on.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/threadbits.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/forum-info-options.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit.png
http://images.vbulletin.com/blog-content/kier/40-style-firstlook/postbit-hover.png
Im a little comprehensive. On the one hand it scraps tables and uses css and divs. However, it looks like its going to be more difficult to edit it in an advanced way and 'newbs' will be screwed.
the header for example is;
<div id="header">
<div><a href="forumhome.php" id="logo-image"><img src="images/logo.png" alt="" /></a></div>
<div id="toplinks">
<a href="#">Kier</a>
<a href="#">Settings</a>
<a href="#">Log-out</a>
</div>
<hr />
</div>
<div id="navbar">
<ul id="navtabs" class="floatcontainer">
<li><a class="navtab" href="#">Site</a></li>
<li class="selected"><a class="navtab" href="#">Forum</a>
<ul class="floatcontainer">
<li><a href="#">User CP</a></li>
<li><a href="#">New Posts</a></li>a
<li><a href="#">Today's Posts</a></li>
<li><a href="#">Mark all Forums Read</a></li>
<li><a href="#">Subscribed Threads</a></li>
<li><a href="#">Private Messages</a></li>
</ul>
</li>
<li><a class="navtab" href="#">Blog</a></li>
<li><a class="navtab" href="#">Projects</a></li>
<li><a class="navtab" href="#">Calendar</a></li>
</ul>
</div>
<div id="breadcrumb">
<ul class="floatcontainer">
<li class="navbit"><a href="#" name="top">My Site</a></li>
<li class="navbit"><a href="#">Forums</a></li>
<li class="navbit"><a href="#">General</a></li>
<li class="navbit"><a href="#">Off-Topic Stuff</a></li>
<li class="navbit"><a href="#">The Forumdisplay Example Forum</a></li>
</ul>
<hr />
</div>
<div id="pagetitle">
<h1>The New vBulletin Style Forums</h1>
<p class="description" id="welcomemessage">Welcome to The New vBulletin Style Forums.</p>
<p class="description" id="firstvisitmessage">If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.</p>
</div>
The buttons are being transformed into text based rather than images, some of them text then image on scrollover
All of this is from vb staffs blog btw. The CMS for 4.0 is also looking v.nice :D