Style sheets and tables

mephisto_kur
Sr. Member

Posts: 308

Hi ho.

Re:Style sheets and tables

« Reply #15 on: February 11, 2003, 08:45:26 PM »

This is my YaBBSE template. The WHOLE THING. (minus style, of course). I have 1 table, and the only reason for that is I haven't quite gotten the positioning right with divs...

Code Select


<HTML>
<HEAD>
<TITLE>
      <yabb title>
</TITLE>
<link rel="stylesheet" href="Skins/brownandgrey/style/proof.css">
<LINK REL="SHORTCUT ICON" HREF="http://beelzebub:8081/yapp/links/hbfav.ico">
<META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<META content="<yabb title>" name=description>
</HEAD>
<BODY>
<script type="text/javascript" src="Skins/brownandgrey/style/textfader.js"></script>
<TABLE id="pageheader" cellSpacing=0 cellPadding=0>
    <TR>
        <td id="logo" alt="Heavybrick Forum">
        </td>
        <td id="userinfo">
        <div class="boardname"><yabb boardname></div>
        <div class="sitename">« Heavybrick.com »</div>
        <div class="nameimtime"><yabb uname> <yabb im></div>
        <div class="nameimtime"><yabb time></div>
        </td>
    </TR>
</TABLE>
<div id="centercontent">
        <div id="centercontent"><yabb main></div>
        <div id="copyright"><yabb copyright></div>
</div>
</BODY>
</HTML>

All of you following the link in my sig or profile to see this in a action, you have to register and select the skin. Internet Explorer chokes on the CSS since IE doesn't comply with the CSS1 or CSS2 standards. I can't set it as my default template for that reason. Sorry! The skin is called "Brown and Grey" if you do decide to sign up.


« Last Edit: February 11, 2003, 09:05:40 PM by mephisto_kur »	Logged

Awmp, ding, soo googoongee doop, dee
Googoo Fleegoogeegoo
Goo Fleegoogeegoo
Duht, Deeheeh
Oogoogoog Dtee
Oogoogagoo oogoogweee
Fleegoogeegoo, fleegow
Go go mah mah mefs sufh yeah...

Zulu
Full Member

Posts: 104

I'm no longer a llama, I'm a Monkey

Re:Style sheets and tables

« Reply #16 on: February 11, 2003, 09:03:01 PM »

Quote from: Spaceman-Spiff on February 11, 2003, 08:12:59 PM
Quote from: Zulu on February 11, 2003, 06:35:17 PM
See how it worked out @ http://www.clan-rfi.com/yabbse this is the top-left menu....

Who needs tables anyway

your link to YSE site in the copyright is broken

oopsie.. fixid it as soon as i read your reply


	Logged

Webby @ RFI
Formerly known as PtPazuzu

Gobalopper
Mod Team
YaBB God

Posts: 993

Cookie Monster

Re:Style sheets and tables

« Reply #17 on: February 12, 2003, 01:28:18 AM »

I've made it so my board only uses CSS for colours and layout. I went through and removed all the $color[] variables and instead use stylesheets. This allows me to have multiple styles depending on what the user sets on the main page of the site. So this is what my template looks like:

Code Select

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title><yabb title></title>
<?
global $style;
if( $style ) { $css = $style; }
else { $css = "default"; }
print " <link href=\"/includes/forum/$css.css\" type=\"text/css\" rel=\"stylesheet\" media=\"screen\" />";
?>

 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <meta content="<yabb title>" name="description">
 <script language="javascript" type="text/javascript" src="/forum/advim.js"></script>
 <script language="javascript" type="text/javascript" src="/forum/ubbc.js"></script>
</head>

<body>

<table class="bottom" width="100%" align="center">
 <tr>
  <td class="bgm1"><span class="highlight"><yabb boardname></span><br /><yabb title></td>
  <td class="bgm1"><yabb uname> <yabb im><br /><yabb time></td>
 </tr>
 <tr>
  <td class="bgm0" colspan="2"><yabb menu></td>
 </tr>
 <tr>
  <td class="bgm1" colspan="2"><yabb news></td>
 </tr>
</table>

<br />

<yabb main>

<br />

<div style="text-align : center;"><small><yabb copyright></small></div>

</body>
</html>


	Logged

Michele
Beta Tester
YaBB God

Posts: 584

I can't wait for YaBB SE 2!

Re:Style sheets and tables

« Reply #18 on: February 12, 2003, 05:12:14 PM »

Quote from: mephisto_kur on February 11, 2003, 08:45:26 PM
This is my YaBBSE template. The WHOLE THING. (minus style, of course). I have 1 table, and the only reason for that is I haven't quite gotten the positioning right with divs...

Code Select Expand
deleted to save bandwidth

All of you following the link in my sig or profile to see this in a action, you have to register and select the skin. Internet Explorer chokes on the CSS since IE doesn't comply with the CSS1 or CSS2 standards. I can't set it as my default template for that reason. Sorry! The skin is called "Brown and Grey" if you do decide to sign up.

Brown and Grey looks fine in MSIE v6.0 - maybe I'm not seeing some of your "cool effects", but IE does not barf on the template. I take that back... where's the top menu?


	Logged

formerly Mad Moya
PfaBB - http://pfabb.lunabyte.com

mephisto_kur
Sr. Member

Posts: 308

Hi ho.

Re:Style sheets and tables

« Reply #19 on: February 12, 2003, 05:51:25 PM »

Brownandgrey has no menu bar.
I've been tweaking it in an attempt to make it more compatible with IE, so the floats are gone, many of the multiple effect items are gone, anything that would make IE outright choke has been removed. The only things that really show are the fonts and the blocks are a little out of whack in IE.

This experiment has moved to attempting to mimic what I did with CSS that IE didn't like.

I will, however, be making one that uses fixed items and such that I *know* IE will choke on.


	Logged

Awmp, ding, soo googoongee doop, dee
Googoo Fleegoogeegoo
Goo Fleegoogeegoo
Duht, Deeheeh
Oogoogoog Dtee
Oogoogagoo oogoogweee
Fleegoogeegoo, fleegow
Go go mah mah mefs sufh yeah...

Pages: 1 [2]

YaBB SE Community \| Development \| Graphics and Templates \| Style sheets and tables	« previous - next »

	Welcome, Guest. Please Login or Register. April 30, 2025, 06:40:14 PM

News: SMF is the next generation in forum software, almost completely re-written from the ground up, make sure you don't fall for cheap imitations that suffer from feature bloat!