Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Sep 2006
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts

    PHP Style Switcher

    Before posting this question, I tried searching CodingForums and found this thread.

    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 Code:
    <?php 
    setcookie
    ('sitestyle'$settime()+31536000'/''blkflm.com''0');
    header("Location: $HTTP_REFERER"); 
    ?>
    Calling The Style:
    Code:
    <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:
    Code:
    <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 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.
    Last edited by AdemoS; 12-28-2006 at 08:03 AM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Sep 2006
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Last edited by AdemoS; 12-28-2006 at 09:18 AM.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Hmm from the looks of things though your original code might have worked IF the extension of your page was .php NOT .html.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Sep 2006
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #6
    New Coder
    Join Date
    Sep 2006
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:
    PHP Code:
    <?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:
    Code:
    <a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a>
    and
    Code:
    <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 Code:
    <?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" />
    Last edited by AdemoS; 12-28-2006 at 12:23 PM.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New Coder
    Join Date
    Sep 2006
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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 Code:
    <?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>
    Last edited by AdemoS; 12-28-2006 at 12:31 PM.

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You had a couple of extra brackets in there. Try this
    PHP Code:
    <?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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #10
    New Coder
    Join Date
    Sep 2006
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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
    Last edited by AdemoS; 12-28-2006 at 03:03 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •