CSS Competition #1: Ozzu Look and Feel

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • 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!
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • 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: 5146
  • 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: 6231
  • 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: 5146
  • 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: 9185
  • 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: 8488
  • 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: 6231
  • 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: 6231
  • 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: 5146
  • 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: 6231
  • 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: 5146
  • 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: 8488
  • 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
  • Genius
  • Genius
  • User avatar
  • Posts: 13511
  • 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: 5146
  • Loc: SC-USA

Post 3+ Months Ago

joebert, you are a BAMF!
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23473
  • 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: 6231
  • 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: 6231
  • 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: 6231
  • 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: 5146
  • 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: 6231
  • 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: 6231
  • 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: 5146
  • 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? ;)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

digitalMedia wrote:
Aside: Did you know that Opera was initially developed by the same guy (CTO of Opera) that was a huge part of developing CSS?

Awesome, so that's probably why Opera handles CSS correctly ...

Aside: I figured out the way to make those little icons work that I was asking about earlier ... think outside the box ... woohoo!
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

righteous_trespasser wrote:
Awesome, so that's probably why Opera handles CSS correctly ...


Red Herring, sir. Actually there isn't a browser that's supports standards 100%. CSS 1 was nearly 100% supported by Internet Explorer for Mac which I think is a different rendering engine than IE for Windows (Trident).

...and yes, before the lynch mob lights their torches, of 5 or 6 different engines, IE7 is considered the least supportive, currently. Microsoft does claim, however, that Expression is the most compliant, but I don't develop in that so I can't say.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Oh how awesome is this, I am gonna do something really girlie LOL
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

Benat wrote:
Oh how awesome is this, I am gonna do something really girlie LOL

How would you like to team up and come up with a killer "My Little Pony" theme? :P
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

spork wrote:
Benat wrote:
Oh how awesome is this, I am gonna do something really girlie LOL

How would you like to team up and come up with a killer "My Little Pony" theme? :P


That would be sweet lol
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Posts: 1415
  • Loc: 55° N, 3° W

Post 3+ Months Ago

A couple of quick questions:

1)Is it really necessary to have that ugly old transitional doctype? I hate working under that thing.

2)Will the current Ozzu logo have to part of the design? Just wondering, since if I create my own layout it will obviously have my own logo as the current colours may not blend nicely with those of my own design. Is there an Ozzu dragon "base image" that can be worked on to include in my own effort? Or is it open-season on logos?
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9185
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

You can use whatever logo that you want -- and you can change the entire look of ozzu if that is your plan (ie. menu can be on left instead of the right side; images, fonts, etc can be changed). Pretty much whatever for the most part as long as the html doesn't change.

What doctype are you wanting to use?
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Posts: 1415
  • Loc: 55° N, 3° W

Post 3+ Months Ago

Just a strict one, html 4.

Since I posted the above, I've been getting along fine with the transitional one - I just had to put my thinking cap on in a few places. Changing it is not really necessary now. However, if it could remain open as an option then that may be useful later. I'm cool with it as is, but I've no complaints if strict was ok too.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I also have a question about the competition.

With the HTML not being allowed to change. If I create my own stylesheet, its obviously not going to be the 2000 or so lines that ozzu is at the moment, so wouldn't it make more sense to remove the <div> tags that aren't doing anything for the design? Or perhaps removing the ones that are not needed and renaming the ones that are to suit our design?
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

I doubt you can rename and I bet that deleting unused DIVs would be bending the rules a little...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Those DIVs could be used for design stuff. ;)
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9185
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

If digitalMedia allows it the following two doctypes would be fine for ozzu:

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


or

Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Other than that the HTML shouldn't be changed.
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

