customizing matrix theme

galtmilemedia

Joined: 2012-10-26
Posts: 1
Posted: Fri, 2012-10-26 15:36

We are trying to customize the matrix theme in such a way that it matches the main website. This is our first time using Gallery and the use of .tpl files and smarty tags.

The version of gallery is 2.3.2

Gallery page is located here: http://precisionpaintingandfauxfinishing.com/gallery2/main.php
Main website looks like this: http://precisionpaintingandfauxfinishing.com/

I am following the article, http://codex.gallery2.org/Gallery2:How_to_visually_embed_Gallery_in_your_own_website_by_editing_theme_templates, where it tells me where to input my own html for the header and css. I have uploaded the revised theme.tpl file but it doesn't appear to be updating.

Below is the code for the theme.tpl file:

{*
* $Revision: 16727 $
* Read this before changing templates! http://codex.gallery2.org/Gallery2:Editing_Templates
*}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="{g->language}" xmlns="http://www.w3.org/1999/xhtml">
<head>
{* Let Gallery print out anything it wants to put into the <head> element *}
{g->head}

{* If Gallery doesn't provide a header, we use the album/photo title (or filename) *}
{if empty($head.title)}
<title>{$theme.item.title|markup:strip|default:$theme.item.pathComponent}</title>
{/if}

{* Include this theme's style sheet *}
<link rel="stylesheet" type="text/css" href="general.css"/>
<style type="text/css">

<!--

body {

background-image: url(images/bg_image.jpg);

}

.style1 {color: #FFFFFF}

.style3 {font-size: 10px}

.style8 {

font-size: 12px;

color: #FFFFFF;

text-decoration: underline;

}

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

color: #D71E1E;

}

a:active {

text-decoration: none;

color: #D71E1E;

}

-->

</style>
</head>
<body class="gallery">
<div {g->mainDivAttributes}>
{*
* Some module views (eg slideshow) want the full screen. So for those, we don't draw
* a header, footer, navbar, etc. Those views are responsible for drawing everything.
*}
{if $theme.useFullScreen}
{include file="gallery:`$theme.moduleTemplate`" l10Domain=$theme.moduleL10Domain}
{elseif $theme.pageType == 'progressbar'}
<div id="gsHeader">
<img src="images/precision-painting-and-faux-finishing-banner.jpg" width="1000" height="157" usemap="#FPMap0" alt=""/>
<table width="1002" height="38" border="0">

<tr>

<td width="77" height="34" class="main_links"><b><a href="index.html" class="style1">Home</a></b></td>

<td width="104" class="main_links"><b><a href="testimonials.html" class="style1">Testimonials</a></b></td>

<td width="66" class="main_links">

<b>

<a class="style1" href="http://precisionpaintingandfauxfinishing.com/gallery2/main.php">Photos</a></b></td>

<td width="116" class="main_links"><b><a href="select_colors.html" class="style1">Select Colors</a></b></td>

<td width="101" class="main_links"><b><a href="news.html" class="style1">In the News</a></b></td>

<td width="138" class="main_links"><b><a href="contact_us.html" class="style1">Contact us</a></b></td>

<td width="370" class="main_links">&nbsp;</td>

</tr>

</table>
</div>
{g->theme include="progressbar.tpl"}
{else}
<div id="gsHeader">
<a href="{g->url}"><img src="{g->url href="images/galleryLogo_sm.gif"}"
width="107" height="48" alt=""/></a>
</div>

<div id="gsNavBar" class="gcBorder1">
<div class="gbSystemLinks">
{g->block type="core.SystemLinks"
order="core.SiteAdmin core.YourAccount core.Login core.Logout"
othersAt=4}
</div>

<div class="gbBreadCrumb">
{g->block type="core.BreadCrumb"}
</div>
</div>

{* Include the appropriate content type for the page we want to draw. *}
{if $theme.pageType == 'album'}
{g->theme include="album.tpl"}
{elseif $theme.pageType == 'photo'}
{g->theme include="photo.tpl"}
{elseif $theme.pageType == 'admin'}
{g->theme include="admin.tpl"}
{elseif $theme.pageType == 'module'}
{g->theme include="module.tpl"}
{/if}

<div id="gsFooter">
{g->logoButton type="validation"}
{g->logoButton type="gallery2"}
{g->logoButton type="gallery2-version"}
{g->logoButton type="donate"}
</div>
{/if} {* end of full screen check *}
</div>

{*
* Give Gallery a chance to output any cleanup code, like javascript that needs to be run
* at the end of the <body> tag. If you take this out, some code won't work properly.
*}
{g->trailer}

{* Put any debugging output here, if debugging is enabled *}
{g->debug}
</body>
</html>
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Fri, 2012-10-26 15:58

its easier to just embed your gallery.
if your sire is built on a CMS like Wordpress, Joomla, Drupal, Geeklog... we may already have an integration available.
Or you can use my simple embed tools and samples

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Sun, 2012-10-28 06:08

Wow, bailed on Gallery2 already.
Got to say, the G2 integration package for Wordpress looks 1000% better than what you settled on.

this is how it could have looked http://www.flashyourweb.com/gallery2/embed_samples/precisionpaintingandfauxfinishing.com.php

-s
________________________________
All New jQuery Minislideshow for G2/G3