Having a VERY hard time understanding how to customize Gallery

Hello all,

I'm obviously new to Gallery and I don't claim to be a web dev or CSS expert, but I think I know enuff to get around. The problem is I am having the hardest time understanding what needs to be altered to changes even the simplest things.

For instance, I am trying to get the theme siriux to implement with a current site within a div of about 550 pixels. I cant seem to find the right div or class within the CSS to alter this.

And Smarty? I've never even heard of it and it seems like a foreign language to me.

Is there some resource that can explain customization a bit better?

I am in fear of looking for another gallery script if I can't figure out how to customize this one

here is the page im working on:

http://meeks.com/gallery2/v/

If anyone can help I would much appreciate it. I'm getting soooooooo frustrated.

The width for the siriux theme is for some reason set inside the template (probably to be able to alter it there with code when needed) ./themes/siriux/templates/theme.tpl The part you are looking for is the following:

<style type="text/css">
    .content {ldelim} width: {$theme.params.contentWidth}px; {rdelim}
    {if !empty($theme.params.thumbnailSize)}
        {assign var="thumbCellSize" value=$theme.params.thumbnailSize+30}
        .gallery-thumb {ldelim} width: {$thumbCellSize}px; height: {$thumbCellSize}px; {rdelim}
        .gallery-album {ldelim} height: {$thumbCellSize+30}px; {rdelim}
    {/if}
</style>

Think of smarty as the exact same thing as php only with different names if -> {if} and so on
smarty help here

There are resources that explain this better, but you are going to have to search the forums if the resources you require are not listed on http://codex.gallery2.org (this site has quite a nr of doucments and links to help with g2)

[edit][offtopic][nofi]It is not very polite to kick your topic after 40 minutes if noone answered[/nofi][/offtopic][/edit]

Have you read the stuff on customizing on http://codex.gallery2.org . It's really not that hard once you figure out what is where. Mainly your be editing the /gallery2/themes/siruix/theme.css and the tpl files in the /gallery2/themes/siruix/templates directory.

Ivthunder - Yea I have tried to look through it...I find it hard to find answers with it...I guess im just not used to that type of format for a help index.. I'll have a look again thanx.

RwD - Didnt want to come off like a jerk, I appreciate your help...its just been a frustrating day and i'm still no further

WOOHOO NM I got it...THANX A TON RwD!!!

Another question. About the web developer for FF. According to it, I need to change the inline styles.....what would I save that file as for uploading?

*doublepost, sorry

The following code is inside the ./themes/siriux/templates/theme.tpl file

<style type="text/css">
    .content {ldelim} width: {$theme.params.contentWidth}px; {rdelim}
    {if !empty($theme.params.thumbnailSize)}
        {assign var="thumbCellSize" value=$theme.params.thumbnailSize+30}
        .gallery-thumb {ldelim} width: {$thumbCellSize}px; height: {$thumbCellSize}px; {rdelim}
        .gallery-album {ldelim} height: {$thumbCellSize+30}px; {rdelim}
    {/if}
</style>

The .content entry is the one that contains the width of the siriux theme. You would need to replace the {$theme.params.contentWidth} with the desired width. You could also remove this part from the tpl file and move it into the css file. BUT! this variable is a parameter which can be set in the admin panel as well without any coding whatsoever; Go to the admin panel->themes->siriux and edit the parameter called "Width of page content in pixels" which by default is set to 700.

Admin part templates are not in the default siriux templates directory. I think that the best way for you is to look inside the html to find out the classnames, ids and if needed the paths to those elements, and add entries to the css for this.

suppose an element you want to have a red border in the html is called:

<div id="styleMeRed">
Some content
</div>

Then you can add an entry in the css like:

#styleMeRed{
  border: 1px solid red;
}

And it is done.

As far as the admin setting the width, got it to work just fine after I place the css in the actuall stylesheet instead of the html.

thx again.....now I just need to figure out more on the admin.

I really appreciate all your help, im having a blast with this great program now!

:P

I think the siriux theme should be changed a little bit so that width thing won't bother anybody like it did you anymore. For example, the value 0 should represent getting rid of the width setting completely and letting the browser apply the default setting. You didn't have to remove it completely;
adding a local folder and copying the theme.tpl in there would be step 1
step 2 would be to change the template so the style thing looks like this:

<style type="text/css">
    {if ($theme.params.contentWidth > 0)}
    .content {ldelim} width: {$theme.params.contentWidth}px; {rdelim}
    {/if}
    {if !empty($theme.params.thumbnailSize)}
        {assign var="thumbCellSize" value=$theme.params.thumbnailSize+30}
        .gallery-thumb {ldelim} width: {$thumbCellSize}px; height: {$thumbCellSize}px; {rdelim}
        .gallery-album {ldelim} height: {$thumbCellSize+30}px; {rdelim}
    {/if}
</style>

(This is also the change I was proposing in the beginning of this comment ;)

admin part template in the theme calls another template, I haven't looked at it yet. but I wrote down another method of styling three posts back, that will also work...