No XHTML 1.0 Strict? :(
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

There's a mistake, I mean... erm... an "intentional obstacle" in your HTML, dM:
Code: [ Select ]
[ <span class="supmodColor">Super Moderator</span> ]


Should be
Code: [ Select ]
[ <span class="supModColor">Super Moderator</span> ]

to be consistent. The rest of the HTML uses "supModColor" (with a capital M) as the class name for super mods.

Just a heads up. :wink:
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Yeah, I forgive myself. I hope you will too. :P
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

lol ... maybe ... okay ... no ... yes ... uhmm ... only on wednesdays ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

How 'bout days that end in "y"? :lol:
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9185
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

spork wrote:
No XHTML 1.0 Strict? :(


The problem with XHTML for ozzu is it might require me to change over the other two themes and some of the backend programming that I hardcoded into phpbb -- that is, if you are hoping ozzu might use your theme. On my side I think most of the HTML might be XHTML compliant, but I haven't even looked into it.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9185
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Just a heads up, I just recall why I decided not to go with a strict doctype with Ozzu. In strict mode ozzu only has one error on the validator, and that is that strict does not support the

Code: [ Select ]
target="_blank"


I use target for all outbound links because it would seem to make sense to me that external resources be linked in a new window.

CSS 3.0 supports different targets, but I do not think many browsers at this time would support that.

The only other alternative I can think of would be using Javascript for all outbound links, but I don't really care for that either -- I tried that on bigwebmaster.com for awhile and I would get complaints every now and then that links wouldn't work (my guess is their javascript was off).
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Bigwebmaster wrote:
If digitalMedia allows it the following two doctypes would be fine for ozzu:

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


or

Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Other than that the HTML shouldn't be changed.


After thinking about this for a while and for the sake of the comp, I think it's best that everyone should work with the same markup. However, I'm not going to be closed minded. If anyone REALLY wants to plead a case for one DTD over another.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

Hey, I think a div didn't get closed in the HTML.. here's the second forum in the very last category:
Code: [ Select ]
      <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 class="forumrow">
  1.       <div class="forumrow">
  2.         <div class="forumfoldernew"></div>
  3.         <div class="forumlink">
  4.          <h3><a href="#">Forum</a></h3> [ <acronym title="Posts">90000</acronym> / <acronym title="Topics">7000</acronym> ]
  5.          <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>
  6.          <p class="forum_moderators">Moderators: <a href="#">Moderators</a></p>
  7.         </div>
  8.       <div class="forumrow">

Notice how the forumrow class didn't get closed before the new one started? Should I just go ahead and change it in my HTML?
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6819
  • Loc: Martinsburg, WV

Post 3+ Months Ago

The HTML passes validation so I think it is fine, the validator would have picked up a missing closing tag.
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

It may validate, but it's definitely not correct. Perhaps the div is closed elsewhere?

I can definitely see the difference in my design..
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

grinch2171 wrote:
The HTML passes validation so I think it is fine, the validator would have picked up a missing closing tag.


Yup, using direct input method I get the same results from validator.w3.org
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

spork wrote:
It may validate, but it's definitely not correct. Perhaps the div is closed elsewhere?

I can definitely see the difference in my design..


Let me review this. I'll get back to you.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Are you guys validating and/or checking the live site or the markup I provided?

With the mark up I provided, I find no nesting errors and no validation errors.

With the live site, there are errors. Without validation or any other checking, I can see two errors.

There is a DIV occuring after the closure of BODY and HTML
There is a DIV closure occuring after the BODY and HTML
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

grinch2171 wrote:
The HTML passes validation so I think it is fine, the validator would have picked up a missing closing tag.

It's not something that would make it fail validation.. just ends up putting the next three forums inside that second one. Not a huge deal.. it just looks kind of weird since it indents differently.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

jameson5555 wrote:
It's not something that would make it fail validation.. just ends up putting the next three forums inside that second one. Not a huge deal.. it just looks kind of weird since it indents differently.


jameson5555: Can you identify the line number?
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6819
  • Loc: Martinsburg, WV

Post 3+ Months Ago

I just looked through my HTML I am working on and it is indeed missing. Line 355 on mine.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Yup, I found it too. Good catch guys. Here's your updated markup...
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>


It wasn't throwing an error because it was closing at line 387.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

I've updated the markup in the original post as well. Thanks again for spotting that jameson5555.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

digitalMedia wrote:
I've updated the markup in the original post as well. Thanks again for spotting that jameson5555.

Looks good now! Thanks for fixing it so fast :D
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9185
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

digitalMedia wrote:
There is a DIV closure occuring after the BODY and HTML


Only for moderators on the live site. It was something temporary that I put in when Ozzu went through a period of very slow load times.

Nobody else sees that.

With regards to the other problem, does that exist on the live site?
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Bigwebmaster wrote:
Only for moderators on the live site. It was something temporary that I put in when Ozzu went through a period of very slow load times.


Duh...this thread is making feel progressively st00pid. :oops:
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

digitalMedia wrote:
Bigwebmaster wrote:
Only for moderators on the live site. It was something temporary that I put in when Ozzu went through a period of very slow load times.


Duh...this thread is making feel progressively st00pid. :oops:


Everyone has his/her times ;) "Stuff happens" we say around here :lol:
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

Or according to Ozzu rules, plum happens.

Thanks for the fix dM.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

My design is going along well, but I am so stuck as to what kind of graphics to use, I have colours, backgrounds, and everything else, but I am stuck with graphics. Damn it!
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

I'm assuming you have to make the graphics yourself :lol:

That's what I'm trying to accomplish in GIMP here... would have being better if I could afford Photoshop though...
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I am still stuck on ideas, I did one header and it looked terrible. LOL!

No stock images suit what I am trying to do, and all my mouse drawn graphics are too "not ozzu"

Back to the drawing board I guess..
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

So how's everyone doing with their entries? I can't wait to see what everyone came up with! Only a couple more weeks left... :)

