Scripts
Before&After
Comments
ErrorCatcher
FAQGen
FlashMail
FlashNews
FlashPoll
Flash Tell-A-Friend
Form Mailer
Gallery
GuestBook
Links
Mailing List
Take Out Menu
Tell-A-Friend
TwitterTool
Web Design
Overview
Our Pledge
Quote
Specials
Resources
Custom Work
Contact Us
Glossary
Tell a friend
About Us
What would you like to do?
I would like to be notified when new versions of this script are released.
I would like to see ways to link to the images that I have uploaded.
I would like to add new images to the script.
I would like to change some of the images that I've uploaded.
I would like to delete something that I've uploaded.
I would like to change the text at the top of each page.
I would like to change the text at the bottom of each page.
I would like to change the script's settings.
I would like to change my password.
Be notified when new versions of this script are released
What is your e-mail address?
We will never sell your e-mail address, or use it to spam you. We will only use it to let you know if a newer version of this script has been released.
Linking to your pictures
The script has created a gallery that you can link to. You can find it at
http://www.animusprogramming.com/befaft/befaft/index.html
.
You can create a link to a random image by linking to
.
To add a random set of pictures inside a different page, copy the following into the page where you want the pictures. Note that depending on how your web server is set up you may have to change the page's extension to
.php
for this to work:
<?PHP
include("/home/animusp1/public_html/befaft/befaft/random.php");
?>
Add a new set of images
Title for this group of images:
Location of the "before" picture:
Location of the "after" picture:
Enter an explanation of what was done between the two pictures.
Display the images side by side.
Display one image above the other.
Display just the "Before" picture. When the user moves their mouse over it, display the after picture.
Modify your existing images
Which set would you like to modify?
Garage Cleaning
Closet Organization
Professional Web Design Services
Delete a set of images
Which set would you like to delete?
Garage Cleaning
Closet Organization
Professional Web Design Services
Sure you want to delete it?
Yes
No
Change the header
The following text will be added to the top of each page:
<div style="width: 950px; margin-left: auto; margin-right: auto;"><br /> <table style="width: 950px; border-collapse: collapse;"> <tr> <td rowspan="2" style="width: 475px; height: 105px; padding: 0px;"><a href="http://www.animusprogramming.com/"><img src="http://www.animusprogramming.com/Images/headerleft.png" width="475" height="105" alt="Animus Programming" style="border: 0px"/></a></td> <td colspan="6" style="width: 475px; height: 70px; padding: 0px;"><img src="http://www.animusprogramming.com/Images/headertopright.png" width="475" height="70" alt="" /></td> </tr> <tr> <td style="width: 47px; height: 35px; padding: 0px;"><img src="http://www.animusprogramming.com/Images/headerbottom.png" width="47" height="35" alt="" /></td> <td style="width: 95px; height: 35px; padding: 0px;"><a href="http://www.animusprogramming.com/"><img src="http://www.animusprogramming.com/Images/homebutton.png" width="95" height="35" alt="Home" style="border: 0px"/></a></td> <td style="width: 95px; height: 35px; padding: 0px;"><a href="http://www.animusprogramming.com/scripts/"><img src="http://www.animusprogramming.com/Images/scriptsbutton.png" width="95" height="35" alt="Scripts" style="border: 0px"/></a></td> <td style="width: 95px; height: 35px; padding: 0px;"><a href="http://www.animusprogramming.com/wd/"><img src="http://www.animusprogramming.com/Images/designbutton.png" width="95" height="35" alt="Design" style="border: 0px"/></a></td> <td style="width: 95px; height: 35px; padding: 0px;"><a href="http://www.animusprogramming.com/Contact/"><img src="http://www.animusprogramming.com/Images/contactbutton.png" width="95" height="35" alt="Contact" style="border: 0px"/></a></td> <td style="width: 48px; height: 35px; padding: 0px;"><img src="http://www.animusprogramming.com/Images/headerbottomright.png" width="48" height="35" alt="" /></td> </tr> </table> <br /> <table style="width: 950px; border: 0px;"> <tr> <td style="vertical-align: top"> <table class="leftwindow"> <tr> <td class="leftwindowtop"></td> </tr> <tr><td class="leftwindowmain"><div style="margin-left: 19px; margin-right: 27px;"> <table style="width: 150px; margin-left: auto; margin-right: auto;"> <tr><td class="top-button"><strong><a href="http://www.animusprogramming.com/scripts">Scripts</a></strong></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/befaft/" title="Animus Before & After">Before&After</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/comments/" title="Animus Comments">Comments</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/errorc/" title="Animus Error Catcher">ErrorCatcher</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/faqgen/" title="Animus FAQGen">FAQGen</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/fmail/" title="Animus FlashMail">FlashMail</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/fnews/" title="Animus FlashNews">FlashNews</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/fpoll/" title="Animus FlashPoll">FlashPoll</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/ftaf" title="Animus Flash Tell-A-Friend">Flash Tell-A-Friend</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/Form/" title="Animus Form Mailer">Form Mailer</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/gallery" title="Animus Gallery">Gallery</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/gbook/" title="Animus Guest Book">GuestBook</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/links/" title="Animus Links">Links</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/mlist/" title="Animus Mailing List">Mailing List</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/tomenu/" title="Animus Take Out Menu">Take Out Menu</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/taf/" title="Animus Tell a Friend">Tell-A-Friend</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/anitwtr" title="Animus Twitter Tool">TwitterTool</a></td></tr> </table> </div> </td></tr> <tr> <td class="leftwindowbottom"></td> </tr> </table> <table class="leftwindow"> <tr> <td class="leftwindowtop"></td> </tr> <tr><td class="leftwindowmain"><div style="margin-left: 19px; margin-right: 27px;"> <table style="width: 150px; margin-left: auto; margin-right: auto;"> <tr><td class="top-button"><strong><a href="http://www.animusprogramming.com/wd/">Web Design</a></strong></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/wd/" title="Does your small business have a web page? If not, click here!">Overview</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/wd/pledge.php" title="When Animus designs your web page, we guarantee some very important things.">Our Pledge</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/wd/quote.php" title="Find out what it will cost to get your business on the Internet.">Quote</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/wd/specials.php" title="Check out our web design special packages.">Specials</a></td></tr> </table> </div> </td></tr> <tr> <td class="leftwindowbottom"></td> </tr> </table> <table class="leftwindow"> <tr> <td class="leftwindowtop"></td> </tr> <tr><td class="leftwindowmain"><div style="margin-left: 19px; margin-right: 27px;"> <table style="width: 150px; margin-left: auto; margin-right: auto;"> <tr><td class="top-button"><strong>Resources</strong></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/Custom/" title="Need something modified, or something written just for you?">Custom Work</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/Contact/" title="Send us a message">Contact Us</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/wd/gloss.php" title="Terms used in web design and programming explained">Glossary</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/tafd/" title="Tell your friends about this site">Tell a friend</a></td></tr> <tr><td class="left-button"><img src="http://www.animusprogramming.com/Images/Smallgear.png" width="11" height="11" alt="" /> <a href="http://www.animusprogramming.com/About/" title="About Animus Programming's philosophy">About Us</a></td></tr> <tr><td> <br /> <script type="text/javascript"><!-- google_ad_client = "pub-2717645349494138"; /* 120x90, created 3/9/10 */ google_ad_slot = "3600610274"; google_ad_width = 120; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td></tr> </table> </div></td> </tr> <tr> <td class="leftwindowbottom"></td> </tr> </table> </td> <td style="vertical-align: top;"> <table style="width: 750px; border-collapse: collapse;"> <tr> <td class="mainwindowtop"></td> </tr> <tr> <td class="mainwindowmain"> <div style="textad"><script type="text/javascript"><!-- google_ad_client = "pub-2717645349494138"; /* 728x15, created 5/4/10 */ google_ad_slot = "6304777414"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div style="width: 700px; margin-left: auto; margin-right: auto;"> <br /><br />
Change the footer
The following text will be added to the bottom of each page:
</div> <br /><br /><div style="textad"><script type="text/javascript"><!-- google_ad_client = "pub-2717645349494138"; /* 728x15, created 5/4/10 */ google_ad_slot = "6304777414"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div></td> </tr> <tr> <td class="mainwindowbottom"></td> </tr> </table> </td> </tr> </table> </div> <div class="watermark"> <hr /> © Copyright 2010 Animus Programming<sup>TM</sup>. All rights reserved. No part of this web site may be reproduced, copied and/or distributed in any medium without express written permission. <hr /> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-15171044-1"); pageTracker._trackPageview(); } catch(err) {}</script>
Change your settings
Background color:
Text color:
Link color:
Active link color:
Visited link color:
Hover link color:
Background image:
If you use a .css file, enter its location here:
What title should I use for the index of before and after pages?
What extension should I use for HTML pages created by this script?
Change your password
New password:
Type the password again, just to make sure you didn't mistype it:
Powered by
Animus Before & After
. Download it and other free, easy to install scripts from
Animus Programming
.
© Copyright 2010 Animus Programming
TM
. All rights reserved. No part of this web site may be reproduced, copied and/or distributed in any medium without express written permission.
