CSS Competition #1: Ozzu Look and Feel

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

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...
Code: [ Select ]
<!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>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Webmaster Forum : SEO, Google, Programming, Hosting, Web Design, Marketing</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <meta name="language" content="en-us">
  7. <meta http-equiv="Content-Style-Type" content="text/css">
  8. <!-- Reference your style here -->
  9.   <link rel="stylesheet" href=" ***YOUR STYLE SHEET*** " media="screen" type="text/css">
  10. <!-- Reference your style here -->
  11. </head>
  12. <body>
  13. <div id="headerContainer">
  14.   <div id="headerTop"></div>
  15.   <div id="ozzuLogo"></div>
  16.   <div id="headerBottom"></div>
  17.   <div id="headerNavContainer">
  18.    <div id="headerNavLeft"></div>
  19.    <div id="headerNav">
  20.      <ul>
  21.       <li><a href="http://www.ozzu.com/">Home</a></li>
  22.       <li><a href="#">Profile</a></li>
  23.       <li><a href="#">Search</a></li>
  24.       <li><a href="#">Faq</a></li>
  25.       <li><a href="#">Pm's</a></li>
  26.       <li><a href="#">Members</a></li>
  27.       <li><a href="#">Logout</a></li>
  28.       <li><a href="#">Contact</a></li>
  29.      </ul>
  30.    </div>
  31.   </div>
  32. </div>
  33. <div id="textAdTopRight">
  34.   <div>
  35.    <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>
  36.   </div>
  37. </div>
  38. <div id="allrightcontent">
  39.   <div id="menuContainer">
  40.    <div id="infobox">
  41.      <h2>Posting Information</h2>
  42.      <ul>
  43.       <li><a href="#" class="gensmall">View unread posts</a></li>
  44.       <li><a href="#" class="gensmall">View your posts</a></li>
  45.       <li><a href="#" class="gensmall">Watched Topics</a></li>
  46.       <li><a href="#" class="gensmall">View unanswered posts</a></li>
  47.      </ul>
  48.    </div>
  49.    <div id="forumNav">
  50.      <h2>Website Development</h2>
  51.      <ul>
  52.       <li><a href="http://www.ozzu.com/forum15.html">Website Design Forum</a></li>
  53.       <li><a href="http://www.ozzu.com/forum33.html">Programming Forum</a></li>
  54.       <li><a href="http://www.ozzu.com/forum39.html">Website Reviews</a></li>
  55.       <li><a href="http://www.ozzu.com/forum11.html">Hosting Forum</a></li>
  56.       <li><a href="http://www.ozzu.com/forum8.html">Flash Forum</a></li>
  57.      </ul>
  58.      <h2>Graphics</h2>
  59.      <ul>
  60.       <li><a href="http://www.ozzu.com/forum62.html">Photography Forum</a></li>
  61.       <li><a href="http://www.ozzu.com/forum41.html">Digital Art and Drawing</a></li>
  62.      </ul>
  63.      <h2>OS &amp; Hardware</h2>
  64.      <ul>
  65.       <li><a href="http://www.ozzu.com/forum18.html">Windows</a></li>
  66.       <li><a href="http://www.ozzu.com/forum17.html">Linux, Unix, and other *nix</a></li>
  67.       <li><a href="http://www.ozzu.com/forum61.html">Macintosh</a></li>
  68.       <li><a href="http://www.ozzu.com/forum47.html">Hardware</a></li>
  69.      </ul>
  70.      <h2>Internet Marketing</h2>
  71.      <ul>
  72.       <li><a href="http://www.ozzu.com/forum29.html">Google Forum</a></li>
  73.       <li><a href="http://www.ozzu.com/forum58.html">Yahoo Forum</a></li>
  74.       <li><a href="http://www.ozzu.com/forum59.html">MSN Forum</a></li>
  75.       <li><a href="http://www.ozzu.com/forum36.html">Search Engines &amp; Directories</a></li>
  76.       <li><a href="http://www.ozzu.com/forum60.html">Advertising, PPC, Affiliation</a></li>
  77.      </ul>
  78.      <h2>Marketplace</h2>
  79.      <ul>
  80.       <li><a href="http://www.ozzu.com/forum52.html">Job Opportunities</a></li>
  81.      </ul>
  82.      <h2>Community Area</h2>
  83.      <ul>
  84.       <li><a href="http://www.ozzu.com/forum1.html">General Discussion</a></li>
  85.       <li><a href="http://www.ozzu.com/forum46.html">Competitions</a></li>
  86.       <li><a href="http://www.ozzu.com/forum50.html">Posting Games</a></li>
  87.      </ul>
  88.      <h2>Ozzu Maintenance</h2>
  89.      <ul>
  90.       <li><a href="http://www.ozzu.com/forum42.html">Announcements</a></li>
  91.       <li><a href="http://www.ozzu.com/forum35.html">Suggestions &amp; Feedback</a></li>
  92.      </ul>
  93.    </div>
  94.    <div id="forumToolsandResources">
  95.      <h2>Tools and Resources</h2>
  96.      <ul>
  97.       <li><a href="http://www.ozzu.com/webtemplates/">Web Templates</a></li>
  98.       <li><a href="http://www.ozzu.com/webtemplates/Oscommerce_Templates/">osCommer ce Templates</a></li>
  99.       <li><a href="http://www.ozzu.com/webtemplates/Cre_Loaded_Templates/">CRE Loaded Templates</a></li>
  100.       <li><a href="http://www.ozzu.com/webtemplates/Wordpress_Themes/">Wordpress Templates</a></li>
  101.       <li><a href="http://www.ozzu.com/rssfeeds.html">Ozzu RSS Feeds</a></li>
  102.       <li><a href="http://www.ozzu.com/statistics.php">Board Statistics</a></li>
  103.       <li><a href="http://www.ozzu.com/gallery/">Ozzu Gallery</a></li>
  104.      </ul>
  105.    </div>
  106.    <div id="aboutOzzu">
  107.      <h2>About Ozzu</h2>
  108.      <ul>
  109.       <li><a href="http://www.ozzu.com/moderators.php">Meet the Moderators</a></li>
  110.      </ul>
  111.    </div>
  112.    <div id="forumNetwork">
  113.      <h2>Forum Network</h2>
  114.      <ul>
  115.       <li><a href="http://www.bigwebmaster.com/">Webmaster Resources</a></li>
  116.       <li><a href="http://templates.bigwebmaster.com/">HTML Templates</a></li>
  117.       <li><a href="http://guestbook.bigwebmaster.com/">Guestbook Script</a></li>
  118.       <li><a href="http://uts.bigwebmaster.com/">Traffic Script</a></li>
  119.       <li><a href="http://www.unmelted.com/">Website Templates</a></li>
  120.      </ul>
  121.    </div>
  122.    <div id="forumPartners">
  123.      <h2>Forum Partners</h2>
  124.      <ul>
  125.       <li><a href="http://www.neowise.com/etc/" title="Express Thumbnail Creator" target="_blank">Thumbnail Creator</a></li>
  126.       <li><a href="http://www.weberforums.com/" target="_blank">PHP Forums</a></li>
  127.       <li><a href="http://www.php-editors.com/" target="_blank">Free PHP Editor</a></li>
  128.       <li><a href="http://www.getafreelancer.com/" target="_blank">Freelance Programmer</a></li>
  129.       <li><a href="http://www.founderstelecom.com/" target="_blank">Plantronics and Polycom</a></li>
  130.       <li><a href="http://www.dynamicdrive.com/style/" target="_blank">CSS Menus</a></li>
  131.      </ul>
  132.    </div>
  133.    <div id="forumSupporters">
  134.      <h2>Forum Supporters</h2>
  135.      <ul>
  136.       <li><a href="http://www.ozzu.com/ozzu_supporters.html">Ozzu Supporters</a></li>
  137.      </ul>
  138.    </div>
  139.   </div>
  140. </div>
  141. <div class="left">
  142.   <div class="catrow">
  143.    <div class="catborder">
  144.      <h2><a href="#">Category</a></h2>
  145.      <div class="forumrowborder">
  146.       <div class="forumrow">
  147.         <div class="forumfolder"></div>
  148.         <div class="forumlink">
  149.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  150.          <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>
  151.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  152.         </div>
  153.       </div>
  154.       <div class="forumrow">
  155.         <div class="forumfoldernew"></div>
  156.         <div class="forumlink">
  157.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  158.          <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>
  159.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  160.         </div>
  161.       </div>
  162.       <div class="forumrow">
  163.         <div class="forumfolder"></div>
  164.         <div class="forumlink">
  165.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  166.          <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>
  167.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  168.         </div>
  169.       </div>
  170.       <div class="forumrow">
  171.         <div class="forumfoldernew"></div>
  172.         <div class="forumlink">
  173.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  174.          <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>
  175.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  176.         </div>
  177.       </div>
  178.      </div>
  179.    </div>
  180.   </div>
  181.   <div class="catrow">
  182.    <div class="catborder">
  183.      <h2><a href="#">Category</a></h2>
  184.      <div class="forumrowborder">
  185.       <div class="forumrow">
  186.         <div class="forumfolder"></div>
  187.         <div class="forumlink">
  188.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  189.          <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>
  190.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  191.         </div>
  192.       </div>
  193.       <div class="forumrow">
  194.         <div class="forumfoldernew"></div>
  195.         <div class="forumlink">
  196.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  197.          <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>
  198.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  199.         </div>
  200.       </div>
  201.       <div class="forumrow">
  202.         <div class="forumfoldernew"></div>
  203.         <div class="forumlink">
  204.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  205.          <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>
  206.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  207.         </div>
  208.       </div>
  209.       <div class="forumrow">
  210.         <div class="forumfoldernew"></div>
  211.         <div class="forumlink">
  212.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  213.          <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>
  214.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  215.         </div>
  216.       </div>
  217.       <div class="forumrow">
  218.         <div class="forumfoldernew"></div>
  219.         <div class="forumlink">
  220.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  221.          <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>
  222.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  223.         </div>
  224.       </div>
  225.      </div>
  226.    </div>
  227.   </div>
  228.   <div class="catrow">
  229.    <div class="catborder">
  230.      <h2><a href="#">Category</a></h2>
  231.      <div class="forumrowborder">
  232.       <div class="forumrow">
  233.         <div class="forumfolder"></div>
  234.         <div class="forumlink">
  235.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  236.          <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>
  237.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  238.         </div>
  239.       </div>
  240.       <div class="forumrow">
  241.         <div class="forumfoldernew"></div>
  242.         <div class="forumlink">
  243.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  244.          <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>
  245.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  246.         </div>
  247.       </div>
  248.      </div>
  249.    </div>
  250.   </div>
  251.   <div class="catrow">
  252.    <div class="catborder">
  253.      <h2><a href="#">Category</a></h2>
  254.      <div class="forumrowborder">
  255.       <div class="forumrow">
  256.         <div class="forumfolder"></div>
  257.         <div class="forumlink">
  258.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  259.          <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>
  260.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  261.         </div>
  262.       </div>
  263.       <div class="forumrow">
  264.         <div class="forumfoldernew"></div>
  265.         <div class="forumlink">
  266.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  267.          <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>
  268.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  269.         </div>
  270.       </div>
  271.       <div class="forumrow">
  272.         <div class="forumfoldernew"></div>
  273.         <div class="forumlink">
  274.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  275.          <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>
  276.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  277.         </div>
  278.       </div>
  279.       <div class="forumrow">
  280.         <div class="forumfoldernew"></div>
  281.         <div class="forumlink">
  282.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  283.          <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>
  284.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  285.         </div>
  286.       </div>
  287.      </div>
  288.    </div>
  289.   </div>
  290.   <div class="catrow">
  291.    <div class="catborder">
  292.      <h2><a href="#">Category</a></h2>
  293.      <div class="forumrowborder">
  294.       <div class="forumrow">
  295.         <div class="forumfolder"></div>
  296.         <div class="forumlink">
  297.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  298.          <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>
  299.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  300.         </div>
  301.       </div>
  302.       <div class="forumrow">
  303.         <div class="forumfoldernew"></div>
  304.         <div class="forumlink">
  305.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  306.          <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>
  307.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  308.         </div>
  309.       </div>
  310.       <div class="forumrow">
  311.         <div class="forumfoldernew"></div>
  312.         <div class="forumlink">
  313.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  314.          <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>
  315.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  316.         </div>
  317.       </div>
  318.       <div class="forumrow">
  319.         <div class="forumfoldernew"></div>
  320.         <div class="forumlink">
  321.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  322.          <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>
  323.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  324.         </div>
  325.       </div>
  326.       <div class="forumrow">
  327.         <div class="forumfoldernew"></div>
  328.         <div class="forumlink">
  329.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  330.          <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>
  331.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  332.         </div>
  333.       </div>
  334.      </div>
  335.    </div>
  336.   </div>
  337.   <div class="catrow">
  338.    <div class="catborder">
  339.      <h2><a href="#">Category</a></h2>
  340.      <div class="forumrowborder">
  341.       <div class="forumrow">
  342.         <div class="forumfolder"></div>
  343.         <div class="forumlink">
  344.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  345.          <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>
  346.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  347.         </div>
  348.       </div>
  349.       <div class="forumrow">
  350.         <div class="forumfoldernew"></div>
  351.         <div class="forumlink">
  352.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  353.          <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>
  354.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  355.         </div>
  356.             </div>
  357.       <div class="forumrow">
  358.         <div class="forumfoldernew"></div>
  359.         <div class="forumlink">
  360.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  361.          <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>
  362.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  363.         </div>
  364.       </div>
  365.       <div class="forumrow">
  366.         <div class="forumfoldernew"></div>
  367.         <div class="forumlink">
  368.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  369.          <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>
  370.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  371.         </div>
  372.       </div>
  373.       <div class="forumrow">
  374.         <div class="forumfoldernew"></div>
  375.         <div class="forumlink">
  376.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  377.          <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>
  378.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  379.         </div>
  380.       </div>
  381.      </div>
  382.    </div>
  383.   </div>
  384.   <p class="markRead"><a href="#">Mark all forums read</a></p>
  385.   <div id="forumIcons">
  386.    <ul>
  387.      <li><label>New posts</label></li>
  388.      <li><label>No new posts</label></li>
  389.      <li><label>Forum is locked</label></li>
  390.    </ul>
  391.   </div>
  392.   <div class="catrow">
  393.    <div class="catborder">
  394.      <h2><a href="#">Who is Online</a></h2>
  395.      <div class="forumrowborder">
  396.       <div class="forumrow">
  397.         <div class="whoisonline"></div>
  398.         <div id="whoIsOnline">
  399.          <p>Our users have posted a total of <b>100000</b> articles in <b>50000</b> threads.</p>
  400.          <p>We have <b>30000</b> registered users.</p>
  401.          <p id="newestUser">The newest registered user is <b><a href="#">User</a></b>.</p>
  402.          <p id="totalUsersOnline">In total there are <b>1300</b> users online :: 100 Registered, 10 Hidden and 1300 Guests.</p>
  403.          <p>Most users ever online was <b>3000</b> on Fri Aug 03, 2007 11:12 am.</p>
  404.          <p id="userLegend">Legend: [ <span class="adminColor">Administrator</span> ] [ <span class="supmodColor">Super Moderator</span> ] [ <span class="modColor">Moderator</span> ]</p>
  405.          <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>
  406.         </div>
  407.       </div>
  408.      </div>
  409.    </div>
  410.   </div>
  411.   <div class="catrow">
  412.    <div class="catborder">
  413.      <h2>General Information</h2>
  414.      <div class="forumInfo">
  415.       You last visited on Sat Jan 01, 2007 12:00 pm. The time now is Sat Jan 01, 2007 12:00 pm.
  416.      </div>
  417.    </div>
  418.   </div>
  419.   <div class="catrow">
  420.    <div class="catborder">
  421.      <h2>Forum Partner Sites</h2>
  422.      <div class="forumrowborder">
  423.       <div class="forumrow">
  424.         <div class="forumpartner"><a href="http://www.bigwebmaster.com/" target="_blank">Big Webmaster Resources</a></div>
  425.         <div class="forumpartner"><a href="http://www.unmelted.com/" target="_blank">Unmelted Templates</a></div>
  426.         <div class="forumpartner"><a href="http://www.bigarchive.com/" target="_blank">Big Template Archive</a></div>
  427.         <div class="forumpartner"><a href="http://guestbook.bigwebmaster.com/" target="_blank">Free Guestbook</a></div>
  428.         <div class="forumpartner"><a href="http://www.ozzu.com/contact.php" target="_blank">Advertise</a></div>
  429.       </div>
  430.      </div>
  431.    </div>
  432.   </div>
  433. </div>
  434. <div id="footerContainer">
  435.   <div class="footerEnd"></div>
  436.   <p>&copy; Unmelted Enterprises 1998-2007. Driven by phpBB &copy; 2001-2006 phpBB Group.</p>
  437.   <div class="footerEnd"></div>
  438. </div>
  439. <div id="pageGenerationTime">
  440.   <div>Page generation time: 0.1s (PHP: 50% - SQL: 50%) - SQL queries: 20 - GZIP disabled - Debug on</div>
  441. </div>
  442. </body>
  443. </html>


