Theme Pinmine for cpg1.5.x

[allvip]

OK.

stills some problems with file information after closing pic info and refresh and open pic info again.

[allvip]

fix it: on refresh is looking ok now but I can not make picinfo div to show 100% height all the time.
sometimes the div loads with a smaller height and the text is out of the div.

As a quick fix I added min-width and oveflow:scroll for div picinfo.

I also updated the code I posted on page 1 ( I only edited the post about style.css)

I just deleted the zip file (is attached to first post)

[Αndré]

Please use meaningful file names. The latest version was "cpg1.5.x_theme_pinmine_v1.4.zip", so the file you attached should be named "cpg1.5.x_theme_pinmine_v1.5.zip".

[allvip]

done.

albums admin buttons are missing but album properties,edit files,delete album can be access from Files - Albums.

[Αndré]

I just added version 1.6 to the initial post, which mainly removes the theme select list.

[yaezille]

Nice Theme, but it appears a problem on my page.
When Windopw is Restored and change size, the Columns decrease and thumbs wrap Responsively. That's fine
But When I maximize the Window again, the thumbs are not alligned and the Thumbs of the Columns that were wraped Are some Dozens of pixels Higher than those of the First Columns.

See for YourSelves.
http://mobilephonesphotography.gr/cpm/index.php

CanNot think what might cause that.

Am I Doing Something Wrong ?

[allvip]

No.You are not doing anything wrong.

The theme looks fine on all sizes monitors but when window is restored masonry ignores for some reason the 100% width of title div and positions 2 thumbnails on the same row like the title.Same happens even for category list and other.

Since that happens only on browser resize and then restore I don't think is a problem.Users don't usually play with the browser.

The initial theme (first zip file) had a fixed width (see reply#15) that fixed that problem but that makes the theme not responsive.

I also noticed that empty categories (has no subcategory or albums) are not showing in the category list and I forgot to enable album list pagination (tabs).

I will work on the theme and post a new version in max two days.I do not have time to do it now.

[allvip]

For the problem:browser resize and then restore is nothing I can do.I tryed masonry reload or bindResize but nothing.

The only way that worked is to use the latest jquery version jquery-1.11.1.min because coppermine has a old version of jquery : jquery-1.3.2.

Andre made a plugin that replaces jquery-1.3.2.js with jquery-1.11.1.min.js on every page (coppermine works fine with 1.11.1) :

Jqeury.min.js conflict thread Reply #48 http://forum.coppermine-gallery.net/index.php/topic,76858.40.html

I made some edits to the theme because I forgot: album list pagination (tabs),pagination for albums when Config - Album list view - Show first level album thumbnails in categories is ON and empty categories were not showing.Details:I updated Reply #11.

I even forgot some extra wrong code (colspan="{THUMB_COLS}" style="padding: 0px;"> in theme.php $template_thumbnail_view) in version 1.5 and 1.6 so please delete zip 1.5 and 1.6.

I delete the zip because was attached by coppermine dev team to first post.

Thanks Jeff.

[Jeff Bailey]

Updated first post with version 1.7 (changed the title from 1.5 in allvip's post).

[farrahscreations]

Please don't yell at me because I know this is a stupid question but I just can not find the answer in any of the documentation or in other threads. I am using this template and I want to change the text header to an image header. I know I go to the stylesheet.css but I'm not sure where and what code to put in. Any help would be greatly appreciated!

[allvip]

I want to change the text header to an image header.

Open style.css and:

find :

Code Select Expand


#cpg_logo_block_logo {
    text-align: center;
}


replace with:

Code Select Expand


#cpg_logo_block_logo {
    text-align: center;
    background-image: url(images/1.jpg);
    background-repeat: no-repeat;
    height: 5rem;
}


find:

Code Select Expand


#cpg_pin_sub_bar {position: absolute; top: 44px; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}


replace with:

Code Select Expand


#cpg_pin_top_bar {
#cpg_pin_sub_bar {position: absolute; top: 5rem; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}


Put the image you want to use in the images folder and replace     background-image: url(images/1.jpg); in the above code with your image name.
Also replace 5rem in both code with your desired number like 8rem to be bigger.

You also can remove from template.html  to remove text header:

Code Select Expand

<a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>

or position to the left:

change in #cpg_logo_block_logo style text-align: center; with text-align: left;

[allvip]

Another way because I don't exactly what you want.

Open template.html and:

find:

Code Select Expand


<a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>


replace with:

Code Select Expand

<img src="themes/pinmine/images/1.jpg" border="0" width="260" height="60" alt="" /><a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>

Open style.css:

find:

Code Select Expand


#cpg_logo_block_logo {
    text-align: center;
}


replace with:

Code Select Expand


#cpg_logo_block_logo {
    text-align: left;
height: 5rem;
padding: 2%;
}


find

Code Select Expand


#cpg_pin_sub_bar {position: absolute; top: 44px; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}



replace with:

Code Select Expand


#cpg_pin_sub_bar {position: absolute; top: 8rem; right: 0; left: 0; text-align: center; font-size: 13px; color: #8c7e7e; background-color: #faf7f7; border-top: 1px solid #cfcaca; z-index: 102; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);}



You also can remove from template.html :

Code Select Expand


<a href="index.php" style="text-decoration:none;"><span class="spanh1">{GAL_NAME}</span></a>


to remove text header