TaBoRaMa : Theme for cpg1.4.x

[zac]

Hello Copperminers,

At last I have something to share with you all.  After a few years of endlessly tweaking themes I came up with something I liked.  The coppermine interface is now all controlled through tabbed browsing as I learned about from this article:

http://www.alistapart.com/articles/slidingdoors2/

Many of CPGs default tables have been replaced with CSS.

I am using Stramms modpack and it has only been tested with that installed.. it should be fine without though. 

One of the theme hacks is a better breadcrumb that Paver came up with here:

http://forum.coppermine-gallery.net/index.php?topic=31889.0

I included the spiffy new CPG logo in the header.  That is easy enough to change, if you want to put your own site name there just edit the graphic 800top.jpg in the images folder.

Let me know if you have any suggestions, questions, problems. ..  and if you use it, leaving my credits link alone would be much appreciated

Cheers!

Zac
www.folkphotography.com


[Edit GauGau] Theme attachment removed because it contained a minor flaw. Please scroll down for the download link [/Edit]

[Joachim Müller]

I am using Stramms modpack and it has only been tested with that installed.. it should be fine without though. 

Sorry, it doesn't work with a standard coppermine install (without the modpack). I'll review it and change it accordingly asap and post the needed changes.

Thanks for your contribution.

[zac]

Oop. .thanks for that GauGau.  It is a simple fix if anyone downloaded the bad one.  The only change from the modpack is to remove the friends link from the theme.  Remove the following code:

Code Select Expand

<!-- BEGIN my_friends -->
                                       
                                           <li>     <a href="{MY_BUDDY_TGT}">{MY_BUDDY_LNK}</a>
                                        </li>
<!-- END my_friends -->

I also had the wrong path to the css   

Change in the head of the template:

Code Select Expand

<link rel="stylesheet" href="themes/classic/style.css" type="text/css" />
to

Code Select Expand

<link rel="stylesheet" href="themes/taborama/style.css" type="text/css" />

I attached the fixed (I hope) version

Also... I forgot to mention, to make this template look right, you need to change the width of the main table.  GO to config-->Album List View-->Width of the main table : make this 600px

[zac]

live demo: http://www.folkphotography.com/cpgzthemed/index.php

[Joachim Müller]

Ah, now I can finally see the theme as expected (without the reference to the proper stylesheet it looked a bit "classical" ). It really rocks, especially the tabs look very cool.

The only thing I changed is reversing the order of the admin menu and the custom header token in template.html, as we use the custom_header feature to include the overall site navigation on the demo (which is what most use it for).

Take a look at the Demo and Download section. Thanks for your great contribution.

Attached is a screenshot for a quick preview.

[François Keller]

Hey, nice theme,

only a little cosmetic problem with the "page navigation" on the bottom of the page. (see attached screen capture)
CSS should be modified for the .navmenu class

[zac]

Great   Glad you like it.  Thanks for pointing that out Frantz, I was testing it with just a few pics so never saw page numbers.  I fixed it and attached it to this post.  I also added a style switching script and now you can resize the gallery closer to what your screen size is.  I recommend setting your main table in the config at 90% and it should work well. 

A demo of this with the switcher is now at : http://www.folkphotography.com/cpgtest/

[Joachim Müller]

The style-switcher is nice, but (and there's always a "but") it doesn't play nicely if a visitor has turned of JavaScript (that's to be expected) and doesn't default nicely to one of the resolutions. Additionally, it doesn't work well with our demo, as we already use an onload event in the custom header include. That's why I can't upgrade the theme in the demo to the most recent version v3 that you contributed.
However, I have added version 3 to the downloads section: http://downloads.sourceforge.net/coppermine/cpg1.4.x_theme_taborama_styleswitcher.zip
As suggested previously, the {CUSTOM_HEADER} token in template.html should be located above the admin menu.

[zac]

yea.. you right.  thanks for the feedback.  that version was pretty unnecessary and buggy i realized ...still kinda fun tho 
I dont mind if you just delete that version... I was getting carried away. 

The css code should be changed to fix that navmenu problem in the other version :

Code Select Expand

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 100%;
        font-weight: bold;
        background : #ffffff ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #666666;
background-color: #FFFFFF;
}

.navmenu a:hover {
        background : #EFEFEF ;
        text-decoration: none;
        color:         #000000;
}


  i think it is time for me to start a new project  

[Joachim Müller]

Thanks for the update. I re-packaged both flavors of the theme (the one with the style switcher and the one without it), re-uploaded the packages to the download repository and changed the links in avove postings accordingly.

[zac]

cool, thanks GauGau 

[littlewing1112]

Hello,
I m using the last release of firefox under GNU/LINUX ( Ubuntu gutsy ) and it seems your theme is not working very well on this platform. I guess the bug is in the background description (css ?)

If you want, i m available to do any test or patch under this platform
The desktop screenshot is in attachment
Thanks in advance !!!

Regards,
Alexandre

[Joachim Müller]

Not a valid reply to an announcement thread.

[Stramm]

I'd appreciate if you post your theme on the modpack board as well

[zac]

@littlewing1112 - yup I have the url pointing to my own site for the background image and the wrong background color.. in the style css change:

Code Select Expand

body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-image:   url(http://www.folkphotography.com/style_images/bg.jpg);
                background-repeat:repeat;
        color:#111111;
        margin: 0px;
}

to

Code Select Expand

body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-image:   url(images/bg.jpg);
                background-repeat:repeat;
        color:#999999;
        margin: 0px;
}

@ Stramm - I am working on a better version of this theme so I will ...