Good luck to everyone!
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

This is an awesome idea ... I am going to try my best at completing this one ... Woot!
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Right on, sir. I can't wait to see what everyone comes up with. :thumbsup:
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

First Question, what is the font for the words "Webmaster Forum" in the heading? Anybody know?
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

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
  • Posts: 9089
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

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

http://www.1001fonts.com/font_details.html?font_id=2118
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

Awesome! I want to win! I WANT TO WIN!
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

Awesomefullishtasticness idea :D
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

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!
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Awesome idea. I'm in :) And I'm gonna win :twisted:
  • RedBMedia
  • Proficient
  • Proficient
  • User avatar
  • Posts: 315

Post 3+ Months Ago

Should we submit links to our entry on this thread or how should we submit?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

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

hahahaha! No you're not ... I am
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Yup, provide a link to your page, then paste your CSS in CODE tags.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Okay here is another question ... In the sample code you gave us there is the following:
Code: [ Select ]
<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>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><label>New posts</label></li>
  4. <li><label>No new posts</label></li>
  5. <li><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

And at the same place in the real ozzu site there is the following:
Code: [ Select ]
<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>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
  4. <li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>
  5. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

Am I allowed to put my own images in there then ... ? or how do you want it to be?
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

Awesome contest idea!

I think it'll be tough to top the Smart Dark theme, but I can't wait to see the entries :)
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

