customizing album list; question

[burley]

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?

[burley]

Anybody?
I really need the support

[Joachim Müller]

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.

[burley]

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.

[lordprodigy]

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.

[burley]

okay, thats clear.

But I want to use images in the header, not just colors.
Is that possible by using css?

[lordprodigy]

yes very possible. you can put anything you want in there. use the images are cell bg.. search the web for css tutorials.