New CSS based XHTML compliant themes

[pjoern]

Hi,
in another thread, Tarique Sani wrote (about theme Reynolds and standards compliancy):

Like Gaugau said - the theme is - the code for 1.3.2 is still not
See the latest one at http://validator.w3.org/check?uri=http%3A%2F%2Ftariquesani.net%2Findex.php
You will need the code from CVS to make it work

Wow, it is the first time I have seen a CPG site which validates. Congratulations! Could you perhaps be a little specific explaining which files from the CVS I would need to implement a standard compliant CPG theme in my site?

Thanks in advance
Jørgen Peter Kjeldsen

[Tarique Sani]

The files which need to be changed are index.php, thumbnail.php, displayimage.php and functions.inc.php BUT if you take just these files from the CVS and not the entire package - your install of coppermine is likely to break.

If you are comfortable with Alpha code then you can download the entire CVS devel and run the update.php. Currently the devs are not aware of any show stopping bugs in the CVS devel, so that way it is almost Beta...

[pjoern]

If you are comfortable with Alpha code then you can download the entire CVS devel and run the update.php. Currently the devs are not aware of any show stopping bugs in the CVS devel, so that way it is almost Beta...

Well, as I am not at all familiar with Alpha code, I think I will follow the advice in your signature: "Don't! just Don't!!"

I'll be patient and wait till there will be an official Beta... When do you expect that to happen?

Thanks for your answer, anyway!

Jorgen Peter Kjeldsen

[Tarique Sani]

When do you expect that to happen?

Well the official line is "When it is ready" but a Beta can be expected in a couple of weeks

[CarLBanks]

When I try to uncompress the Reynolds theme, it only gives me three images.

[Casper]

Where did you get the download from.  It sounds as if it is corrupt, please download a new copy.

[cryogenic]

If you are comfortable with Alpha code then you can download the entire CVS devel and run the update.php. Currently the devs are not aware of any show stopping bugs in the CVS devel, so that way it is almost Beta...

Well, as I am not at all familiar with Alpha code, I think I will follow the advice in your signature: "Don't! just Don't!!"

I'll be patient and wait till there will be an official Beta... When do you expect that to happen?

Thanks for your answer, anyway!

Jorgen Peter Kjeldsen

Don't know if this will make you feel any better, but I'm quite the newbie myself and my page is based around 1.4 code and validates fine. I took the long route and actually downloaded the CVS code locally and then re-uploaded it to my server. Seems to work ok and validates fine. I'm using the reynolds theme and have been for a good while now. Initially it wouldn't validate but I debugged a few errors to make it validate and passed it along to Tarique to help out some. Needless to say, all I did was download the whole tree (make sure and get the SQL folder!!) and then ran the update.php file and it did everything for me. If you want to take a look, my gallery is @ http://cryogenic.doesntexist.org/gallery

Also, Tarique, I'm having an issue with 2bornot2b on the config page. The headers/category titles for each section are black on a charcoal background (though the text for each option is correct). I'm going to try and figure it out myself in the meantime, but if you have any suggestions on how to correct it, it would be much appreciated.

Edit: fixed! tableh2 class needs "color" changed from #000000 to anything lighter.. (e.g. #ffffff). Also, 1.5em is, in my opinion, entirely too large. I'd suggest something more moderate like 1.3. Reynolds is set @ 1em, for example. I've attatched the corrected css file.

[Tarique Sani]

Grab the new 2bornot2b CSS from my site

[cryogenic]

I corrected it myself... and I forgot to attatch the corrected one, but it seems to be a moot point now.

EDIT: Tarique, you should edit the template.html near the bottom and change the xhtml 1.0 compliant banner to check referer instead of your URL. You inadvertently left your own URL hard-coded into the button link. The CSS button links properly, however.

[Tarique Sani]

2bornot2b is due for a huge clean-up - yes will keep your point in mind

[cryogenic]

2bornot2b is due for a huge clean-up - yes will keep your point in mind

cleanup as in how? I'm tempted to go through and remove all the double-spacing from the css file itself. I can't really see much of anything else that is in dire need of attention.