Putting the finishing touches on mine now...
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

I've got most things done now ... I'm just not sure about the text ... just doesn't look right at the moment :D
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

You mean the font doesn't look right?

I tried a few things but finally stuck with Verdana.
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

jameson5555 wrote:
You mean the font doesn't look right?

I tried a few things but finally stuck with Verdana.


Yeah ... Verdana's pretty much my mainstay ... but also the colour and size ...
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I don't think I am going to finish in time, too busy with christmas and general life.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Well scrap what I said I am almost finished it now. Haha.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

Benat wrote:
Well scrap what I said I am almost finished it now. Haha.

Nice!

I just have one more image to make, then I'll be done :dance2:
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I've got to redo the footer then I am done WOOHOO!

I didn't expect to ever finish it, but I don't know what came over me, I've been sitting here for like 3 hours and I didn't even realise :lol:

Well here is a preview of my design.

Image

I am SO happy with it!
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

That looks awesome Benat!
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

:shock: @ Benat
  • LAbrego
  • brego from LA
  • Web Master
  • User avatar
  • Posts: 2856

Post 3+ Months Ago

*stare at the picture with dislocated jaw


wow!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Thanks guys, I love it!

It has a few bugs in IE (typical) So I have to work on that over the next few days to iron them out.

But thats my girlie touch :D
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

I absolutely love it Benat. Very fresh and original!

I haven't worked on my design in probably a month as I've been busy with so many other things. I'll have to dig mine up tonight and work out the IE bugs (go figure) within the next few days.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I just can not get it to work cross browser, its driving me nuts. So much for my awesome design... grrr.
  • CA-SA
  • Busy Student
  • Proficient
  • User avatar
  • Posts: 272
  • Loc: Under the giant stack of papers

Post 3+ Months Ago

have fun trying...

Hint: write special css files for the bad browsers if allowed.
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

Not allowed in this competition. The same CSS must work in IE, FF, and Opera.
  • CA-SA
  • Busy Student
  • Proficient
  • User avatar
  • Posts: 272
  • Loc: Under the giant stack of papers

Post 3+ Months Ago

... AND Safari
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

Opera and Safari are so similar, testing for them is pretty easy if you have one or the other.
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6367
  • Loc: twitter.com/unflux

Post 3+ Months Ago

*applauds benat's screenshot*

well done! can't wait to see it. Image Image
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I can't get it to work in all browsers, I don't think I am going to beable to work the kinks out in time cos I am too busy with family and holidays and stuff.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Benat wrote:
I can't get it to work in all browsers, I don't think I am going to beable to work the kinks out in time cos I am too busy with family and holidays and stuff.


Benat,
Does it not work in IE6? Or both IE6 and IE7? I ask because IE6 isn't in the scope of the competition. You don't have to worry about IE6. ;)
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Ok Ok Ok, I have to stop doing this LOL, but I managed to work the bugs out in IE, FF and Opera ( I had to flip the design back around the normal :sad:).. So now I am submitting it.

If anyone spots any other bugs can they please let me know I have done my best too work them all out, but I could have missed a few.

Validated CSS - http://jigsaw.w3.org/css-validator/vali ... medium=all

CSS file - http://electrafiying.com/ozzu/style.css

Design - http://electrafiying.com/ozzu/

*I am very nervous because this is the first totally CSS forum design I have ever done and it took me forever lol*

Comments are welcome :D
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Holy crap! We have an entry...and it ROCKS! :shock: :D :shock: :D
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Thanks dM! :D
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

jesus Benat it's so fantastic! I love love love it.
only one thing I can spot but it's in IE6 so maybe not relevant - all your left-side divs are missing about 3 px off the bottom. it still looks ok though - nothing messed up too badly......

but the design is fantastic! great work. can't wait to get mine up................................... though it ain't gonna top this.

way to go girl.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Thank you so much C, much appreciated girl. I was determined to not change the design too much because I love Bigwebs light design *but* I needed to add my touch to it and as I told you before I didn't want it to be too girlie, just designy.

I am telling you though, this comp had taught me SOOO much about CSS, I feel alot more confident designing with CSS now, then I did before, maybe because it took me forever to get it to work the way I wanted it to work :lol:
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

ok here it goes...... still a beta though, needs ironing in a few spots but I really needed to see it online.....

lessee now - W3C validation here

actual entry here

css here

if someone can actually tell me how bad it looks in IE7/ Opera I'd be most grateful.... I've only got access to FF and IE6 here, so I'm flying blind.......

//benat - yes, it's very designy, and not at all girly. and I know what you mean about the layout - you'll see I didn't mess with it myself. messed with other things though.... lol

and yes it's taught me a mountain. still teaching me in fact. I dream of it (padding nightmares.........)
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

I love the spatula :)

Here's a screenshot using Safari 3.0.4 on my PowerBook. You can also use this as a good indication of what it will look like in Opera.

Image
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6819
  • Loc: Martinsburg, WV

Post 3+ Months Ago

In IE7 you have a horizontal scroll bar using 1280x1024 resolution same in FF for that matter.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Guys...er...Men! C'mon! The chicks are kickin' your butts! :lol:
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Ohhhhh NICELY done C! I absolutely LOVE it!

It came together beautifully!
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6367
  • Loc: twitter.com/unflux

Post 3+ Months Ago

holy.... Image

uhh.... Image

wow.... Image

and.... Image

VERY NICE BOTH OF YOU LADIES! Image Image Image
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

Both of them look fantastic! Nice job both of you!

Alright, it's time for the men to fight back here :)

Here's my entry in its current state... I still have some bugs to fix, some sizing and shading issues, etc.

Here's my entry, here's the CSS, and this shows how nice and valid it is!

Now for these gosh-darned bugs... Yarggghhh!
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6367
  • Loc: twitter.com/unflux

Post 3+ Months Ago

damn spork that is dead sexeh Image
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 325
  • Loc: Cork, Ireland

Post 3+ Months Ago

nice one spork. Just noticed about this competition today. It has been a while since I get my hands dirty with CSS :) I'll probably joining you guys later. can't wait to see others submission.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Nice one spork :D Look great!

The girls are still winning though :P
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

Oh we'll see about that! R_T and a few others still have yet to submit theirs ;)
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

spork - thanks for the screenshot - it looks great from what I can see! aligning nicely.... so it's only IE that's the problem (thought it would be of course) - and have to kill that scroll bar.

cool entry, by the way! clean and traditionalist..... like the colors. I plan to do a bit of digging through your code to see how you did some things...

personally I'm waiting for R_T, Jameson, and Breeze.... really curious what the boys will come up with..... and of course, I presume dM is going to put up his solution - even if it isn't part of the official competition.......... cuz that had some real promise, from those initial screen shots..............

gosh darn it this is so fun!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Its all good Spork, all in good fun.

So Bigweb and dM what is going to happen with the winner? Is it just for bragging rights? Or is there going to be something made that they can put in their sig to deem them the winner of the comp?

Personally I can't wait to see Breezes.

C'mon boys! Lets see those entries :D
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6819
  • Loc: Martinsburg, WV

Post 3+ Months Ago

Competition Rules wrote:
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!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Yeah I knew that bit Grinchy lol
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

I have to admit, I'm impressed by every single entry so far. I'd be glad to have any one of those designs added to the theme options. (I am kind of favoring that robot with the spatula, though...)

Ok, so here is my humble attempt. I had a lot of fun with this over the past couple of months and learned a ton about CSS along the way.

Here is my entry with CSS that validates.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

UNFLUX wrote:
damn spork that is dead sexeh Image


Ctrl-A, Ctrl-C, Ctrl-V

That goes for Jameson too!
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

whoah! how did you do that rollover? neat........ I see the real fun with this competition will be scavenging through everyone's code once it's over to pick up new tricks.............

it keeps fascinating me how different all our takes are... we're working from the same basic code, and yet the things we produce resemble each other not at all.

anyhow I'm glad the spatula seems to be being taken in the right spirit - I did do a proper dragon design - like so -

Image

but I thought spatula just has more heart somehow.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Benat wrote:
So Bigweb and dM what is going to happen with the winner? Is it just for bragging rights? Or is there going to be something made that they can put in their sig to deem them the winner of the comp?


We didn't really talk about awards, but I like the idea about the sig. I would imagine actually implementing a look and feel would be up to BigWeb's available time, etc.

But YES, bragging rights. So far, the competition is pretty tight with some damned talented people.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

celandine wrote:
whoah! how did you do that rollover? neat........ I see the real fun with this competition will be scavenging through everyone's code once it's over to pick up new tricks.............

it keeps fascinating me how different all our takes are... we're working from the same basic code, and yet the things we produce resemble each other not at all.

anyhow I'm glad the spatula seems to be being taken in the right spirit - I did do a proper dragon design - like so -

Image

but I thought spatula just has more heart somehow.

That proper dragon is pretty sweet, too. I wish I had your drawing skills.. But yeah, the spatula robot has a lot of heart. :)

The rollover effect on the forum rows doesn't work on IE6 because IE6 doesn't support a hover state on anything but links, but the good browsers seem to do just fine with it.. here's the code I used:
Code: [ Select ]
    .forumrow:hover{
        background:transparent url("images/catbackover.png") scroll repeat-y 0px 0px;
        }
  1.     .forumrow:hover{
  2.         background:transparent url("images/catbackover.png") scroll repeat-y 0px 0px;
  3.         }
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

I must say to me so far Benat's design looks cleanest.
but yes, tight competition..... dM, when's yours coming up?
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

and the transparency is a png24? I must try that out... looks wicked.

drawing skills nix - scavenging skills. the dragon is a free-to-use wingding from Dafont. it's not what you know, it's who you know ;)

anyhow you seem to be doing just fine on your own - your entry rocks! (one thing - a tiny teeny niggling little thing - I'd make the bottom corners of the sidebar rounded too......)
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

celandine wrote:
and the transparency is a png24? I must try that out... looks wicked.

drawing skills nix - scavenging skills. the dragon is a free-to-use wingding from Dafont. it's not what you know, it's who you know ;)

