Advanced search  

News:

cpg1.5.46 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter recently discovered vulnerabilities. It is important that all users who run version cpg1.5.44 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Responsive Theme  (Read 4418 times)

0 Members and 1 Guest are viewing this topic.

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Responsive Theme
« on: December 14, 2015, 07:31:34 pm »

Hi, I 'created' a responsive theme by mixing curve-responsive with my template for html-files for my websites medienarchiv.com and photoinfos.com. I'm not a skilled programmer. I try to stay afloat with try and error.

Much to my surprise, mixing together both themes functions with only minor flaws. I like the design, because it allows me to integrate coppermine in an existing Website with many pictures. Perhaps other people need something like this.

The pros should check the code of the theme. I was told that mixing two different jsquery is not good and I'm shure that this template can be uncluttered. Shurely the number of css.files can be reduced. But this is something for better skilled coppermine-users, than I am. I would be glad, if you help me to get this stable and to look for issues and correct them.

You can see coppermine with this theme here:
http://www.medienarchiv.com/a-archiv/


Tom

     
Logged

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Re: Responsive Theme
« Reply #1 on: December 21, 2015, 01:29:32 am »

I wonder why nobody replys. Is there a lack of interest or of knowledge?

Tom
Logged

Phill Luckhurst

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4482
    • Windsurf.me
Re: Responsive Theme
« Reply #2 on: December 21, 2015, 11:05:31 am »

Thanks for your contribution. All of the team are really busy with various things at the moment so sometimes stuff doesn't get a response as quickly as we would hope. Your theme looks nice but as you say there are a few things that could be streamlined. Hopefully over the next few days we will add it to the repository.
Logged
It is a mistake to think you can solve any major problems just with potatoes.

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Re: Responsive Theme
« Reply #3 on: December 26, 2015, 12:21:30 pm »

Here is another example:

http://www.photoinfos.com/telescopes/

Tom
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15415
Re: Responsive Theme
« Reply #4 on: January 13, 2016, 04:10:13 pm »

Thanks for your contribution. Unfortunately there are some hard coded links and strings in template.html (title, header and footer), which are currently the reason I don't want to add the theme to our demo and repository as-is.

