[didoman]

Hi Shabu,

You have created an excellent templete for 4images. Best on the net.
I would like to request some tips on modify templete.
My HTML is good, but my PHP is not too good.

I want to create an "About" page, so would like to create/link to a new page with nothing on it except the left hand menu side.
Should I just get a copy of index.php, rename it to about.php.
Then should I create a about.html templete file and modify that.
How do I link the two together.....

Also, I love the way you created the top navigation menu (see below)
Question.... How do you link to the page you want?

For example how is <li><a class="common" href="{url_top_images}">{lang_top_images}</a></li>
linking to top.php. I dont understand what {url_top_images} means

<div class="bar">
<h3>
{if has_rss}
<a href="{rss_url}"><img src="{template_url}/images/rss.gif" border="0" alt="{rss_title}" /></a>
{endif has_rss}
</h3>
<ul>
<li><a id="home" href="{url_home}" title="{site_name}">Home</a></li>
<li><a class="common" href="{url_top_images}">{lang_top_images}</a></li>
<li><a class="common" href="{url_new_images}">{lang_new_images}</a></li>
</ul>
</div>

<div class="nav">
<p>{clickstream}</p>
</div>

[Shabu]

I'll let you know tomorrow, I've to dig something to get the idea.

[didoman]

thankyou very much.

[Shabu]

{url_top_images} is a pre-defined tag of 4images script to get the top page link.

Here is the details of how to make a new page, follow carefully:

Step 1 - Create a new file named about.php in your root with below content:

Code: Select all


<?php
/**************************************************************************
 *                                                                        *
 *    4images - A Web Based Image Gallery Management System               *
 *    ----------------------------------------------------------------    *
 *                                                                        *
 *             File: lightbox.php                                         *
 *        Copyright: (C) 2002 Jan Sorgalla                                *
 *            Email: jan@4homepages.de                                    *
 *              Web: http://www.4homepages.de                             *
 *    Scriptversion: 1.7.6                                                *
 *                                                                        *
 *    Never released without support from: Nicky (http://www.nicky.net)   *
 *                                                                        *
 **************************************************************************
 *                                                                        *
 *    Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz-       *
 *    bedingungen (Lizenz.txt) für weitere Informationen.                 *
 *    ---------------------------------------------------------------     *
 *    This script is NOT freeware! Please read the Copyright Notice       *
 *    (Licence.txt) for further information.                              *
 *                                                                        *
 *************************************************************************/

$templates_used = 'about';
$main_template = 'about';

define('GET_CACHES', 1);
define('ROOT_PATH', './');
include(ROOT_PATH.'global.php');
require(ROOT_PATH.'includes/sessions.php');
$user_access = get_permission();
include(ROOT_PATH.'includes/page_header.php');

$site_template->print_template($site_template->parse_template($main_template));
include(ROOT_PATH.'includes/page_footer.php');
?>


Step 2 - Create a new file named about.html in your iceberg templates folder with below content:

Code: Select all

{header}

<div class="header">

<p>
<!-- Header right advertisement start // -->

<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
//2007-08-23: Gallery
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "4c90ca";
google_color_text = "303030";
google_color_url = "303030";
google_ui_features = "rc:0";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<!-- Header right advertisement end // -->
</p>


<h1><a href="{url_home}"><img src="{template_url}/images/logo.gif" alt="{site_name}" border="0" /></a></h1>

</div>

<div class="bar">
<h3>
{if has_rss}
<a href="{rss_url}"><img src="{template_url}/images/rss.gif" border="0" alt="{rss_title}" /></a>
{endif has_rss}
</h3>
   <ul>
   <li><a id="home" href="{url_home}" title="{site_name}">Home</a></li>
   <li><a class="common" href="{url_top_images}">{lang_top_images}</a></li>
   <li><a class="common" href="{url_new_images}">{lang_new_images}</a></li>
   </ul>
</div>



<div class="nav">
<p>{clickstream}</p>
</div>


<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="221" valign="top" class="padding">
<h2 class="boxcaption">Search Gallery</h2>
<div class="box">

<form method="post" action="{url_search}">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><input type="text" name="search_keywords" size="24" class="search" /></td>
    <td><input type="submit" value="" name="submit" class="go" /></td>
  </tr>
</table>
<br />
<a href="{url_search}" class="smalltext">{lang_advanced_search}</a>
</form>
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>

<br />

<h2 class="boxcaption">{lang_registered_user}</h2>
<div class="box">
{user_box}
{cp_link}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>

<br />

<!-- Left column advertisement start // -->

<h2 class="boxcaption">Friends</h2>
<div class="box">
<ul>
<li><a href="http://www.osdesigner.net/category/wordpress-themes/" rel="nofollow" target="_blank">Free WordPress Themes</a></li>
<li><a href="http://www.photologgia.com" rel="nofollow" target="_blank">Photo Loggia</a></li>
<li><a href="http://www.w3tool.com" rel="nofollow" target="_blank">Webmaster Tools</a></li>
<li><a href="http://www.bestcssgallery.com" rel="nofollow" target="_blank">CSS Gallery</a></li>
<li><a href="http://www.google.com" target="_blank">Google</a></li>
<li><a href="http://www.paiddirectorylist.com" rel="nofollow" target="_blank">Web Directory List</a></li>
<li><a href="http://www.webmasterdesk.org" rel="nofollow" target="_blank">Webmaster Forum</a></li>
</ul>

</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>

<!-- Left column advertisement end // -->

<br />
{if random_image}
<h2 class="boxcaption">{lang_random_image}</h2>
<div class="box">
{random_image}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
{endif random_image}
   
</td>
<td width="100%" valign="top">

<div class="caption"><h3></h3><p>About Us</p></div>

<div class="contentbox">

<!-- Edit Here -->

<p>PUT HERE YOUR ABOUT INFO</p>

<!-- Edit Here -->

</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<br />

<div class="caption"><h3></h3><p>Advertisement</p></div>

<div class="contentbox">           

<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
//2007-08-23: Gallery
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "4c90ca";
google_color_text = "303030";
google_color_url = "303030";
google_ui_features = "rc:0";
//-->
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>

<br />
   </td>
</tr>
</table>       
{footer}


Step 3 - Put your about Us content between <!-- Edit Here --> tag in about.html.

Step 4 - Now you have to link your about page from every pages, see below for file names where you have to add new page link:

File names:

• home.html
• categories.html
• details.html
• error.html
• postcard_create.html
• postcard_preview.html
• postcard_send.html
• register.html
• search.html
• top.html
• lightbox.html
• member.html
• about.html (that you just created)

Code: Select all

   <li><a id="home" href="{url_home}" title="{site_name}">Home</a></li>
   <li><a class="common" href="{url_top_images}">{lang_top_images}</a></li>
   <li><a class="common" href="{url_new_images}">{lang_new_images}</a></li>


And replace with:

Code: Select all

   <li><a id="home" href="{url_home}" title="{site_name}">Home</a></li>
   <li><a class="common" href="{url_top_images}">{lang_top_images}</a></li>
   <li><a class="common" href="{url_new_images}">{lang_new_images}</a></li>
   <li><a class="common" href="about.php">About Us</a></li>


Hope you understand everything

[didoman]

Shabu you are the MAN.... !!!!!!
Thankyou so much for making it so easy. I may have even learnt something.
I am slowly begining to understand....

Once again thanks for your quick, smart and friendly help. I will spread the word about OS Designer...

thanks
Roberto