forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: burley on March 26, 2006, 11:43:41 pm

Title: customizing album list; question
Post by: burley on March 26, 2006, 11:43:41 pm
Hi there,

I tried the search function but to no avail.
I'm looking to customize my album list in my allmost finished skin (used caliskinV6 as template to create an iSkin look to use with our vbulletin forum).

In the caliskin theme.php there was no reference for the album list so it is using the standard way. I added the album_list from the sample theme.php but it does nothing at all.
It still shows the standard album_list.

What I would like to do is customize the table with my own images, with the other tables I used the following code;

                   <table width="100%" cellspacing="0" cellpadding="0" class="tableh1a" style="background-image:url(themes/caliSkinV6/img/cat_back.gif);">
                                <tr>
<td width="33" height="27" align="left" valign="top"><img src="themes/caliSkinV6/img/cat_top_ls.gif" width="33" height="27" alt=" " border="0" /></td>
<td width="22" height="27" align="left" valign="top"><img src="themes/caliSkinV6/img/text_ls.gif" width="22" height="27" alt=" " border="0" /></td>
<td width="50%" class="tcat" style="background-image:url(themes/caliSkinV6/img/cat_top_text_bk.gif)" align="left">

<div align="left" class="tableheader">
<b>$title</b>
</div>

</td>
<td width="30" height="27" align="left" valign="top"><img src="themes/caliSkinV6/img/cat_top_text_end.gif" width="30" height="27" alt=" " border="0" /></td>
<td width="50%" height="27" align="left" valign="top"><img src="themes/caliSkinV6/img/cat_back.gif" width="50%" height="27" alt=" " border="0" /></td>

<td width="20" height="27" align="right" valign="top"><img src="themes/caliSkinV6/img/cat_top_rs.gif" width="20" height="27" alt=" " border="0" /></td>

                                </tr>
                        </table>


How should I add this code to the album list table so that it looks like the example below?
Title: Re: customizing album list; question
Post by: burley on March 28, 2006, 02:20:33 pm
Anybody?
I really need the support
Title: Re: customizing album list; question
Post by: Joachim Müller on March 29, 2006, 07:22:01 am
modify the code bit you have copied from the sample theme to match what you're up to, I have no idea what exactly you mean.
Title: Re: customizing album list; question
Post by: burley on March 29, 2006, 04:39:38 pm
Ok, let me try and make it more clear.

I'm working on a custom theme and have almost customized everything I need to.
However I'm unable to customize the album_list table and I have no clue where I go wrong.

I've added the code for the album_list from the sample theme to my theme.php, but like I said it changes nothing.
The gallery still shows the standard lay-out for the album list (check the schreenshot; the upper table).

The code bit I added in my first post, is the custom code I use for the other table's (check the screenshot; the bottom table).

I would like to know what changes (and where I should add my custom code) I have to make in the album_list code to create my custom look for the album_list.



Title: Re: customizing album list; question
Post by: lordprodigy on March 29, 2006, 05:18:05 pm
it is a css problem... In general when troubleshooting css you should use something like TopStyle or other css editor. First of all find which attribute in the css gives you the blue (tableh1a I think) and modify that accordingly.

When making skins, try to use as much as possible css and dont code images and backgrounds in your theme.php. Makes future editing much easier.
Title: Re: customizing album list; question
Post by: burley on March 29, 2006, 05:34:31 pm
okay, thats clear.

But I want to use images in the header, not just colors.
Is that possible by using css?
Title: Re: customizing album list; question
Post by: lordprodigy on March 29, 2006, 07:59:55 pm
yes very possible. you can put anything you want in there. use the images are cell bg.. search the web for css tutorials.