...

View Full Version : PHP Style Switcher



AdemoS
12-28-2006, 08:58 AM
Before posting this question, I tried searching CodingForums and found this thread (http://www.codingforums.com/showthread.php?t=47543).

I'm using the same A List Apart method, and having the same issue as that poster. However their solution didn't help me; I can't even get the preliminary style sheet to load when the user visits my test page, let alone switch to the others.

Switcher.php:

<?php
setcookie('sitestyle', $set, time()+31536000, '/', 'blkflm.com', '0');
header("Location: $HTTP_REFERER");
?>

Calling The Style:

<link rel="stylesheet" type="text/css" media="screen" title="BLKFLM Layout" href="http://blkflm.com/css/<?php echo (!$sitestyle)?'wisdom.tab1':$sitestyle ?>.css" />

An Example of a Link:

<a href="/php/switcher.php?set=wisdom.tab1">Summary</a>

The area I'm testing this at is:
http://www.blkflm.com/TESTING6/

As you can see there, the default style sheet won't even appear...

To get an idea of what I was trying to do with the tabs, open this page (http://www.blkflm.com/TESTING5/) in Firefox. View/Styles and click around. You'll see I was using CSS and hide and display tabs.

All that's left for me to add is a StyleSheet switcher, and since Javascript can be disabled I was hoping to go with PHP.

Any help would be imensely appreciated, since I've been spending three days straight just trying to get this going.

_Aerospace_Eng_
12-28-2006, 09:09 AM
Personally I like the methods found here
http://www.joe2torials.com/view_tutorial.php?view=52
http://www.joe2torials.com/view_tutorial.php?view=53

AdemoS
12-28-2006, 09:50 AM
Ahh perfect, I didn't want a cookie-version because I want the tabs to reset themselves on each visit, this may work better.

Thanks a lot, definitely trying this tommarow. Thanks for the lightspeed reply though, I didn't expect reply UNTILL tommarow. xD

EDIT: Oh wow even BETTER than I was expecting! With his method I can even link to a specific TAB! Rather then just linking to the page itself, and instructing them to OPEN a tab. Perfect perfect, I'll report back if I have any problems. And yes Aerospace_Eng, I will validate everything first. :P Arbitrator has reminded me of that till I did it myself.

_Aerospace_Eng_
12-28-2006, 09:54 AM
Hmm from the looks of things though your original code might have worked IF the extension of your page was .php NOT .html.

AdemoS
12-28-2006, 10:06 AM
Tried it just now:

http://www.blkflm.com/TESTING6/index.php

;p Thanks for the vote of confidence though. CSS and PHP have been and up-hill battle for me, so it was nice to see that. xD

AdemoS
12-28-2006, 01:03 PM
Hmm tried Joe2torial.com's verison, still can't get it to work. Left my extension as .php too...?

http://www.blkflm.com/TESTING6

It shows nothing....

Here's my PHP as he instructed here (http://www.joe2torials.com/view_tutorial.php?view=52):

<?php session_start(); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="http://blkflm.com/images/favicon.ico"/>
<title>BLKFLM||WISDOM : Bittorrent Network</title>

<?php
if(isset($_GET['css'])){
switch ($_GET['css']) {

case 'tab2':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab2.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab3':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab3.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab3':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab4.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab4':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab5.css">';
$_SESSION['switchcss']=$stylesheet;
break;

default:
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab1.css">'; $_SESSION['switchcss']=$stylesheet; } }
$_SESSION['switchcss']=$stylesheet;
}
}
?>

<?php echo ($_SESSION['switchcss'])? $_SESSION['switchcss']: '<link href="/css/wisdom.tab1.css" type="text/css" rel="stylesheet">';?>
</head>

Here's the code I enterted for a link:

<a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a>
and

<a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab2">Article</a>

Any ideas people?

EDIT: I also tried switching to his exact format for DOCTYPE, etc. Same broken result.

<?php session_start(); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

_Aerospace_Eng_
12-28-2006, 01:23 PM
I see no source code on the page you linked to. Where is the rest of your html? Where is your link tag to the stylesheet?

AdemoS
12-28-2006, 01:26 PM
No idea, the php file contains it, but rendering it in any browser shows a blank.

Here's what the php file looks like inside:

<?php session_start(); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="http://blkflm.com/images/favicon.ico"/>
<title>BLKFLM||WISDOM : Bittorrent Network</title>

<?php
if(isset($_GET['css'])){
switch ($_GET['css']) {

case 'tab2':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab2.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab3':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab3.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab4':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab4.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab5':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab5.css">';
$_SESSION['switchcss']=$stylesheet;
break;

default:
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab1.css">'; $_SESSION['switchcss']=$stylesheet; } }
$_SESSION['switchcss']=$stylesheet;
}
}
?>

<?php echo ($_SESSION['switchcss'])? $_SESSION['switchcss']: '<link href="/css/wisdom.tab1.css" type="text/css" rel="stylesheet">';?>
</head><body>

<div id="TopicBox">
<h1>Bittorrent Network</h1>
<ul>
<li><a href="">BLKFLM||WISDOM</a></li>
<li>/ <a href="">Resources</a></li>
<li>/ <a href="">Software</a></li>
<li>/ <a href="">Peer to Peer</a></li>
</ul>
</div>

<div id="LeftLayoutBox">
<div id="SiteLogo"></div>
<ul>
<li><a class="firstChild" href="">films</a></li>
<!-- a.firstChild is to compensate for Internet Explorer 6's lack of support for the :first-child paseudo-class. -->
<li><a href="">wisdom</a></li>
<li><a href="">discuss</a></li>
<li><a href="">hire</a></li>
</ul>

<div id="Scour">
<form method="post" action="http://blkflm.com/php/scour-simple.php">
<input id="search" value=" Keyword(s)" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="50" size="20" />
<!-- An ID is used here to compensate for Internet Explorer 6's lack of support for attribute selectors. -->
<input value="Scour" type="submit" />
</form>
</div>
<div id="Assemblage">
<form method="post" action="http://blkflm.com/php/login.php">
<input id="username" value=" Username" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="25" size="20" />
<input id="password" value=" Password" onfocus="if (this.value == this.defaultValue) this.value = '';" type="password" maxlength="20" size="20" />
<input value="Assemble" type="submit" />
<input value="Clear" type="reset" />
</form>
</div>

<div id="AssemblageEnroll">
<a href="">Enroll</a>
</div>
</div>

<div id="RightLayoutBox">
<h3>Related Wisdom</h3>
<ul>
<li><a href="">Gnutella Network</a></li>
<li><a href="">eDonkey2000 Network</a></li>
<li><a href="">XDCC Transfers</a></li>
<li><a href="">Fserv Transfers</a></li>
</ul>
<h3>Related Films</h3>
<ul>
<li><a href="">Bittorrent Network: VE</a></li>
<li><a href="">Gnutella Network: VE</a></li>
<li><a href="">eDonkey2000 Network: VE</a></li>
<li><a href="">XDCC Transfers: VE</a></li>
<li><a href="">Fserv Transfers: VE</a></li>
</ul>
<h3>Featured Wisdom</h3>
<ul>
<li><a href="">AnimeDB</a></li>
</ul>
<h3>Featured Film</h3>
<ul>
<li><a href="">Sorcery of The Mortals</a></li>
</ul>
</div>

<div id="CenterLayoutBox">
<ul>
<li id="ContentButton1"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a> </li>
<li id="ContentButton2"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab2">Article</a></li>
<li id="ContentButton3"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab3">Screenshots</a></li>
<li id="ContentButton4"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab4">Links</a></li>
<li id="ContentButton5"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab5">Discussion</a></li>
</ul>

<div id="CenterContentMenu">
<h2>Bittorrent Network</h2>
<h3>Last Updated 06/06/2006 by <span class="StaffSymbol">₪</span><span class="Username"><a href="">Adam</a></span></h3>
</div>
</div>

<div id="CascadingContentBox1">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
</div>
<div id="CascadingContentBox2">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
</div>
<div id="CascadingContentBox3">
<div id="album">
<ul class="gallery">
<li><a href="#nogo">1<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_1.jpg" alt="landscape image 1" title="landscape image 1" /></a></li>
<li><a href="#nogo">2<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_1.jpg" alt="portrait image 1" title="portrait image 1" /></a></li>
<li><a href="#nogo">3<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_2.jpg" alt="landscape image 2" title="landscape image 2" /></a></li>
<li><a href="#nogo">4<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_2.jpg" alt="portrait image 2" title="portrait image 2" /></a></li>
<li><a href="#nogo">5<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_3.jpg" alt="landscape image 3" title="landscape image 3" /></a></li>
<li><a href="#nogo">6<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_3.jpg" alt="portrait image 3" title="portrait image 3" /></a></li>
<li><a href="#nogo">7<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_4.jpg" alt="landscape image 4" title="landscape image 4" /></a></li>
<li><a href="#nogo">8<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_5.jpg" alt="landscape image 5" title="landscape image 5" /></a></li>
<li><a href="#nogo">9<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_4.jpg" alt="portrait image 4" title="portrait image 4" /></a></li>
<li><a href="#nogo">10<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_5.jpg" alt="portrait image 5" title="portrait image 5" /></a></li>
</ul>
</ul>
</div>
</div>

<div id="CascadingContentBox4">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. </p>
</div>

<div id="CascadingContentBox5">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu.</p>
<p xml:lang="la" lang="la">Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. </p>
</div>


<div id="copyright"><a href="http://legal.blkflm.com">Copyright</a> 2006 BLKFLM Media Group <span class="tilde">~</span> Version 0.6 <span class="tilde">~</span> We Recommend <a href="http://blkflm.com/firefox">Firefox browser</a>
</div>

</body></html>

_Aerospace_Eng_
12-28-2006, 02:09 PM
You had a couple of extra brackets in there. Try this

<?php
session_start();
if(ini_get('session.use_trans_sid') == 1) // on some servers the session is attached to the url. This prevents that.
{
ini_set('session.use_trans_sid','0');
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/x-icon" href="http://blkflm.com/images/favicon.ico"/>
<title>BLKFLM||WISDOM : Bittorrent Network</title>
<?php
if(isset($_GET['css'])){
switch ($_GET['css']) {

case 'tab2':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab2.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab3':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab3.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab4':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab4.css">';
$_SESSION['switchcss']=$stylesheet;
break;

case 'tab5':
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab5.css">';
$_SESSION['switchcss']=$stylesheet;
break;

default:
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab1.css">';
$_SESSION['switchcss']=$stylesheet;
}
}
?>
<?php echo ($_SESSION['switchcss'])? $_SESSION['switchcss']: '<link href="/css/wisdom.tab1.css" type="text/css" rel="stylesheet">';?>
</head>
<body>
<div id="TopicBox">
<h1>Bittorrent Network</h1>
<ul>
<li><a href="">BLKFLM||WISDOM</a></li>
<li>/ <a href="">Resources</a></li>
<li>/ <a href="">Software</a></li>
<li>/ <a href="">Peer to Peer</a></li>
</ul>
</div>
<div id="LeftLayoutBox">
<div id="SiteLogo"></div>
<ul>
<li><a class="firstChild" href="">films</a></li>
<!-- a.firstChild is to compensate for Internet Explorer 6's lack of support for the :first-child paseudo-class. -->
<li><a href="">wisdom</a></li>
<li><a href="">discuss</a></li>
<li><a href="">hire</a></li>
</ul>
<div id="Scour">
<form method="post" action="http://blkflm.com/php/scour-simple.php">
<input id="search" value=" Keyword(s)" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="50" size="20" />
<!-- An ID is used here to compensate for Internet Explorer 6's lack of support for attribute selectors. -->
<input value="Scour" type="submit" />
</form>
</div>
<div id="Assemblage">
<form method="post" action="http://blkflm.com/php/login.php">
<input id="username" value=" Username" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="25" size="20" />
<input id="password" value=" Password" onfocus="if (this.value == this.defaultValue) this.value = '';" type="password" maxlength="20" size="20" />
<input value="Assemble" type="submit" />
<input value="Clear" type="reset" />
</form>
</div>
<div id="AssemblageEnroll"> <a href="">Enroll</a> </div>
</div>
<div id="RightLayoutBox">
<h3>Related Wisdom</h3>
<ul>
<li><a href="">Gnutella Network</a></li>
<li><a href="">eDonkey2000 Network</a></li>
<li><a href="">XDCC Transfers</a></li>
<li><a href="">Fserv Transfers</a></li>
</ul>
<h3>Related Films</h3>
<ul>
<li><a href="">Bittorrent Network: VE</a></li>
<li><a href="">Gnutella Network: VE</a></li>
<li><a href="">eDonkey2000 Network: VE</a></li>
<li><a href="">XDCC Transfers: VE</a></li>
<li><a href="">Fserv Transfers: VE</a></li>
</ul>
<h3>Featured Wisdom</h3>
<ul>
<li><a href="">AnimeDB</a></li>
</ul>
<h3>Featured Film</h3>
<ul>
<li><a href="">Sorcery of The Mortals</a></li>
</ul>
</div>
<div id="CenterLayoutBox">
<ul>
<li id="ContentButton1"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a> </li>
<li id="ContentButton2"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab2">Article</a></li>
<li id="ContentButton3"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab3">Screenshots</a></li>
<li id="ContentButton4"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab4">Links</a></li>
<li id="ContentButton5"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab5">Discussion</a></li>
</ul>
<div id="CenterContentMenu">
<h2>Bittorrent Network</h2>
<h3>Last Updated 06/06/2006 by <span class="StaffSymbol">₪</span><span class="Username"><a href="">Adam</a></span></h3>
</div>
</div>
<div id="CascadingContentBox1">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
</div>
<div id="CascadingContentBox2">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor
et, rutrum et, tortor.</p>
</div>
<div id="CascadingContentBox3">
<div id="album">
<ul class="gallery">
<li><a href="#nogo">1<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_1.jpg" alt="landscape image 1" title="landscape image 1" /></a></li>
<li><a href="#nogo">2<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_1.jpg" alt="portrait image 1" title="portrait image 1" /></a></li>
<li><a href="#nogo">3<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_2.jpg" alt="landscape image 2" title="landscape image 2" /></a></li>
<li><a href="#nogo">4<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_2.jpg" alt="portrait image 2" title="portrait image 2" /></a></li>
<li><a href="#nogo">5<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_3.jpg" alt="landscape image 3" title="landscape image 3" /></a></li>
<li><a href="#nogo">6<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_3.jpg" alt="portrait image 3" title="portrait image 3" /></a></li>
<li><a href="#nogo">7<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_4.jpg" alt="landscape image 4" title="landscape image 4" /></a></li>
<li><a href="#nogo">8<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_5.jpg" alt="landscape image 5" title="landscape image 5" /></a></li>
<li><a href="#nogo">9<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_4.jpg" alt="portrait image 4" title="portrait image 4" /></a></li>
<li><a href="#nogo">10<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_5.jpg" alt="portrait image 5" title="portrait image 5" /></a></li>
</ul>
</ul>
</div>
</div>
<div id="CascadingContentBox4">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla urna id leo. Praesent aliquet pretium erat. Praesent non
odio. </p>
</div>
<div id="CascadingContentBox5">
<p xml:lang="la" lang="la">Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed
aliquam sem ut arcu.</p>
<p xml:lang="la" lang="la">Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. </p>
</div>
<div id="copyright"><a href="http://legal.blkflm.com">Copyright</a> 2006 BLKFLM Media Group <span class="tilde">~</span> Version 0.6 <span class="tilde">~</span> We Recommend <a href="http://blkflm.com/firefox">Firefox browser</a> </div>
</body>
</html>

I added some new php towards the top of the page.

AdemoS
12-28-2006, 04:01 PM
Yeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah! *ahem*

I have to do some label changing but it freaking WORKS! Thanks so much _Aerospace_Eng_ I have literally been working on these tabs for FOUR DAYS STRIAGHT NOW.

I can FINALLY get back to coding the STYLE instead of the server-side code. X_X



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum