Swap image on a certain date? +rep

Beau · 16-11-2007, 09:17 PM

Can you upload your current PHP document so I can see what's going on in the HTML source?

Jamesy · 16-11-2007, 09:19 PM

PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

    Bright Blue by christopher robinson
    http://www.edg3.co.uk/
    hope you enjoy it and find it usefull :)

--> 
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
    <title>iRant | Home</title>    
    <link rel="shortcut icon" href="image/favicon.ico" />
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en-gb" />
    <meta http-equiv="imagetoolbar" content="false" />
    <meta name="author" content="Christopher Robinson" />
    <meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />    
    <meta name="last-modified" content="Sat, 01 Jan 2007 00:00:00 GMT" />
    <meta name="mssmarttagspreventparsing" content="true" />    
    <meta name="robots" content="index, follow, noarchive" />
    <meta name="revisit-after" content="7 days" />
<style type="text/css">
<!--
body {
overflow-x: hidden;
}
-->
</style>
</head>

<body>

      
    <?PHP if(date('d M Y') == '27 Dec 2007') {

    echo '<div id="header2008"></div>';
    
}

else {

    echo '<div id="header"></div>';
    
}
?>
<h1>i<span>Rant</span></h1>
   



<div id="sidebar">
              
                <div align="right">
                    <ul>
                      <li><a href="http://jamesy155.8888mb.com/index.html" > Home</a> <a href="http://jamesy155.8888mb.com/rants/index.php">Rants</a> <a href="http://jamesy155.8888mb.com/archives">Archives</a> <a href="http://jamesy155.8888mb.com/forum/index.php">Forums</a> <a href="mailto:[email protected]">Contact Me</a></li>
                      <li>
                        </ul>
                        
                                </li>
                  </ul>
              </div>
</div>
    <div id="content">
        <div id="main">    
        <h1>News <?PHP

echo date('d M Y');

?>  </h1>
        <h2>Get the latest info here!</h2>
        <iframe frameborder="1" id="iframe" src="news.php" height="400" width="600" scrolling="yes" allowtransparency="yes"> </iframe> 
  <br />
  
          <h1>Welcome!</h1>
            <p>Welcome to the official iRant website, the new rant column in <i>Waffle</i>, the new Sprowston Highschool Magazine!</p>            <p>You may not agree with me on my many rantings about whatever the hell has ****** me off in the month between magazines being released. Stop off here to see past rants in the archives and new rants. Think if this as a blog, except this isn't some stupid thing where I tell you about how good my day was and things like that, I tell you stuff that I have found to be pretty bloody annoying!</p>
            <h1>I'm Offended!</h1>
            <p><b>Well...Then what the hell are you doing on a site like this?</b></p>
            <p>That's right, you heard, well read, but that's besides the point. I don't want to have to waste my time pushing my delete key getting rid of a bunch of <i>"waa waa I read your article and it offended me because I'm [insert Lame excuse here]"</i> Because as I said, they will get deleted. My rants are uncensored and rely totally on my in-built filter. Luckly I'm not going to start shouting the N word everywhere because that <i>is</i> way beyond anything I would even think of. </p>
            <h1>What about us?</h1>
            <p>Oh fine, so you want to disagree with me in person? Well if you don't know me at school fat chance, I don't arrange meetings with strangers. However, you may post comments under my rants or go make a thread <a href="http://jamesy155.8888mb.com/forum/index.php" target="_self">HERE</a>. Registration is not even compulsory in the Agree and Disagree forums, but you will for any others. Not that it makes much difference to me as I am a tight *** using free-hosting for this.</p>
            <p>Infact I'm using a free template as well, which I have simply edited to my own desires because I can't actually code/make an attractive layout myself. But that's enough waffle for now So I shall bid your welcome over, now you may continue browsing my site or the world wide web in general.</p>
            <p>- Jamesy</p>
            </div>
        
    </div>
    <div id="footer">
        <p><span class="navigation"><a href="http://en.www.mozilla.com/products/download.html?product=firefox-2.0.0.9&os=win&lang=en-US" target="_blank"><img src="image/foxkeh-fx2-180x60.png" longdesc="image/foxkeh-fx2-180x60.png" alt="" /></a>
        <br />
        </span>Copyright &copy; <a href="#">iRant</a> 2007 | Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a></p>
      <p><br />
      </p>
</div>
</body>

</html>

The CSS says that the header <h1> is one colour and that the <span> is another colour.

Beau · 16-11-2007, 09:27 PM

This is your current code for the span in CSS:

Code:

#header h1 span {
	color:#01a5ec;
}

Trouble is, it isn't being declared inside header.

I'd reccomend making an extra class, like this:

Code:

#title {
color:#01a5ec;
}

And then, when you want the title to appear:

Code:

<h1>i<span id="title">Rant</span></h1>

Jamesy · 16-11-2007, 09:27 PM

So I put that where it is now right?

Beau · 16-11-2007, 09:29 PM

Add the #title code to your CSS, and replace the old span code with the new one, yes

Jamesy · 16-11-2007, 09:33 PM

http://jamesy155.8888mb.com/index.php

Still stuck to the side

Beau · 16-11-2007, 09:37 PM

Change the #title code to this:

Code:

#title {
color:#01a5ec;
margin-left: 275px;
}

Change the margin until you're happy with where it is.

Jamesy · 16-11-2007, 09:44 PM

I've thought of a simpler way. Why not just put the title on the image, as in part of the image. Would make all this extra code irrelevant.

Beau · 16-11-2007, 09:45 PM

Good idea! Margins are messy, so if you can do it without them, go for it (y)

Jamesy · 16-11-2007, 09:48 PM

Well I really have to thank you for all of this, I would rep again but I need to spread so remind me any time

Thread closed!

Thread: Swap image on a certain date? +rep

Thread Tools

Posting Permissions