righteous_trespasser wrote:
Okay here is another question ...
Am I allowed to put my own images in there then ... ? or how do you want it to be?


Nope, sorry. As far as the discussions the mods had, no images can be inserted. You're going to have to margin or pad off the left and use a background images. Or come up with some really creative solution. :)

That's really what this competition is all about - creative solutions.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

righteous_trespasser wrote:
Okay here is another question ... In the sample code you gave us there is the following:
Code: [ Select ]
<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>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><label>New posts</label></li>
  4. <li><label>No new posts</label></li>
  5. <li><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

And at the same place in the real ozzu site there is the following:
Code: [ Select ]
<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>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
  4. <li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>
  5. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

Am I allowed to put my own images in there then ... ? or how do you want it to be?


don't know... in the rules they said that we have to use the HTML provided... maybe they want to keep those images constant? After all, this IS a CSS competition.
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13502
  • Loc: Florida

Post 3+ Months Ago

For anyone wondering about images, it can be done without altering the HTML, as seen here.

The only major difference is that you'll be linking to actual image files in the CSS like this
Code: [ Select ]
div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  background-image: url("a-visited-background.png");
}
  1. div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  2.   background-image: url("a-visited-background.png");
  3. }


instead of using the "data:" protocol to embed the images directly into the stylesheet like this
Code: [ Select ]
div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR 2AAAAQElEQVR42k3MoQ1AUQhD0U6DQSAYA8Hib6f/U0RTcRMOJOAB3+4qNwg2M5cb3a0FZ zeqSuDs1tvMvNx3jAjl/gFO8kg6Ly7NFwAAAABJRU5ErkJggg==") !important;
}
  1. div#headerNav a:link, div#headerNav a:active, div#headerNav a:visited {
  2.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR 2AAAAQElEQVR42k3MoQ1AUQhD0U6DQSAYA8Hib6f/U0RTcRMOJOAB3+4qNwg2M5cb3a0FZ zeqSuDs1tvMvNx3jAjl/gFO8kg6Ly7NFwAAAABJRU5ErkJggg==") !important;
  3. }

