jlhaslip
Nov 12 2007, 11:37 PM
Background Image Changer Script To swap the background image from your CSS file according to the Server Clock Time. 1.) In your CSS file, add the following rule: CODE body {
background: url(time.png);
} 2.) Create a "folder" named time.png. 3.) Into the folder, place three images named morning.png, day.png, night.png. 4.) Also, in the same folder, create an index.php file and copy/paste the following script. CODE <?php
$hour = date('H');
if ($hour < 12 ) {
$image = "morning.png";
}
elseif ($hour < 17 ) {
$image = "day.png";
}
else {
$image = "night.png";
}
$image = imagecreatefrompng( "$image" );
if (!$image) { /* See if it failed */
header("(anti-spam-(anti-spam-content-type:)) image/png");
$im = imagecreatetruecolor (150, 30); /* Create a blank image */
$bgc = imagecolorallocate ($im, 255, 255, 200);
$tc = imagecolorallocate ($im, 0, 0, 0);
imagefilledrectangle ($im, 0, 0, 150, 30, $bgc);
/* Output an errmsg */
imagestring ($im, 1, 5, 5, "Error loading Image", $tc);
imagepng($im);
imagedestroy($im);
die();
}
header("(anti-spam-(anti-spam-content-type:)) image/png");
imagepng($image);
imagedestroy($image);
?> 5.) Browse to your page and the background image should change according to the Server time clock. Demo page: http://www.jlhaslip.com/samples/misc/swap_bg/Any questions?
Reply
Above The Rest
Nov 12 2007, 11:41 PM
The example page just shows tiled images of php code, and weird swirly fandangles in the center of an iframe...
Reply
t3jem
Nov 13 2007, 12:03 AM
I got the same, thing, what browsers is this supposed to work in? I use firefox.
Reply
Above The Rest
Nov 13 2007, 12:06 AM
QUOTE(t3jem @ Nov 12 2007, 07:03 PM)  I got the same, thing, what browsers is this supposed to work in? I use firefox. I'd guess that it's something to do with his server configuration and handling .PNG files...
Reply
jlhaslip
Nov 13 2007, 12:55 AM
The php code is a screenshot of the if/else block, so that is the "image". I simply plunked the code into an available "templated" page for the demo only. Look at the bottom of each image and that tells you what the time slot is according to the script. If morning shows at the bottom of the tiled image, the server time is between midnight and noon. If the day.png is tat the bottom of the tile, it is day time at the server, and likewise, night.png shows between 1700 hrs and midnight. Should work in all Browsers since IE only has trouble with tansparent png's. These aren't transparent. Trust me, it works.
Reply
delivi
Nov 13 2007, 02:06 AM
nice effect. Great idea jlhaslip. I'd love to use it. I think that you can use different images for denoting the time so that we can understand it better.
Reply
jlhaslip
Nov 13 2007, 04:17 AM
Done. There should not be any difficulties determining the swap now.
Reply
Above The Rest
Nov 13 2007, 06:03 AM
Much, much better. I actually see what you did now. This could be quite useful in the future for me.
Reply
jlhaslip
Nov 13 2007, 06:36 AM
Here is another, simpler, method. Serve a different CSS file based on the time of day. Replace your existing link tag with the following php code. You will need 3 CSS files named according to the file names used in the script, of course, with the background image changed in each one according to the preferred design. CODE <?php
$hour = date('H');
if ($hour < 12 ) {
echo '<link rel="stylesheet" type="text/css" href="morning.css" />;
}
elseif ($hour < 17 ) {
echo '<link rel="stylesheet" type="text/css" href="day.css" />;
}
else {
echo '<link rel="stylesheet" type="text/css" href="night.css" />;
}
?> Untested. No example available.
Reply
Above The Rest
Nov 13 2007, 08:42 PM
Or, if you don't want to create 3 of those files, you can just echo <style> tags with CSS styling in them.
Reply
Latest Entries
bad_boy
Jul 19 2008, 09:55 AM
Hello everyone, this right can work in any browser? Few make this idea but try, I'm nob in the world of web design ... I hope that you will understand and support if something does not know I should be .. Thanks for the code 
Reply
jlhaslip
Jul 19 2008, 04:37 AM
Attention!!! Someone sent me an email a few days ago about this script not working for them, and I somehow misfiled or deleted the e-mail, so if you have a question, please PM or email me. Thanks for your interest in the script.
Reply
Dooga
Jan 2 2008, 11:49 PM
I think this is pretty clever. I saw a lot of professional web designers who actually use the day and night difference, because it makes the site look like a place in real life! It also has sounds that correspond with the time of day. Perhaps that could be your next tutorial when you're bored and want to cook up something else that's as brilliant as this one 
Reply
jlhaslip
Jan 2 2008, 04:02 AM
QUOTE(hippiman @ Nov 14 2007, 03:45 PM) That's pretty friggin sweet! I didn't know you could name a folder with an extension. I wonder what else you could use that for... This technique can also perform Random Image Generators and a Random sig or avatar rotator script. I have another Tutorial around here on the trap that shows the Random Avatar, I think it is... gif's, png's, jpg's or a combined image script. http://www.trap17.com/forums/index.php?s=&...st&p=350113There it is...
Reply
hippiman
Nov 14 2007, 10:45 PM
That's pretty friggin sweet! I didn't know you could name a folder with an extension. I wonder what else you could use that for...
Reply
Recent Queries:--
script to change background image by day - 3.35 hr back. (1)
-
how to swap background image each click in phpbb - 9.93 hr back. (2)
-
how to swap background image in phpbb - 10.05 hr back. (1)
-
css change background color according to error - 66.70 hr back. (1)
-
dynamic background-image: swap - 109.39 hr back. (1)
-
script folder background - 145.29 hr back. (1)
Similar Topics
Keywords : background, image, swap, script, change, background, image, based, clock, time
- Make A Flat Based Shoutbox, With Auto Refresh.
(6)
[phpbb] Member Last-visit Report Script
for phpbb2 databases (0) One flaw in the phpbb2 administration section is a report to list out the 'last-visit'
time/date of the membership. I wrote a script to do exactly that and will be sharing the script with
you here. the first section defines the variables required for the Database connection, finding the
right database, supplying passwords, etc. HTML DEFINE ('DB_USER', 'YOUR DB
USER NAME'); // change these defined values to suit your own situation DEFINE
('DB_PASSWORD', 'YOUR DB PASSWORD'); DEFINE ('DB_HOST', '....
Image Rotator Script (another One)
easy to implement (0) In case you haven't noticed, I have a different Avatar display on the Forum each time the page
is refreshed. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif"
/> For those of you who might want the script to do that, here is the one I am using: HTML
$filesp = glob('*.png'); if(empty($filesp)){ echo
'no images found...die br >'; die(); } else{ foreach ($filesp as
$file) { $img_array[] = trim($file); }....
Faux Ajax Loading - Css Only
Pretend your site is Ajax based (3) Link: http://www.jlhaslip.trap17.com/samples/misc/ajax/index.html Check that out. The first page
has information and the second and has the actual example of its use with sample CSS code. I find
that when you visit a site which has a slow server and attempt to view 'large' Image files,
it is pretty boring to sit and stare at a blank screen, so this little snippet of code can be used
to give the visitor something to see to indicate that the image is being downloaded. I built a
small animated gif that sits in the background of the space allocated for the image....
Making a java based program
(3) Java GUI Making a Little Java Program Sec. 1: Imports and starting it off Sec. 2: Variables Sec.
3: Frame and Stuff Sec. 4: Declaring buttons Sec. 5: Adding buttons Sec. 6: Action Listening Sec. 7:
Using this for a learning experience Section 1 Now, let's think. What imports do we need? We
obviously need GUI imports. We also need the action Listener. So, let's declare this at the very
top: Code: CODE import java.awt.*; import java.awt.event.*; import javax.swing.*; That's
all we need to get all our supplies. Now to start us off. Skip a couple lines ....
For ... Next Loops And Script Planning
My Fifth PHP Tutorial (2) Be sure to read the other ones. They are located in the TUTORIALS section, and at the time of this
writing all on the first page. Intro To PHP Tutorial 5 - For ... Next Loops and Planning Scripts
Released 4/15/07 By Chris Feilbach aka GhostRider Contact Info: E-mail: assembler7@gmail.com AIM:
emptybinder78 Yahoo: drunkonmarshmellows Website: http://www.ghostrider.trap17.com Before I start
talking about what wonderful things loops are and all the cool stuff they can do, I want to address
something first. I was asked about something to write in PHP. There isn't....
Math Captcha Image Validation
(1) This tutorial will show you how to make a basic math CAPTCHA validtion form. This requires that you
have the GD library for PHP installed to work. This tutorial requires 2 files, login.php and
action.php. The first step is to create a sub-folder to store the temporary images, for the
purposes of this tutorial,this folder should be called images. Now upload a image in there called
verify.php and chmod just that image(not the folder) to 777 so that image can change as our
functions generate new images. Ok, after you've done that, we can get to the code: in login.p....
Css-based "i-frames" (sort Of)
A couple of ways to do it... (1) I got thinking that it might be nice to have a method to load a bunch of pictures up to a site, but
not have them taking up a lot of space. And without using a bunch of php, while still presenting the
entire picture. And using full-on CSS coding, not tables or frames. So here you go... a "picture in
a picture" method. A CSS framed picture And a "hidden" "picture in a picture" method. A
"hidden" CSS framed picture Sort of a way to 'hide the picture and let the user decide if they
want to actually see the image. All it does is use positioning for placing the....
How To Make A Simple File Based Shoutbox Using Php And Html
(8) A simple tut to make a simple shoutbox. Let me jump right in. First of all you need the standard
equipment for PHP, an IDE like XAMPP and an editor like PHP EDITOR 2OO7. Were going to make a
simple guestbook using three files, webpage.php, shout.php and shout.txt. Webpage.php can be
changed to whatver you want, it will be the page on which the guestbok is shown, you could even use
this code and add it to another php page n your site. Shout.php is the proccessing page and
shout.txt is where the shouts are stored. Firstly we need to make the visual design of the box.....
A Simple Php Captcha - Image Validation
(21) OK, I recently had the need to create a PHP CAPTCHA system for a friend, and I am sharing this as a
tutorial with the good people here at Trap17. I am sure you have all seen a CAPTCHA before (although
you may not have known what it was called). They are the little codes you often have to enter when
you register with a site, to make sure you are a person and not an automated script. Some common
examples look something like this: My system doesn't really do anything as fancy, but I
think that it is slightly more readable that some of those that get generated. Every....
Image Gallery Tutorial Using Hoverbox
A php solution to coding the Hoverbox Image Gallery (14) As reported in another posting , there is an Image Gallery named Hoverbox from the Sonspring site
which is a pretty cool display method using CSS to have Thumbnail pictures double their size by
hovering over them. I liked the css included in the original Tutorial as found on the Sonspring
site , but I knew there was more than one use for the Hoverbox and took it upon myself to explore
the use of the Hoverbox on a site I webmaster. One thing that wasn't right was having to
hardcode the image tags, so the first version I wrote used php to fill the Hoverbox by rea....
How To Make Image To Highlight When It`s Mouseovered
(8) Place this code between and tags. CODE <script
language="JavaScript1.2"> <!-- function makevisible(cur,which){
strength=(which==0)? 1 : 0.2 if (cur.style.MozOpacity)
cur.style.MozOpacity=strength else if (cur.filters) cur.filters.alpha.opacity=strength*100 }
// --> </SCRIPT> Place the following code within all of the image tags you'd
like the effect to be applied. CODE
style="filter:alpha(opacity=20);-moz-opacity:0.2"
onMouseover="makevisible(....
How To: Ip Configuration Script (win Xp)
If you travel a lot with your laptop, and need to switch between diff (0) How To: IP Configuration Script (win XP) If you travel a lot with your laptop, and need to switch
between different IP's in different locations, this script is for you. There are many programs
that handle this task very well, but they cost sometimes pretty big money. This tutorial will show
you how to make your own IP Configuration Script for free. This script is for a static ip address
configuration and is based on a little program called "NETSH.EXE" which is supplied with Windows.
How it works. QUOTE Microsoft Windows XP - Using Netsh Netsh.exe is a....
Beginner's Guide To Skiing
Based on my own experience. (4) I really like skiing. It is so much fun that you won't know how you could have survived until
your first time. So here are some things you should know before you head over to your lcoal ski
area: Dressing: You should get a few basic things: -Base layer: long underwear, especially
thermals, keep you warm, wick moisture from the skin, keep your legs from getting irritated by your
ski pants -Middle layer: A fleece jacket; or anything aside from wool, which is very itchy. This
will keep you warm in cold weather. If your outer jacket or parka (see below) is insulate....
Php Script To Make A Link List
From the list of the Directory Files (6) Well, it has been a while since I have added anything to the Tutorial Sectiion, so here is another
script for the members to enjoy. This one creates a list of links from the contents of the directory
which it is run from. For instance, if you run it from the public_html folder, then all the files
(not the Directores) are listed and linked so when you click on the link, that file is parsed and
output to the browser. Here is the code: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
An XHTML 1.0 Strict Page to List the files in this directory ....
Image Shack Mod
For Invision Power Board (2) Image Shack Mod For Invision Power Board ''These instructions will help you to install
'ImageShack on your Site' into the reply, quick-reply, and post-new-thread sections of your
Invision Power Board, thus giving your visitors the ability to upload images directly. After upload,
they may paste the images directly into their post box.'' CODE These instructions will
help you to install 'ImageShack on your Site' into the reply, quick-reply, and
post-new-thread sections of your Invision Power Board, thus giving your visitors the ability ....
Creating A Simple Image Viewer
Using Visual Basic 2005 Express Edition (3) I downloaded Microsoft's Visual Studio Express suite a few months ago, but only recently got
around to installing it. I have been practising with Visual Basic and making some rather basic
programs and utilities, but they contain most of the basic concepts. This tutorial will explain how
to create a basic image viewer, and I will try to explain each step from beginning to end as clear
as I can. To start you will need: Microsoft Visual Studio About 10-20 minutes free time OK,
first open up the Visual Basic part of the Studio. I am using the 2005 Express version, so....
Php Menu Bulding Script And Site Template
available for download (0) A Php Menu-builder Tutorial This Sidebar Menu-builder code and the php scripts are adapted from
a Tutorial on the Astahost.com Forum titled : CMS101 - Content Management System Design .
Since the original tutorial's author (vujsa) did such a marvellous job of describing the system
in the original Topic posting, I will not attempt to explain it here, rather, I invite you to have a
look at his Topic and learn from it. The Basic tutorial provided coding for developing a table-based
web-site template which used php includes and embedded data to create a &....
Script To Build A List Of Links
from filenames and h3 tags (2) Another Unordered List Script If you remember this Script , that tutorial was about creating
an un-ordered list of links from a list of files contained in a Folder which was specifically named
in the script. This current Tutorial goes several steps beyond that first Tutorial by being able to
create a list from several folder names and, more importantly, the script reads the list of links
from a 'flat file' rather than depending on the name of the folder to be hard coded in the
script. It is only one small step to have the folder names found in a mysql ....
Page Generation Time Script
A script to tell how long it took to generate (17) this is a script used to tell you or visitors how fast your page was generated for the person who is
viewing it... Ok it is verry simple!! all you have to do is put this script on every
page... that you want it to be on CODE <?php $starttime = explode(' ',
microtime()); $starttime = $starttime[1] + $starttime[0];
?> and put it before everything on the page, for me i put it right underneith the DOCTYPE
script which i think is a bloody waste of space to have it on there, but anyways.. ....
Css Based Photo Gallery Code
Fluid design for layout (3) Fluid Design Photo Gallery There are quite a few Topics here on the Trap17 Forum about how to
set-up and use Photo Galleries and about the link code for getting from a Thumbnail Image to a full
size Image and all that stuff, so I would like to take this "Photo Gallery" concept one step further
without covering what others have already supplied instruction for. Usually, when there is a
solution posted here for the code on "how-to-do-this", there are tables involved and the Links are
placed inside Table cells. Tables are not neccesarilly a bad thing, but they were n....
Changing Background Color In Php
usefull for templating. (5) Tutorial on how to change background color with PHP I will be descibing to similiar ways that
you can change the background color of your website with php and leave it at that till the user
changes it again. We are going to do this with CSS. You can either have your cSS info on your page
or in a spereate document. The first thing youll have to do is decide if your going for the linked
stylesheet or directly on your page. IF you link it you'll need to have this code in you
tags. CODE <style type="text/css"> <?php include ("st....
How To Stop Image Hot Linking
for a selected directory. (17) Those of you that don't know what is meant by 'hotlinking', it is when someone directly
links to an image on your site so it will display on their site. This is what is called
'bandwidth theft' and being as accounts here have a limit on bandwidth, your bandwidth limit
could be exceeded by someone else hotlinking to your images. As most users of cPanel will know,
there is an option to disable hotlinking of images in the "Site Management Tools" section.
However, this disables hotlinking to all directories, what if you only want to disable hotlinki....
Image Rollovers In Javascript
A Write-Once, Use-Anywhere Approach (11) Tutorial: Image Rollovers w/ Javascript, by Rob J. Secord, B.Sc. (SystemWisdom) See a
working Sample of this Script! Download a ZIP containing all working files in this
tutorial! Note: If you are not interested in reading this entire tutorial and/or have a basic
understanding of the underlying concepts, you may safely skip to the Implementation section to get
the code! Description : A Dynamic Image Rollover Script tested to work in 4 major internet
browsers: MSIE, FireFox, Netscape and Opera. Using only Javascript combined with regular HT....
How To Use Trap17 Cgi Formmail
a built-in script in every hosting (15) This tutorial is using TRAP17 hosting's built-in script called cgiemail. There are several
hundreds of free scripts you can download and install it yourself but why not use what is already
provided for you, if all you need is a simple submit and data collection? Let's begin. There
are three things you need to remember: 1) you can rename the file however you'd like 2) two
files (which I'll name them submitForm.html and template.txt ) must be in the same directory
3) first two lines in template.txt must EXIST. Write your submitForm.html (where you ....
Secure The Email Addresses On Your Website!
Wonderful script and useful! And working (10) Just follow the instructions below: /* Secure Email Function by Juan Karlo Aquino de
Guzman Website: http://www.karlo.ph.tc and http://www.abs-cbn.ph.tc E-mail:
http://www.karlo.ph.tc/send.php Usage: showEmail("support@microsoft.com",0); OR
showEmail("support@microsoft.com",1); Types: 0 = ordinary random 1 = more secure random To
include to a script: include_once("email_secure.php"); */ And here is the code :
CODE <?php /* Secure Email Function by Juan Karlo Aquino de Guzman Website:
http://www.karlo.....
Image Preloader With Progress Bar Status
Pure Client-Side JavaScript tested in 4 Browsers! (22) Tutorial: Image Preloader with Progress Bar, by Rob J. Secord, B.Sc. (SystemWisdom)
Description : A Tutorial for a Client-Side Image Preloader with Dynamic Real-Time Progress Bar
Indicator written in JavaScript! Tested to work with 4 Major Internet Browsers: Firefox, MSIE,
Netscape, Opera (Complete sample solution provided at end of tutorial, just put it on your
web-server, add your images and go!) Intended Audience : Beginner to Intermediate Web
Developers. Although this tutorial will cover some advanced aspects of JavaScript, I will try to
explain....
Email Script/form With Php
how to make a simple email script using php (35) Today, I'm going to show you how to make an email script using PHP and HTML. Most people usually
put Email me if they want an email link on their site, but there are several cons to this.
First, it's very inconvenient for those people who use web-based mail such as Yahoo!,
Hotmail, or Gmail because that darn Micro$oft Outlook program comes up if one accidently click
the link. Second, you are very suseptible to spam bots because they scan your HTML source code for
anything with the same pattern as an email address and add it to their database. If yo....
Php Quiz Script
Make quizzes for your site. (20) Hello all, A little bit back I decided to make a quiz scriptjust out of no where lol. However it
doesnt do anything special but I am going to make an email mod for it so that it will email results
to your email address. So here is the basis of it. INSTRUCTIONS: Open a new page in your text
editor and paste in the following code. CODE <?php $qid = "Quiz ID-00"; ?>
<html> <head> <title><? echo "Gamers Pub $qid";
?></title> </head> <body> <p><h3><? echo "....
A Little Introduction To 3d Studio Max
How to make a simple abstract image (9) This tutorial will teach you the basics of making abstract images in 3D studio max. In this example,
I used a simple sphere, and applied the “Noise” modifier. Then, I applied a transparent, blue,
plastic-like material to spice up the whole thing. Let’s start. First, make a sphere by selecting
the “Sphere” button in the “Standard Primitives” section, and draw somewhere in the center of the
perspective view. We will set the size of the sphere later on. The sphere I made looks like this,
yours can be different in size and color, but the only thing that is important is to....
Looking for background, image, swap, script, change, background, image, based, clock, time
|
|
Searching Video's for background, image, swap, script, change, background, image, based, clock, time
|
advertisement
|
|
