elfprince13 wrote:
comicIDIOT wrote:
C6M was designed to be as lightweight as possible and mimic the feel of Cemetech6 but without any of the Javascript and much less HTML - ideally in the table end of things. C6M uses one table and one table only. I can't vouch for the the quote and code things but the base template for C6M is one table. Now, I may have multiple tables on a page but never one inside the other.
We should be able to pretty trivially have the same look and feel without tables at all.
Quote:
comicIDIOT wrote:
Using the same CSS for both desktop and mobile would get way to convoluted and you'd have things taking up valued space on small devices.
I don't want to be offensive, but I don't think you understand how it works. I'm not saying you use the same CSS for both, I'm saying you use the same HTML for both and choose the CSS individually using @media definitions and allow the user-agent to choose the proper style sheet. It would be trivially to stick global css definitions in one file, handheld in another, and screen in another, including all three by default, but with a link to allow users to switch at will (only include one or the other) if their user agent is too dumb to figure it out.
Quote:
Quote:
Also, I'm not sure you've seen the source for cemetech. There are no proper class names for each thing. If I wanted to hide "Latest Headlines" using just CSS, I'd be SOL; I'd have to restyle the WHOLE site anyways. Everything on the left side is composed of sideheadtop, sideheadmiddle and sideheadbottom. There's no div that specifies it's "Latest Headlines" or "Online Users."
It's damn easy to find classes that need to be differentiated and add a duplicate definition (with some commas) to the screen media file, and a separate definition with display:none in the handheld media file.
Code:
<td style="width: 200px; vertical-align: top;">
<div class="sideheadtop">
Logged In </div>
<div class="sideheadmiddle">
Welcome back, comicIDIOT.<br />
» <a style="color: #fff;" href="/forum/search.php?search_id=newposts">Go to the new posts</a><br />
» <a style="color: #fff;" href="/forum/viewonline.php">Online Users</a><br />
» <a style="color: #fff;" href="/forum/./calendar.php">Calendar</a><br />
» <a style="color: #fff;" href="/forum/profile.php?mode=editprofile">Edit Profile</a><br />
» <a style="color: #fff;" href="/forum/privmsg.php?folder=inbox">You have no new messages</a><br />» <a style="color: #fff;" href="/forum/login.php?logout=true&redirect=/forum/posting.php?mode=quote&p=140012&sid=95585b66b9fda284e880474f64ac1a29">Logout</a> </div>
<div class="sideheadbottom">
</div>
<div class="sideheadtop">
Latest Headlines
</div>
<div class="sideheadmiddle">
» <a style="color: #fff;" href="/news.php?id=444">Obliterate v1.0: Scorched Earth for Your Calc</a> <br />» <a style="color: #fff;" href="/news.php?id=443">Casio Prizm: Why TI Calc Coders Should Abandon the Nspire CX</a> <br />» <a style="color: #fff;" href="/news.php?id=441">Obliterate v1.0 Beta: AIs and More</a> <br />» <a style="color: #fff;" href="/news.php?id=440">globalCALCnet Slashdotted, Obliterate Progress</a> </div>
<div class="sideheadbottom">
</div>
<div class="sideheadtop">
Online Users
</div>
<div class="sideheadmiddle">
There are a total of 55 users online: 9 members, 39 guests and 7 bots.<BR>Members: christop, DShiznit, Goplat, IRC, <span class="admincolor">KermMartian</span>, <span class="modcolor">Kllrnohj</span>, ParkerR, <span class="modcolor">TheStorm</span>, <span class="modcolor">_player1537</span>.<BR>Bots: <i>Googlebot (3)</i>, <i>Yahoo! Slurp (3)</i>, <i>Spinn3r (1)</i>. </div>
<div class="sideheadbottom">
</div>
<div class="sideheadtop">
RSS Feeds
</div>
<div class="sideheadmiddle">
<a href="/scripts/cemetechnews.php"><img style="border: 0px;" src="/forum/templates/Cemetech6/images/rss.png" alt="[RSS]" /></a> News Headlines<br />
<a href="/forum/rss.php"><img style="border: 0px;" src="/forum/templates/Cemetech6/images/rss.png" alt="[RSS]" /></a> Latest Posts
</div>
<div class="sideheadbottom">
</div>