Responsive Theme

[sindbad5]

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

     

[sindbad5]

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

Tom

[phill104]

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.

[sindbad5]

Here is another example:

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

Tom

[Αndré]

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 Expand

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).

[sindbad5]

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

Tom

[sharpo]

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?

[sindbad5]

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

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

Tom     

[sharpo]

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.

[sindbad5]

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

[sharpo]

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?

[sindbad5]

Perhaps, but to be sure we need more replies.

Tom

[phill104]

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

[sharpo]

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!!