anyhow you seem to be doing just fine on your own - your entry rocks! (one thing - a tiny teeny niggling little thing - I'd make the bottom corners of the sidebar rounded too......)

No transparent pngs were used in my entry at all. I didn't want to have to deal with the hacks to get them working in IE6, so I used solid pics only.

I actually did design a curved bottom for that sidebar, had it all ready to go, but in the end I couldn't find a free div to put it in!
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

jameson555 wrote:
I actually did design a curved bottom for that sidebar, had it all ready to go, but in the end I couldn't find a free div to put it in!

lol! It looks good this way as well...
jameson555 wrote:
No transparent pngs were used in my entry at all.

so what does the actual image (images/catbackover.png) look like? and what makes it transparent, just the background:transparent command?
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

celandine wrote:
so what does the actual image (images/catbackover.png) look like? and what makes it transparent, just the background:transparent command?

This is the image right here.

It's actually not transparent at all. It just looks like it is I guess because I used layer transparencies in Photoshop when I designed it. The background:transparent just keeps there from being a flash of a solid color while the browser loads the image.
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

god I am dense sometimes...... hahahaha yes now I get it. but it is a very clever illusion - it does look like translucent film. I couldn't get my mind to think about it differently.................... nicely done.

umm... is anyone else still obsessing over their entry even though they've submitted it? a few more hours and hopefully I'll have gotten most of the bugs out of it.... but the thing that bugs me most of all - I've got one - count it - ONE - pixel giving me a horizontal scroll bar in FF. It's gone in IE, and it's down to one pixel in FF. and I can't find it.
aaaah........... wheeere aaaare yooou....?............

(going nuts here................)
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

WOAH jameson, Your entry ROCKS! I really really love it :D I am so glad bigweb has given us a chance to do this, because its showing some of the awesome talent this place has to offer.

Also dM I thought of the sig thing because of the Ozzu oscars. Thought it would be nice for the winner and runners up to have a little something incase bigweb doesn't have time to implement the design that wins :)
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

Benat wrote:
WOAH jameson, Your entry ROCKS! I really really love it :D I am so glad bigweb has given us a chance to do this, because its showing some of the awesome talent this place has to offer.

Thanks Benat :D

The butterfly design you came up with is absolutely amazing, by the way!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I feel like mine is really amateurish compared to some of these other ones LOL!
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

Benat wrote:
I feel like mine is really amateurish compared to some of these other ones LOL!

I think we're probably all feeling that way right about now... I mean, I figured you guys would come up with some good designs, but this is crazy! :shock: :)
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Yup yup, I agree!

The good thing is now bigweb has a whole range of ideas for new themes hehe.
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

celandine wrote:
umm... is anyone else still obsessing over their entry even though they've submitted it?

Hahaha.... have you looked at mine in IE yet? It's atrocious! Of course I am!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

its not that bad hun!
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

Spork wrote:
Hahaha.... have you looked at mine in IE yet? It's atrocious! Of course I am!


good, at least I'm not alone..... spent 7 hours on it yesterday, and I'm down to two glitches (posted over in 'website design' so I won't bore you with it here, but man they're kicking my.... khhkhm.... behind.......

oh spork, one more question - and I ask you cuz it seems to me so far only you have done it - how'd you get the 'bigwebmaster', 'joebert' etc etc links in the 'whoisonline' div to have the same color as .adminColor etc? I had no trouble doing those three classes, but now whatever I do I can't attach them to the links below. I thought something simple like
Code: [ Select ]
.adminColor a {blah blah}
might do it but 'ffcourse it don't......................... I was actually digging through your code to see if I can find it, but I'm none the wiser! :)
Benat wrote:
its not that bad hun!

thanks sweetie. and as for yours being most ammateurish, far from it - you've got my vote so far. and this is no girl power thing - it's merely the fact that yours looks by far cleanest. you knew exactly what you wanted and you pulled it off perfectly. others are going for more 'advanced' effects in some areas, but they all show little issues and inconsistencies along the way (including mine, big-time....) yours is most rounded-off.

and yes, I think we all feel like ours is the worst. I sure do. you just get overwhelmed by all the cool elements - both on the design and the programming side - that everyone else put in....
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

ok here goes the alpha version.... the final, last and irrevocable entry.

design - code - validation

and a great big warm thank you to jameson, grinch and bigweb for pulling together to solve my final bug. thanks guys.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

celandine wrote:
ok here goes the alpha version.... the final, last and irrevocable entry.

design - code - validation

and a great big warm thank you to jameson, grinch and bigweb for pulling together to solve my final bug. thanks guys.

Looks great! And nice work with the color-coding in the 'who is online' area!
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

yeah that took a while :)

I think it's pretty close to identical now in all 3 browsers.... and if anyone spots any discrepancies.... don't tell me :)
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Posts: 1415
  • Loc: 55° N, 3° W

Post 3+ Months Ago

I kinda lost focus on this one - after realising that forums are quite difficult to design for. I was aiming for a blog style design in fashionable colours, but in the end things started to drift away from what I had in my head.

Not all that pleased with the outcome (a little too empty somehow), but here it is anyway...

design css validation
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6367
  • Loc: twitter.com/unflux

Post 3+ Months Ago

are you kidding? I think it's a great entry. I love how it's completely different from anything else entered so far. I also like that you chose to go with a fixed width and not a flowing design for something different. Good job IMO.
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

I like the alternating indentation for the forums. That's something pretty unique that I never would've thought of. The whole design looks nice and clean.
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Posts: 1415
  • Loc: 55° N, 3° W

Post 3+ Months Ago

