PLEASE help me sort out my installation

JoePurcell

Joined: 2009-10-11
Posts: 4

Posted: Sat, 2009-10-17 19:10

Gallery version : v2.3
PHP version : no idea sorry!
Webserver : justhost.com
Database : im clueless..
Operating system : Mac OS 10.6.1
Browser : Safari

OK heres the deal. I've got a website and have the /gallery/main.php sorted out (I got the hoster to do that for me). I need to change the design of the page so that it fits in with my website; simple things like change the background to black, stick my logo in, get rid of the 'Gallery' logo etc.. but I am lost in all these forums and FAQ links with how to do it!

I confess I know next to nothing about php, mysql, databases etc etc - I can look at simple HTML and work out what to do but thats it.

Its a photography website and all I want to do is have one page where I can post my pictures up and people can scroll through and look at them - simples .

Pretty sure this is the best link with regards to what I want to do:
http://codex.gallery2.org/Gallery2:How_to_visually_embed_Gallery_in_your_own_website_by_editing_theme_templates

I can't find my theme.tpl file? but from what I can tell, once I've got that I just need to modify it slightly then im done...? Can someone help me with ANY advice - better ways of doing things? where theme.tpl is?

I have looked at the FAQ's etc honest, but im really stuck and this is very frustrating so any help is very appreciated.

Please assume I know absolutely nothing about code!

Very sorry as I am sure you get many idiots like me asking you the same question - my hoster is being most unhelpful.

Thanks
Joe

gjtoth

Joined: 2009-09-21
Posts: 8

Posted: Sat, 2009-10-17 20:14

Hi, Joe.

I just started using G2 a couple of days ago and it's pretty easy. What you need to do can be done by changing themes to "Carbon" and once you do, you can configure the theme to put your own logo/or text header in. It worked for me and can be seen at http://toths.us/GJT

JoePurcell

Joined: 2009-10-11
Posts: 4

Posted: Sat, 2009-10-17 21:05

Thanks gjtoth - you're site is a great example of what i'm looking for, and great pics btw!

Can you tell me how to change the theme pls? I assume its in the Site Admin bit, and then themes on the left but in the 'default theme' dropdown, I only have Matrix as an option...?

Thanks
Joe

JoePurcell

Joined: 2009-10-11
Posts: 4

Posted: Sat, 2009-10-17 21:09

Ah ok I've downloaded the plug-in for the carbon theme and have changed it (me being thick not working that one out) - but how do I change the background of that so thats its completely black, for example ... ?

Thanks

JoePurcell

Joined: 2009-10-11
Posts: 4

Posted: Sat, 2009-10-17 22:01

i'm at the point where i've got theme.tpl up:

{*
* $Revision: 17592 $
* Read this before changing templates! http://codex.gallery2.org/Gallery2:Editing_Templates
*}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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 $theme.pageType == 'album' || $theme.pageType == 'photo'}
<meta name="keywords" content="{$theme.item.keywords}" />
<meta name="description" content="{$theme.item.description|markup:strip}" />
{/if}
{if $theme.pageType != 'admin'}
<script type="text/javascript" src="{g->url href='themes/carbon/theme.js'}"></script>
{/if}

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

