Back To Competitions

CSS Competition #1: Ozzu Look and Feel

Post November 11th, 2007, 5:27 am

CSS Competition!

Rules: This is a CSS competition. You must use the HTML provided - as is. If you modify the HTML, other than the link to your style sheet, you will be disqualified. Only one submission per user will be allowed.

The winner may have their style added to Ozzus' list of themes along side the Smart Dark, & Light themes, which can be chosen from by over 32,223 members! By submitting your CSS to the competition you give permission for Ozzu.com and Unmelted Enterprises to use the CSS as is or modified.

Your images must be placed via CSS, only.
Your entry may be a liquid or fixed width layout (Fixed width versions must work in 1024 x 768 displays).
Your entry must be posted to an accesible webserver.
You must supply the CSS and a link for your submission.
Your entry must work equally in Internet Explorer 7, FireFox, and Opera.
Your entry must validate here.

Length: Competition closes Monday, December 31, 2007 at midnight.

Voting: Voting lasts five days after close of competition.

Here's your HTML...
Line number On/Off
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Webmaster Forum : SEO, Google, Programming, Hosting, Web Design, Marketing</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="en-us">
<meta http-equiv="Content-Style-Type" content="text/css">

<!-- Reference your style here -->
   <link rel="stylesheet" href=" ***YOUR STYLE SHEET*** " media="screen" type="text/css">
<!-- Reference your style here -->

</head>

<body>
<div id="headerContainer">
   <div id="headerTop"></div>
   <div id="ozzuLogo"></div>
   <div id="headerBottom"></div>
   <div id="headerNavContainer">
      <div id="headerNavLeft"></div>
      <div id="headerNav">
         <ul>
            <li><a href="http://www.ozzu.com/">Home</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Search</a></li>
            <li><a href="#">Faq</a></li>
            <li><a href="#">Pm's</a></li>
            <li><a href="#">Members</a></li>
            <li><a href="#">Logout</a></li>
            <li><a href="#">Contact</a></li>
         </ul>
      </div>
   </div>
</div>

<div id="textAdTopRight">
   <div>
      <p>Need hosting? Dedicated, shared hosting and colocation in the US. 24/7/365 Support. Personalized Approach. Please visit <a href="#" rel="nofollow">3FN.NET</a>.</p>
   </div>
</div>

<div id="allrightcontent">
   <div id="menuContainer">
      <div id="infobox">
         <h2>Posting Information</h2>
         <ul>
            <li><a href="#" class="gensmall">View unread posts</a></li>
            <li><a href="#" class="gensmall">View your posts</a></li>
            <li><a href="#" class="gensmall">Watched Topics</a></li>
            <li><a href="#" class="gensmall">View unanswered posts</a></li>
         </ul>
      </div>
      <div id="forumNav">
         <h2>Website Development</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum15.html">Website Design Forum</a></li>
            <li><a href="http://www.ozzu.com/forum33.html">Programming Forum</a></li>
            <li><a href="http://www.ozzu.com/forum39.html">Website Reviews</a></li>
            <li><a href="http://www.ozzu.com/forum11.html">Hosting Forum</a></li>
            <li><a href="http://www.ozzu.com/forum8.html">Flash Forum</a></li>
         </ul>
         <h2>Graphics</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum62.html">Photography Forum</a></li>
            <li><a href="http://www.ozzu.com/forum41.html">Digital Art and Drawing</a></li>
         </ul>
         <h2>OS &amp; Hardware</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum18.html">Windows</a></li>
            <li><a href="http://www.ozzu.com/forum17.html">Linux, Unix, and other *nix</a></li>
            <li><a href="http://www.ozzu.com/forum61.html">Macintosh</a></li>
            <li><a href="http://www.ozzu.com/forum47.html">Hardware</a></li>
         </ul>
         <h2>Internet Marketing</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum29.html">Google Forum</a></li>
            <li><a href="http://www.ozzu.com/forum58.html">Yahoo Forum</a></li>
            <li><a href="http://www.ozzu.com/forum59.html">MSN Forum</a></li>
            <li><a href="http://www.ozzu.com/forum36.html">Search Engines &amp; Directories</a></li>
            <li><a href="http://www.ozzu.com/forum60.html">Advertising, PPC, Affiliation</a></li>
         </ul>
         <h2>Marketplace</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum52.html">Job Opportunities</a></li>
         </ul>
         <h2>Community Area</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum1.html">General Discussion</a></li>
            <li><a href="http://www.ozzu.com/forum46.html">Competitions</a></li>
            <li><a href="http://www.ozzu.com/forum50.html">Posting Games</a></li>
         </ul>
         <h2>Ozzu Maintenance</h2>
         <ul>
            <li><a href="http://www.ozzu.com/forum42.html">Announcements</a></li>
            <li><a href="http://www.ozzu.com/forum35.html">Suggestions &amp; Feedback</a></li>
         </ul>
      </div>
      <div id="forumToolsandResources">
         <h2>Tools and Resources</h2>
         <ul>
            <li><a href="http://www.ozzu.com/webtemplates/">Web Templates</a></li>
            <li><a href="http://www.ozzu.com/webtemplates/Oscommerce_Templates/">osCommer ce Templates</a></li>
            <li><a href="http://www.ozzu.com/webtemplates/Cre_Loaded_Templates/">CRE Loaded Templates</a></li>
            <li><a href="http://www.ozzu.com/webtemplates/Wordpress_Themes/">Wordpress Templates</a></li>
            <li><a href="http://www.ozzu.com/rssfeeds.html">Ozzu RSS Feeds</a></li>
            <li><a href="http://www.ozzu.com/statistics.php">Board Statistics</a></li>
            <li><a href="http://www.ozzu.com/gallery/">Ozzu Gallery</a></li>
         </ul>
      </div>
      <div id="aboutOzzu">
         <h2>About Ozzu</h2>
         <ul>
            <li><a href="http://www.ozzu.com/moderators.php">Meet the Moderators</a></li>
         </ul>
      </div>
      <div id="forumNetwork">
         <h2>Forum Network</h2>
         <ul>
            <li><a href="http://www.bigwebmaster.com/">Webmaster Resources</a></li>
            <li><a href="http://templates.bigwebmaster.com/">HTML Templates</a></li>
            <li><a href="http://guestbook.bigwebmaster.com/">Guestbook Script</a></li>
            <li><a href="http://uts.bigwebmaster.com/">Traffic Script</a></li>
            <li><a href="http://www.unmelted.com/">Website Templates</a></li>
         </ul>
      </div>
      <div id="forumPartners">
         <h2>Forum Partners</h2>
         <ul>
            <li><a href="http://www.neowise.com/etc/" title="Express Thumbnail Creator" target="_blank">Thumbnail Creator</a></li>
            <li><a href="http://www.weberforums.com/" target="_blank">PHP Forums</a></li>
            <li><a href="http://www.php-editors.com/" target="_blank">Free PHP Editor</a></li>
            <li><a href="http://www.getafreelancer.com/" target="_blank">Freelance Programmer</a></li>
            <li><a href="http://www.founderstelecom.com/" target="_blank">Plantronics and Polycom</a></li>
            <li><a href="http://www.dynamicdrive.com/style/" target="_blank">CSS Menus</a></li>
         </ul>
      </div>
      <div id="forumSupporters">
         <h2>Forum Supporters</h2>
         <ul>
            <li><a href="http://www.ozzu.com/ozzu_supporters.html">Ozzu Supporters</a></li>
         </ul>
      </div>
   </div>