UNFLUX wrote:
are you kidding? I think it's a great entry. I love how it's completely different from anything else entered so far. I also like that you chose to go with a fixed width and not a flowing design for something different. Good job IMO.


Thanks for the compliments!

I guess I'm just frustrated that what was in my head at the start was not what came out at the end - the story of my life.
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

Zwirko wrote:
I guess I'm just frustrated that what was in my head at the start was not what came out at the end - the story of my life.

haha I know how you feel... in fact I think you just defined the profession of a designer there. but the entry is fantastic. I might have done something a little different with the colors, but the feel, look and shape of absolutely everything is spot on - in fact I think your entry is my new favourite......... if it was an ozzu skin I'd use it.
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 325
  • Loc: Cork, Ireland

Post 3+ Months Ago

Pardon me but it has been quite a while since the last time I did any CSS coding.

Anyway, here's my entry for this competition:
design | css | validation

The design 'should' work in major web browsers and degrade gracefully in older browser.

I'm still working on fixing one of the margin/spacing bug in IE6 and below in my yop Nav header division. It does look like a 'double margin float' bug, but I've tried the suggested fix but failed. Any input is highly appreciated. thanks.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

Nice job :D
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 325
  • Loc: Cork, Ireland

Post 3+ Months Ago

Benat wrote:
Nice job :D


thanks. I still can't fix the margin bug in IE6 and below. :(
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

cool :D I like what you did with marking the Admin, Supermoderators and Moderators - quite original!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

// xfahmix - I just realised you are from the region that my family originally comes from!

I love the design, its very original :D
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 325
  • Loc: Cork, Ireland

Post 3+ Months Ago

thanks guys. I really appreciate that :D

I've been studying for almost 5 years now. imo, Cork is a fantastic place to live in. No wonder Ireland was named the best place to live in the world.
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

Isn't Cork the city that used to be Queenstown, which I remember because it's where the Titanic stopped on it's way to the doom and gloom of the bottom of the atlantic. I would like to take this opportunity to w00t for nerds!

My design's still having problems ... should be able to finish it before the deadline though ... should ...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

come on Breeze.... we're all waiting for you and R_T... the competition won't be proper without you!

anyhow I'm off into the mountains now... good luck one and all! Merry, Happy, and all that! see you on the other side......
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 325
  • Loc: Cork, Ireland

Post 3+ Months Ago

Breeze wrote:
Isn't Cork the city that used to be Queenstown, which I remember because it's where the Titanic stopped on it's way to the doom and gloom of the bottom of the atlantic. I would like to take this opportunity to w00t for nerds!

My design's still having problems ... should be able to finish it before the deadline though ... should ...


I'm residing in Cork City while the town you mentioned, Queenstown which now is known as Cobh (Cove), is a small port town 30 mins by bus from here located near the Cork Harbour. Although it is in the same county (County Cork) but they are two different city/town. And you are right, Cobh was also the Titanic’s last port before its tragic shipwreck.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

That is so awesome, I was just talking to an irish friend yesterday about County Cork and he had no idea where it was! I thought I had got it wrong, but now I know I didn't YAY.
  • Breeze
  • Photographer
  • Guru
  • User avatar
  • Posts: 1029
  • Loc: Australia

Post 3+ Months Ago

xfahmix wrote:
I'm residing in Cork City while the town you mentioned, Queenstown which now is known as Cobh (Cove), is a small port town 30 mins by bus from here located near the Cork Harbour. Although it is in the same county (County Cork) but they are two different city/town. And you are right, Cobh was also the Titanic’s last port before its tragic shipwreck.


Thanks for clearing that up ... not so sure about my entry now ... but I'll sit here for the rest of the day trying to get t up to scratch for you :D
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6367
  • Loc: twitter.com/unflux

Post 3+ Months Ago

xfahmix wrote:
Pardon me but it has been quite a while since the last time I did any CSS coding.

Anyway, here's my entry for this competition:
design | css | validation

The design 'should' work in major web browsers and degrade gracefully in older browser.

I'm still working on fixing one of the margin/spacing bug in IE6 and below in my yop Nav header division. It does look like a 'double margin float' bug, but I've tried the suggested fix but failed. Any input is highly appreciated. thanks.