Additionally, I got a template error immediately after I enabled the theme:
Code: [Select]
Template error
Failed to find block 'contact' (#<!-- BEGIN contact -->(.*?)<!-- END contact -->#s) in :

<ul class="dropmenu">
         
                        <!-- BEGIN home -->
                        <li>
                            <a href="{HOME_TGT}" title="{HOME_TITLE}" class="firstlevel" ><span class="firstlevel">{HOME_ICO}{HOME_LNK}</span></a>
                            <ul>
                                <!-- BEGIN sidebar -->
                                <li>
                                    <a href="{SIDEBAR_TGT}" title="{SIDEBAR_TITLE}" ><span>{SIDEBAR_ICO}{SIDEBAR_LNK}</span></a>
                                </li>
                                <!-- END sidebar -->
                                <!-- BEGIN my_profile -->
                                <li>
                                    <a href="{MY_PROF_TGT}" title="{MY_PROF_TITLE}" ><span>{MY_PROF_ICO}{MY_PROF_LNK}</span></a>
                                </li>
                                <!-- END my_profile -->
                                <!-- BEGIN allow_memberlist -->
                                <li>
                                    <a href="{MEMBERLIST_TGT}" title="{MEMBERLIST_TITLE}" ><span>{MEMBERLIST_ICO}{MEMBERLIST_LNK}</span></a>
                                </li>
                                <!-- END allow_memberlist -->
                            </ul>
                        </li>
                        <!-- END home -->
                        <!-- BEGIN my_gallery -->
                        <li>
                            <a href="{MY_GAL_TGT}" title="{MY_GAL_TITLE}" class="firstlevel" ><span class="firstlevel">{MY_GAL_ICO}{MY_GAL_LNK}</span></a>
                            <ul>
                                <!-- BEGIN leave_admin_mode -->
                                <li>
                                    <a href="{USR_MODE_TGT}" title="{USR_MODE_TITLE}" ><span>{USR_MODE_ICO}{USR_MODE_LNK}</span></a>
                                </li>
                                <!-- END leave_admin_mode -->
                                <!-- BEGIN enter_admin_mode -->
                                <li>
                                    <a href="{ADM_MODE_TGT}" title="{ADM_MODE_TITLE}" ><span>{ADM_MODE_ICO}{ADM_MODE_LNK}</span></a>
                                </li>
                                <!-- END enter_admin_mode -->
                            </ul>
                        </li>
                        <!-- END my_gallery -->
                        <!-- BEGIN upload_pic -->
                        <li>
                            <a href="{UPL_PIC_TGT}" title="{UPL_PIC_TITLE}"  class="firstlevel" ><span class="firstlevel">{UPL_PIC_ICO}{UPL_PIC_LNK}</span></a>
                        </li>
                        <!-- END upload_pic -->
                        <!-- BEGIN register -->
                        <li>
                            <a href="{REGISTER_TGT}" title="{REGISTER_TITLE}"  class="firstlevel" ><span class="firstlevel">{REGISTER_ICO}{REGISTER_LNK}</span></a>
                        </li>
                        <!-- END register -->
                        <!-- BEGIN login -->
                        <li>
                            <a href="{LOGIN_TGT}" title="{LOGIN_TITLE}"  class="firstlevel" ><span class="firstlevel">{LOGIN_ICO}{LOGIN_LNK}</span></a>
                        </li>
                        <!-- END login -->
                        <!-- BEGIN logout -->
                        <li>
                            <a href="{LOGOUT_TGT}" title="{LOGOUT_TITLE}"  class="firstlevel" ><span class="firstlevel">{LOGOUT_ICO}{LOGOUT_LNK}</span></a>
                        </li>
                        <!-- END logout -->
</ul>
(I haven't checked that in detail, may be something related to my testbed).
Logged

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Re: Responsive Theme
« Reply #5 on: January 21, 2016, 08:57:02 pm »

I made some corrections and now this theme works in three coppermine installations.

Tom
« Last Edit: January 22, 2016, 04:37:07 pm by sindbad5 »
Logged

sharpo

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 177
Re: Responsive Theme
« Reply #6 on: January 21, 2016, 09:31:21 pm »

Just tried looking at the gallery from the link in your first topic, but on my smartphone the images are too large and only part of them can be seen. Does that link need to be amended or is there still a problem?
Logged
Sharpo (not an expert, just a Coppermine user)

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Re: Responsive Theme
« Reply #7 on: January 21, 2016, 10:46:09 pm »

Does this gallery work on your smartphone?   http://www.photoinfos.com/telescopes/

I have uploaded a corrected zip-file with the theme.

Tom     
« Last Edit: January 22, 2016, 04:37:42 pm by sindbad5 »
Logged

sharpo

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 177
Re: Responsive Theme
« Reply #8 on: January 21, 2016, 11:25:34 pm »

Does this gallery work on your smartphone?   http://www.photoinfos.com/telescopes/

Unfortunately I can not edit my previous message. Therefore I have to upload another Zip-File with the theme.

Tom   
No. The image still goes off the right of the screen, even when holding it sideways.

If it's any help, the phone is a Huawei Y300 so you can check specifications to see if it should work on that size screen.
Logged
Sharpo (not an expert, just a Coppermine user)

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Re: Responsive Theme
« Reply #9 on: January 22, 2016, 06:58:15 am »

Thank you for your information. Unfortunately, I can think of no solution, because my own knowledge is too limited to understand why on your smartphone the pictures don't shrink enough.

On my screens the gallery looks okay. Also on my sister's ipad. Mobile friendly tests also say it. Have a look at the attachements. Never mind the language (German). The green bar above googles check means that it should be mobile friendly.


Let me clarify my intention for a theme like this. Google seems to take the "mobility-friendliness" into account. No beeing that could affect the ranking of your website. I wanted to have a theme that passes the test. Also I wanted to have a gallery  which looks good on a tablet. A further reason for this theme is my wish to embed the gallery into an existing website. This is done with the header and footer. 

Smartphones? Although the gallery should also work on cell phones, they are due to their small displays not the right medium to grant an appropriate image presentation. Too many details can not be seen. But my opinion is not an excuse to let smartphones slip from our attention.   

Perhaps the coppermine-pros have a look at the theme and help to improve it?

Tom

« Last Edit: January 22, 2016, 07:03:21 am by sindbad5 »
Logged

sharpo

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 177
Re: Responsive Theme
« Reply #10 on: January 22, 2016, 02:27:05 pm »

Just tried using chrome browser on the same mobile and it does work, the large images do fit the screen. So perhaps it is just a problem with older browsers?
Logged
Sharpo (not an expert, just a Coppermine user)

sindbad5

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: de
  • Offline Offline
  • Posts: 207
    • My Images - medienarchiv.com
Re: Responsive Theme
« Reply #11 on: January 22, 2016, 04:35:15 pm »

Perhaps, but to be sure we need more replies.

Tom
Logged

Phill Luckhurst

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4482
    • Windsurf.me
Re: Responsive Theme
« Reply #12 on: January 22, 2016, 05:57:58 pm »

Some of the css used is browser dependant so it may not work on older browsers. I have not checked through all but the first in the list was - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp
Logged
It is a mistake to think you can solve any major problems just with potatoes.

sharpo

  • Coppermine frequent poster
  • ***
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 177
Re: Responsive Theme
« Reply #13 on: January 22, 2016, 07:40:34 pm »

Sindbad5,

Let us know as you make corrections & I'll check using the "old browser". That way you should finally end up with a working theme for older browsers as well as new ones.

I have tried using other responsive themes in my gallery in the past, now I know why they might not have worked properly - an old browser!!
Logged
Sharpo (not an expert, just a Coppermine user)
Pages: [1]   Go Up
 

Page created in 0.021 seconds with 23 queries.