as I did in that example.
Internet Explorer doesn't support the "data:" protocol.

It's not a bad idea to take a look at that examples' CSS before you start on your own entry, & possibly during development if you get stuck.

Also in case anyone's wondering, I do not plan on entering that example, even tweeked to follow the contests rules, into this competition.
I'd feel like I cheated since I've technically had an extra 6 months to develop my entry.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

joebert, you are a BAMF!
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

righteous_trespasser wrote:
Okay here is another question ... In the sample code you gave us there is the following:
Code: [ Select ]
<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>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><label>New posts</label></li>
  4. <li><label>No new posts</label></li>
  5. <li><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

And at the same place in the real ozzu site there is the following:
Code: [ Select ]
<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>
  1. <div id="forumIcons">
  2. <ul>
  3. <li><img src="templates/light/images/folder_new.gif" alt="New posts"><label>New posts</label></li>
  4. <li><img src="templates/light/images/folder.gif" alt="No new posts"><label>No new posts</label></li>
  5. <li><img src="templates/light/images/folder_lock.gif" alt="Forum is locked"><label>Forum is locked</label></li>
  6. </ul>
  7. </div>

Am I allowed to put my own images in there then ... ? or how do you want it to be?


In this competition images are only permitted via CSS.
To win this competition you shouldn't even be looking at current OZZU code. The idea is to come up with something unique and different via style and style only.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Okay coolio ... thanks guys ... Mine is coming along really nicely imo ... this competition is going to be awesome ... for a sample of what I have so long, check out this ...
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

righteous_trespasser wrote:
Okay coolio ... thanks guys ... Mine is coming along really nicely imo ... this competition is going to be awesome ... for a sample of what I have so long, check out this ...


Berry goosenecks Mr RT, sir ... love the colours :D By the way, do you notice the word 'category' behind the links at the top?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Okay, fixed ... I was so stressed about getting it to work in IE6 (Aaarggh!) that I forgot all about the rest ... Now I still have quite a bit to do, but the general concept is there ...
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

I want to take a fork and stab it into the face of IE6. In other news I am smitten with Firefox :D

I'm yet to start on mine. I have an idea for a colour sceme but I'm yet to decide which parts are gonna be that colour and those bits are gonna be the other colour.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I realize that the mods on this forum didn't all have math at school ...
Quote:
In total there are 1300 users online :: 100 Registered, 10 Hidden and 1300 Guests.

100+10+1300 <> 1300
...
100+10+1300 = 1410
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Yes, r_t, you are correct. When I "ipsum"-ifyed the page, I also changed the numbers to dummy information. If you could please overlook my meaningless insertion of random values, I would consider it a personal favor.
:)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

lol ... ofcourse ...
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

righteous_trespasser wrote:
Okay, fixed ... I was so stressed about getting it to work in IE6 (Aaarggh!) that I forgot all about the rest ... Now I still have quite a bit to do, but the general concept is there ...


I'm gonna be a pain in the backside and tell you that it's fine in firefox and doesn't work in IE7 :D
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I'll check that when I'm at home ... it's tough working like this ... at work I've got IE6 and FF(local only) and at home I've got IE7 and FF ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Check Opera too.

Aside: Did you know that Opera was initially developed by the same guy (CTO of Opera) that was a huge part of developing CSS? ;)
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 193 posts
  • Users browsing this forum: No registered users and 1 guest
  • 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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.