I absolutely LOVE the sheild and dragon. Awesome job with the colours too, very original and a good C.O.P.
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

I can't wait til the poll is opened :D
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

I just didn't finish my entry in time... I'm too late
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

You should still have time.
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Posts: 3422
  • Loc: Richland, WA

Post 3+ Months Ago

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


While you may be in the year 2008, digitalMedia is still in the year 2007 and midnight to him will not be for another 10 hours or more. KEEP CODING! :D
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

No one is around to close the comp! dM? Wake up! Hehe
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Hey guys. Sorry for being slow...holiday stuff. I'll get these together and get the voting going soon.

:D
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

hey, where's the voting and things? I ran away into the mountains to escape the tension, but I see the tension has sat patiently waiting for me to come back...
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

dM has dissapeared again, Uh oh... :P
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

I'm here, I'm here. I'll have voting up before the weekend get's here (EST). :D
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

w00t!
  • Benat
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2122

Post 3+ Months Ago

YAY!
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

Huzzah!
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

hey can the participants vote as well? (not for ourselves of course :)
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5146
  • Loc: SC-USA

Post 3+ Months Ago

Yup. :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6231
  • Loc: South-Africa

Post 3+ Months Ago

celandine wrote:
hey can the participants vote as well? (not for ourselves of course :)

Why not for yourself? ... I think you can ... If you like yours the most there's no reason not to ... here's my late entry (which isn't done yet btw) ... http://www.ohdesignx.com/ozzu/index.htm
  • spork
  • Brewmaster
  • Silver Member
  • spork
  • Posts: 6299
  • Loc: Seattle, WA

Post 3+ Months Ago

This is for not submitting your design in time:

*slap*

...and don't you forget that!
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

I wish this competition was still on :cry:

Also, I had read in another thread that dM was working on one simply for the challenge - any chance you finished and/or can upload it?
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Wow I'm late... A tad bit TOO late :lol:

I hope theres another CSS comp coming up soon...
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

I'd settle for a web design one in general. You still up for the futuristic one? lol
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Yup. I'm definitely up for future comps on this topic... I was up for this one but things got in the way and I forgot about this one :(
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

Were you wanting to just do a start from scratch or take the forum markup and build a CSS futuristic theme around the forum?
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Start from scratch :P (If you're talking about the new CSS design comp that I was talking about :D)
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

Well if it's CSS design we both have to use the same HTML, otherwise it's not really CSS only lol
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Yeah, I know. Same HTML different CSS. Challenge to the max :P
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

But what HTML are we gonna use?
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

don't know... that depends on what the mods want when they think about this and possible create another one...

I can create some HTML though :P
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

That's why I suggested using the forum mark up :P
Maybe from scratch would be easier...we'll just use the rules found here.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Yeah... hopefully a mod would set up a competition for it :P *psst* mods *psst* :lol:
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

There's already one there, lets just do this one for kicks and see if we can't garner some support lol
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Like me against you? :o
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

Well I guess that's how it will start but maybe some other(s) will jump in :P
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

:lol: so it's a member start competition except it won't be in competitions forum... :)

You want to start the topic with the rules?
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

I'll do some messaging and see what I can pull.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

ok
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

I just don't want to start posting new comps in the competition forum (if regular users even can) and stir something up :)
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

I don't think regular users can...
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

lol then how was I supposed to post the rules :P
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

:lol: hack into OZZU and make yourself a moderator haha

No don't do that, let's just hope a mod notices this and decided to post another HTML AND CSS comp :P
  • SB
  • Moderator
  • Genius
  • User avatar
  • Posts: 8749
  • Loc: Aberdeen, Scotland

Post 3+ Months Ago

Bogey wrote:
:lol: hack into OZZU and make yourself a moderator haha

No don't do that, let's just hope a mod notices this and decided to post another HTML AND CSS comp :P


A mod has noticed it. I'll see what i can do.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

Awesome! :D I'm looking forward to this...
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

I'm just getting bored of programming and I haven't felt like designing something just for the hell of it. Even though that's technically what this is, at least it's striving for a goal.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8488
  • Loc: USA

Post 3+ Months Ago

:D The goal being to win the comp :D
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2193
  • Loc: Canada

Post 3+ Months Ago

I'd rather just see other people's takes on things. :)

Post Information

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

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