EDIT: I got bored and used JOE to go through and remove all the extra whitespace in style.css for 2bornot2b and while it looks better, it only saved 1KB in file size. If you want the file, I'll provide it... Basically, what I've done is single-spaced between classes and taken out all the line spacing between elements of the classes (e.g. background: and the like).

[Tarique Sani]

You mean I have already removed all those duplicate classes and IDs scattered .... must have, now to remove the hard coded links and add the variable for language and theme selection

[Casper]

Tarique,

I found that when using reynolds in admin mode the content is stretched and impedes the menu.

I have fixed this myself by placing the album admin menu in a new row under the album thumbs/description cells.
I did it by changing this code (twice);

Code Select Expand

<table width="100%" cellspacing="0" cellpadding="0">
        <tr>
                <td colspan="3" height="1" valign="top" class="tableh2">
                        <a href="{ALB_LINK_TGT}" class="alblink"><b>{ALBUM_TITLE}</b></a>
                </td>
        </tr>
        <tr>
                <td align="center" height="100%" valign="middle" class="thumbnails">
                        <a href="{ALB_LINK_TGT}" class="albums">{ALB_LINK_PIC}<br /></a>
                </td>
                <td width="100%" height="100%" valign="top" class="tableb_compact">
                        {ADMIN_MENU}
                        <p>{ALB_DESC}</p>
                        <p class="album_stat">{ALB_INFOS}</p>
                </td>
        </tr>
        </table>

To this;

Code Select Expand

<table width="100%" cellspacing="0" cellpadding="0">
        <tr>
                <td colspan="3" height="1" valign="top" class="tableh2">
                        <a href="{ALB_LINK_TGT}" class="alblink"><b>{ALBUM_TITLE}</b></a>
                </td>
        </tr>
        <tr>
                <td align="center" height="100%" valign="middle" class="thumbnails">
                        <a href="{ALB_LINK_TGT}" class="albums">{ALB_LINK_PIC}<br /></a>
                </td>
                <td width="100%" height="100%" valign="top" class="tableb_compact">
                       
                        <p>{ALB_DESC}</p>
                        <p class="album_stat">{ALB_INFOS}</p>
                </td>
        </tr>
<tr><td colspan="2" align="center" height="100%" valign="middle" class="thumbnails">{ADMIN_MENU}</td></tr>
        </table>

[cryogenic]

I actually noticed the same thing, but never really bothered to fix it   I prefer the darker colored theme anyway and it seems to work perfectly fine on my end so far.

and @Tarique, the duplicate classes appear to be gone from what I can telll. With the whitespace removed, the css file checks in at 11KB.

[Tarique Sani]

Works fine on Mozilla for me - please post more details

[Casper]

Hi tarique,

I noticed this when more than 2 columns of albums are shown, or when viewing at a lower resolution, say 800x600.

It is the index page, and cat index page this is noticable on, not the config page.  I accept that this theme is designed for use at 1024 or higher, and with just 2 columns, but as you know there will always be users who choose to do it differently, and then moan.

This is just a cosmetic fix for those occassions.  Does the 'colspan' create a problem with validating?

[cryogenic]

One other suggestion for 2bornot2b. under the class .debug_text, color should be changed from #000000 to #ffffff as it's completely unreadable with the color set as 000000 (black). I have debug mode turned on in admin mode since I'm testing 1.4 and I had to change the color in the css in order to make it readable

[Tarique Sani]

@casper - at lower resolutions too many things break in reynolds anyways... So I am not in favour of just adding colspan when we cannot fix other stuff like the thumbnail display anyways
@cryogenic - will keep in mind .debug_text color when I fix 2bornot2b

[xleyba]

Hi

Some questions:

1 - Which are the xhtml compliant themes ? Where could I found a list ?

2 - New themes are tableless or Coppermine still comes with html tables inside php code ?


Thanks in advance

Javier

[Joachim Müller]

You will find out if you read this thread from the very beginning to the very end. The themes mentioned here are both experimental, and the current cpg release version (cpg1.3.2) is not xhtml compliant (but the next version will be). Coppermine (any version)  is however not completely tableless.

Joachim