{* Include this theme's style sheet *}
<link rel="stylesheet" type="text/css" href="{g->theme url="theme.css"}"/>
</head>
<body class="gallery">
{if !empty($jsWarning)}
{include file="gallery:modules/core/templates/JavaScriptWarning.tpl" l10Domain="modules_core"}
{/if}

<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">
{if !empty($theme.params.logoImageLocation)}
<img src="{g->url href=$theme.params.logoImageLocation}" alt=""/>
{else}
<img src="{g->url href="images/galleryLogo_sm.gif"}" width="107" height="48" alt=""/>
{/if}
</div>
{g->theme include="progressbar.tpl"}
{else}
<div id="gsHeader">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" width="50%">
<a href="{g->url}">
{if !empty($theme.params.logoImageLocation)}
<img src="{g->url href=$theme.params.logoImageLocation}" alt=""/>
{else}
<img src="{g->url href="images/galleryLogo_sm.gif"}" width="107" height="48" alt=""/>
{/if}
</a>
</td>
<td align="right" valign="top">
{g->theme include="ads.tpl"}
</td>
</tr>
</table>
</div>

<div id="gsNavBar" class="gcBorder1">
<div class="gbSystemLinks">
{if !empty($theme.params.extraLink) && !empty($theme.params.extraLinkUrl)}
<span class="block-core-SystemLink">
<a href="{$theme.params.extraLinkUrl}">{$theme.params.extraLink}</a>
</span>
«
{/if}
{g->block type="core.SystemLinks"
order="core.SiteAdmin core.YourAccount core.Login core.Logout"
separator="«"
othersAt=4}
{if $theme.pageType != 'admin'}
<span class="block-core-SystemLink">
<a href="{g->url params=$theme.pageUrl arg1="jsWarning=true"}"
onclick="toggleSidebar('sidebar'); return false;">{g->text text="Sidebar"}</a>
</span>
{/if}
</div>

<div class="gbBreadCrumb">
{g->block type="core.BreadCrumb" separator="»"}
</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" class="gcBorder1">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="left" width="50%">
{g->logoButton type="validation"}
{g->logoButton type="gallery2"}
{g->logoButton type="gallery2-version"}
{g->logoButton type="donate"}
</td>
<td align="right">
{strip}
{if !empty($theme.params.copyright)}
{$theme.params.copyright}
{/if}
{/strip}
{g->block type="core.GuestPreview"}
</td>
</tr>
</table>
</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>

But where I change bits in here to put my own logo in etc i've no idea!

?

JoePurcell Joined: 2009-10-11 Posts: 4	Posted: Sat, 2009-10-17 19:10
	Gallery version : v2.3 PHP version : no idea sorry! Webserver : justhost.com Database : im clueless.. Operating system : Mac OS 10.6.1 Browser : Safari OK heres the deal. I've got a website and have the /gallery/main.php sorted out (I got the hoster to do that for me). I need to change the design of the page so that it fits in with my website; simple things like change the background to black, stick my logo in, get rid of the 'Gallery' logo etc.. but I am lost in all these forums and FAQ links with how to do it! I confess I know next to nothing about php, mysql, databases etc etc - I can look at simple HTML and work out what to do but thats it. Its a photography website and all I want to do is have one page where I can post my pictures up and people can scroll through and look at them - simples . Pretty sure this is the best link with regards to what I want to do: http://codex.gallery2.org/Gallery2:How_to_visually_embed_Gallery_in_your_own_website_by_editing_theme_templates I can't find my theme.tpl file? but from what I can tell, once I've got that I just need to modify it slightly then im done...? Can someone help me with ANY advice - better ways of doing things? where theme.tpl is? I have looked at the FAQ's etc honest, but im really stuck and this is very frustrating so any help is very appreciated. Please assume I know absolutely nothing about code! Very sorry as I am sure you get many idiots like me asking you the same question - my hoster is being most unhelpful. Thanks Joe
	XUser login Username: * Password: * Create new account Request new password
gjtoth Joined: 2009-09-21 Posts: 8	Posted: Sat, 2009-10-17 20:14
	Hi, Joe. I just started using G2 a couple of days ago and it's pretty easy. What you need to do can be done by changing themes to "Carbon" and once you do, you can configure the theme to put your own logo/or text header in. It worked for me and can be seen at http://toths.us/GJT

JoePurcell Joined: 2009-10-11 Posts: 4	Posted: Sat, 2009-10-17 21:05
	Thanks gjtoth - you're site is a great example of what i'm looking for, and great pics btw! Can you tell me how to change the theme pls? I assume its in the Site Admin bit, and then themes on the left but in the 'default theme' dropdown, I only have Matrix as an option...? Thanks Joe

JoePurcell Joined: 2009-10-11 Posts: 4	Posted: Sat, 2009-10-17 21:09
	Ah ok I've downloaded the plug-in for the carbon theme and have changed it (me being thick not working that one out) - but how do I change the background of that so thats its completely black, for example ... ? Thanks

JoePurcell Joined: 2009-10-11 Posts: 4	Posted: Sat, 2009-10-17 22:01
	i'm at the point where i've got theme.tpl up: {* * $Revision: 17592 $ * Read this before changing templates! http://codex.gallery2.org/Gallery2:Editing_Templates } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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 $theme.pageType == 'album' \|\| $theme.pageType == 'photo'} <meta name="keywords" content="{$theme.item.keywords}" /> <meta name="description" content="{$theme.item.description\|markup:strip}" /> {/if} {if $theme.pageType != 'admin'} <script type="text/javascript" src="{g->url href='themes/carbon/theme.js'}"></script> {/if} { If Gallery doesn't provide a header, we use the album/photo title (or filename) } {if empty($head.title)} <title>{$theme.item.title\|default:$theme.item.pathComponent\|markup:strip}</title> {/if} { Include this theme's style sheet } <link rel="stylesheet" type="text/css" href="{g->theme url="theme.css"}"/> </head> <body class="gallery"> {if !empty($jsWarning)} {include file="gallery:modules/core/templates/JavaScriptWarning.tpl" l10Domain="modules_core"} {/if} <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"> {if !empty($theme.params.logoImageLocation)} <img src="{g->url href=$theme.params.logoImageLocation}" alt=""/> {else} <img src="{g->url href="images/galleryLogo_sm.gif"}" width="107" height="48" alt=""/> {/if} </div> {g->theme include="progressbar.tpl"} {else} <div id="gsHeader"> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" width="50%"> <a href="{g->url}"> {if !empty($theme.params.logoImageLocation)} <img src="{g->url href=$theme.params.logoImageLocation}" alt=""/> {else} <img src="{g->url href="images/galleryLogo_sm.gif"}" width="107" height="48" alt=""/> {/if} </a> </td> <td align="right" valign="top"> {g->theme include="ads.tpl"} </td> </tr> </table> </div> <div id="gsNavBar" class="gcBorder1"> <div class="gbSystemLinks"> {if !empty($theme.params.extraLink) && !empty($theme.params.extraLinkUrl)} <span class="block-core-SystemLink"> <a href="{$theme.params.extraLinkUrl}">{$theme.params.extraLink}</a> </span> « {/if} {g->block type="core.SystemLinks" order="core.SiteAdmin core.YourAccount core.Login core.Logout" separator="«" othersAt=4} {if $theme.pageType != 'admin'} <span class="block-core-SystemLink"> <a href="{g->url params=$theme.pageUrl arg1="jsWarning=true"}" onclick="toggleSidebar('sidebar'); return false;">{g->text text="Sidebar"}</a> </span> {/if} </div> <div class="gbBreadCrumb"> {g->block type="core.BreadCrumb" separator="»"} </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" class="gcBorder1"> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td align="left" width="50%"> {g->logoButton type="validation"} {g->logoButton type="gallery2"} {g->logoButton type="gallery2-version"} {g->logoButton type="donate"} </td> <td align="right"> {strip} {if !empty($theme.params.copyright)} {$theme.params.copyright} {/if} {/strip} {g->block type="core.GuestPreview"} </td> </tr> </table> </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> But where I change bits in here to put my own logo in etc i've no idea! ?

PLEASE help me sort out my installation

XUser login