</div>

<div class="left">
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Category</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Category</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Category</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Category</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Category</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Category</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumfolder"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
         </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
            <div class="forumrow">
               <div class="forumfoldernew"></div>
               <div class="forumlink">
                  <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
                  <p class="forum_desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ante diam, interdum nec, lobortis id, viverra vitae, libero. Cras aliquet elementum nulla.</p>
                  <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <p class="markRead"><a href="#">Mark all forums read</a></p>
   <div id="forumIcons">
      <ul>
         <li><label>New posts</label></li>
         <li><label>No new posts</label></li>
         <li><label>Forum is locked</label></li>
      </ul>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2><a href="#">Who is Online</a></h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="whoisonline"></div>
               <div id="whoIsOnline">
                  <p>Our users have posted a total of <b>100000</b> articles in <b>50000</b> threads.</p>
                  <p>We have <b>30000</b> registered users.</p>
                  <p id="newestUser">The newest registered user is <b><a href="#">User</a></b>.</p>
                  <p id="totalUsersOnline">In total there are <b>1300</b> users online :: 100 Registered, 10 Hidden and 1300 Guests.</p>
                  <p>Most users ever online was <b>3000</b> on Fri Aug 03, 2007 11:12 am.</p>
                  <p id="userLegend">Legend: [ <span class="adminColor">Administrator</span> ] [ <span class="supmodColor">Super Moderator</span> ] [ <span class="modColor">Moderator</span> ]</p>
                  <p class="forum_moderators">Registered Users: <a href="#" class="adminColor"><strong>Bigwebmaster</strong></a>, <a href="#" class="supModColor"><strong>ATNO/TW</strong></a>, <a href="#" class="modColor"><strong>joebert</strong></a>, <a href="#">User</a>, <a href="#">User</a>, <a href="#">User</a>, <a href="#">User</a>, <a href="#">User</a>, <a href="#">User</a>, <a href="#">User</a>, <a href="#">User</a></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2>General Information</h2>
         <div class="forumInfo">
            You last visited on Sat Jan 01, 2007 12:00 pm. The time now is Sat Jan 01, 2007 12:00 pm.
         </div>
      </div>
   </div>
   <div class="catrow">
      <div class="catborder">
         <h2>Forum Partner Sites</h2>
         <div class="forumrowborder">
            <div class="forumrow">
               <div class="forumpartner"><a href="http://www.bigwebmaster.com/" target="_blank">Big Webmaster Resources</a></div>
               <div class="forumpartner"><a href="http://www.unmelted.com/" target="_blank">Unmelted Templates</a></div>
               <div class="forumpartner"><a href="http://www.bigarchive.com/" target="_blank">Big Template Archive</a></div>
               <div class="forumpartner"><a href="http://guestbook.bigwebmaster.com/" target="_blank">Free Guestbook</a></div>
               <div class="forumpartner"><a href="http://www.ozzu.com/contact.php" target="_blank">Advertise</a></div>
            </div>
         </div>
      </div>
   </div>
</div>

<div id="footerContainer">
   <div class="footerEnd"></div>
   <p>&copy; Unmelted Enterprises 1998-2007. Driven by phpBB &copy; 2001-2006 phpBB Group.</p>
   <div class="footerEnd"></div>
</div>

<div id="pageGenerationTime">
   <div>Page generation time: 0.1s (PHP: 50% - SQL: 50%) - SQL queries: 20 - GZIP disabled - Debug on</div>
</div>

</body>
</html>


Good luck to everyone!
###
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 11th, 2007, 5:27 am

Post November 11th, 2007, 10:59 am

This is an awesome idea ... I am going to try my best at completing this one ... Woot!
DAIRY!

Post November 11th, 2007, 12:12 pm

Right on, sir. I can't wait to see what everyone comes up with. :thumbsup:
###

Post November 11th, 2007, 12:56 pm

First Question, what is the font for the words "Webmaster Forum" in the heading? Anybody know?
DAIRY!

Post November 11th, 2007, 1:10 pm

Not sure. I think Unflux made that header years ago. I'd say have some fun with it and be creative. Make it your own, ya know.
###
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Joined: 20 Dec 2002
  • Posts: 6110
  • Loc: Seattle, WA
  • Status: Offline

Post November 11th, 2007, 4:40 pm

The font is called Caeldera. You can find it here:

http://www.1001fonts.com/font_details.html?font_id=2118
Webmaster Resources
UNFLUX.net - Quality Web Hosting
  • Bogey
  • Ounce of 'Zu'
  • Web Master
  • User avatar
  • Joined: 14 Jul 2005
  • Posts: 4221
  • Loc: Ozzu
  • Status: Offline

Post November 11th, 2007, 5:34 pm

Awesome! I want to win! I WANT TO WIN!
01000010 01101111 01100111 01100101 01111001
My Developing Blog (5)
  • Breeze
  • Expert
  • Expert
  • User avatar
  • Joined: 22 Apr 2007
  • Posts: 703
  • Loc: Australia
  • Status: Offline

Post November 11th, 2007, 8:12 pm

Awesomefullishtasticness idea :D

Post November 11th, 2007, 9:21 pm

Bigwebmaster wrote:
The font is called Caeldera. You can find it here:

http://www.1001fonts.com/font_details.html?font_id=2118


Thank you! Woot!
DAIRY!
  • Fabinator
  • Proficient
  • Proficient
  • User avatar
  • Joined: 05 May 2007
  • Posts: 402
  • Loc: Holland
  • Status: Offline

Post November 12th, 2007, 8:59 am

Awesome idea. I'm in :) And I'm gonna win :twisted:

Post November 12th, 2007, 9:01 am

Should we submit links to our entry on this thread or how should we submit?

Post November 12th, 2007, 9:05 am

Fabinator wrote:
Awesome idea. I'm in :) And I'm gonna win :twisted:

hahahaha! No you're not ... I am
DAIRY!

Post November 12th, 2007, 9:34 am

Yup, provide a link to your page, then paste your CSS in CODE tags.
###

Post November 12th, 2007, 11:14 am

Okay here is another question ... In the sample code you gave us there is the following:
Line number On/Off
Code: Select all
<div id="forumIcons">
<ul>
<li><label>New posts</label></li>
<li><label>No new posts</label></li>
<li><label>Forum is locked</label></li>
</ul>
</div>

And at the same place in the real ozzu site there is the following:
Line number On/Off
Code: Select all
<div id="forumIcons">
<ul>
<li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
<li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>

<li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
</ul>
</div>

Am I allowed to put my own images in there then ... ? or how do you want it to be?
DAIRY!
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: 02 Oct 2007
  • Posts: 482
  • Loc: Phoenix, AZ
  • Status: Offline

Post November 12th, 2007, 11:50 am

Awesome contest idea!

I think it'll be tough to top the Smart Dark theme, but I can't wait to see the entries :)
-jameson
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 12th, 2007, 11:50 am

1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13

Post Information

  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© Unmelted Enterprises 1998-2008. Driven by phpBB © 2001-2008 phpBB Group.

 
 
 
 

Need a pre-made web design for your website?

Check out our templates here: Ozzu Templates


400+ FREE Website Templates. Download Now!