forum.coppermine-gallery.net

Support => cpg1.5 themes (visuals) => cpg1.5.x Support => cpg1.5 theme contributions => Topic started by: kostekjo on June 04, 2013, 09:23:38 am

Title: Blankstrap - Bootstrap based theme v0.2
Post by: kostekjo on June 04, 2013, 09:23:38 am
I would like to share with You the first version of the theme. Please let me know about any problems considering this theme.

Demo: http://pawelkoston.pl/demos/coppermine/ (fixed)
Download: https://bitbucket.org/pawelkoston/blankstrap-coppermine-theme/get/master.zip

Description:
Simple Coppermine theme build based on Twitters Bootstrap. It can be easily themed using a custom bootstrap.css file. You can download ready bootstrap themes from http://bootswatch.com/ or create Your own here: http://twitter.github.io/bootstrap/customize.html

License:
WTFPL

Known Issues:
- The admin interface is still based on <table>'s and it needs some improvements
- You still get the old jQuery 1.3
- Some of the theme elements (mostly not used by default) are not included
Title: Re: Bootstrap based theme
Post by: Phill Luckhurst on June 04, 2013, 10:39:03 am
That looks absolutely brilliant. Using Twitter Bootstrap is something I would love to see as the base for the CPG theme engine as it allows the development of themes to be done so quickly and with ease. Love how you have also mad your theme responsive too, well done. I am really looking forward to seeing you share the completed version.
Title: Re: Bootstrap based theme
Post by: johnfelipe on June 13, 2013, 08:23:49 pm
Please share it
Title: Re: Bootstrap based theme
Post by: ErikM on June 13, 2013, 09:31:23 pm
Hi,

I can hardly wait for it's release. It's looks like great. A function to swipe the photo's on mobile, instead of using the back en next buttun would be a much greater option.

Erik
Title: Re: Bootstrap based theme
Post by: dmcaloney on June 19, 2013, 02:11:08 pm
Fantastic theme and just the type I am after for my family photo site.

Would really appreciate a share of this.
Title: Re: Bootstrap based theme
Post by: kostekjo on June 20, 2013, 11:31:05 am
[Edit: moved everything to the first post]
Title: Re: Bootstrap based theme
Post by: Phill Luckhurst on June 20, 2013, 12:07:06 pm
Your link is still showing the curve theme. I assume you meant this - http://pawelkoston.pl/demos/coppermine/?theme=blankstrap

Fantastic work and many thanks for your contribution.
Title: Re: Bootstrap based theme
Post by: Niecher on June 20, 2013, 12:37:04 pm
Awesome !
Title: Re: Bootstrap based theme
Post by: dmcaloney on June 20, 2013, 01:44:25 pm
Fantastic theme, many many thanks for sharing.
Title: Re: Blankstrap - Bootstrap based theme
Post by: Phill Luckhurst on July 09, 2013, 01:56:31 pm
Added to the Coppermine Demo - http://coppermine-gallery.net/demo/cpg15x/?theme=blankstrap

And our download repository - https://sourceforge.net/projects/coppermine/files/Themes/1.5.x/cpg1.5.x_theme_blankstrap_v0.2.zip/download
Title: Re: Blankstrap - Bootstrap based theme
Post by: kostekjo on July 10, 2013, 12:48:57 pm
Thanks Phill !

I've updated the theme:

Changes for v0.2
   - Little visual improvements
   - Included Icons by Glyphicons
   - Changed thumbanil view, so that whole thumbnails are visible
   - removed border, and title attributes from thumbnails

If anyone wants to take a part in the development, contact me or just send a pull request.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: allvip on July 16, 2013, 11:09:27 pm

create Your own here: http://twitter.github.io/bootstrap/customize.html


I don't understand how to use this bootsrpa.Can you please give me details?
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: Phill Luckhurst on July 16, 2013, 11:36:20 pm
I don't understand how to use this bootsrpa.Can you please give me details?

All the details are on the above site. It really is too complex to go into detail here especially when there are hundreds of sites dedicated to the bootstrap engine that will explain all.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: thedastardly on July 28, 2013, 05:55:29 pm
This is fantastic. Thanks so much!

However, I'm getting this error on the homepage, and the categories don't load. Every other page works fine.

Code: [Select]
Fatal error: Call to a member function attributes() on a non-object in E:\wamp\www\gallery\themes\blankstrap\theme_listings.php on line 195
Any ideas?
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: kostekjo on July 29, 2013, 10:35:22 am
Probably You don't have SimpleXML installed / enabled. The code that fails, is responsible for replacing the default title attribute of an image link. If you're happy with the default titles you can comment out the whole try/catch section:

Code: [Select]
/* try {
            $el = &simplexml_load_string($thumb['image']);
           
            $attribs = $el->attributes();
            unset($attribs->title);
           
            $thumb['image'] = $el->asXML();
 } catch (Exception $e)  {

 } */
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: thedastardly on July 29, 2013, 11:49:45 am
Probably You don't have SimpleXML installed / enabled. The code that fails, is responsible for replacing the default title attribute of an image link. If you're happy with the default titles you can comment out the whole try/catch section:

Thanks for the quick reply. I checked my PHPinfo and SimpleXML is enabled.

I did try commenting out that bit, and it worked, but since the cat thumbs were showing up I'm a bit confused as to what the code actually does?

Also when you said you left out some theme elements does this also include the "Edit/Delete/slideshow" options under each image?
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: kostekjo on July 30, 2013, 12:43:33 pm
I did try commenting out that bit, and it worked, but since the cat thumbs were showing up I'm a bit confused as to what the code actually does?
The code unsets the title attribute on an <img> tags for thumbnails.

Also when you said you left out some theme elements does this also include the "Edit/Delete/slideshow" options under each image?
Yes. I'm considering creating a configuration file for the theme, so such features could be enabled by users that need it. As for now, you would have to manually add those buttons in by placing
Code: [Select]
echo $nav_menu ; somewhere in theme_display_image() function in theme_image.php file.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: nickelas on August 30, 2013, 10:29:47 am
A bootstrap theme is fantastic news, thanks!

If I may suggest a setting for what info to show when hovering a thumbnail
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on October 21, 2013, 07:20:44 pm
Many thanks to Kostekjo for the this theme and finally my site is compatible with mobile devices.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on October 24, 2013, 11:57:53 pm
After much trying and searching I found that you need all the 12 javascript files + the jquery.js that comes with the development tool to have the menu button working.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on October 25, 2013, 12:00:24 am
After much trying and searching I found that you need all the 13+2 javascript files + the jquery.js that comes with the development tool to have the menu button working.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: pols1337 on December 17, 2014, 04:53:40 am
This Blankstrap theme is GREAT.

I vote that this become the new default theme for Coppermine. 
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: Phill Luckhurst on December 21, 2014, 12:19:25 am
It is good, but needs a bit more work here and there.
Title: Re: Re: Blankstrap - Bootstrap based theme v0.2
Post by: pols1337 on December 21, 2014, 04:12:22 pm
It is good, but needs a bit more work here and there.

I would have NO problem with your edits to make this theme more polished  ;)

I like the fact that this theme is naturally responsive. 
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: whats_up_skip on February 06, 2015, 02:10:47 am
Thanks for the quick reply. I checked my PHPinfo and SimpleXML is enabled.


I had this problem as well. Again I have SimpleXML enabled.

Thanks for developing this theme, it is a much needed update for Coppermine-Gallery.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: whats_up_skip on February 16, 2015, 01:37:19 am
Is anyone else having a problem where links in descriptions are not being processed correctly?
That is the URL is actually showing in the text.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: skyrides on February 17, 2015, 09:15:13 pm
Thanks for making Blankstrap available.  I'm having trouble getting it to work, however.  The main problem is that the album list does not display.  I've seen other mentions of this problem, but have not seen a fix for it.  Also, there are strange characters appearing on the previous and next buttons when an image is displayed.  The same strange character also appears in the page title for the displayed image.

I've tried the attachments from the first two posts in this thread as well as the package from the download repository.  I have the problems regardless of which one is in use.  At the moment, I have the one from download repository in place.  My Coppermine installation is here: http://www.greatamericaparks.com/images/index.php?theme=blankstrap .

Thanks for any help!  I look forward to having this working.

Steven
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on February 17, 2015, 11:00:14 pm
I see that some do not have success with this theme and I post here my version of Blankstrap that is heavily adapted to my needs which means very very simple appearance.

 
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: ron4mac on February 18, 2015, 01:22:56 pm
The main problem is that the album list does not display.  I've seen other mentions of this problem, but have not seen a fix for it. 
Replace the theme-listings.php file in the blankstrap theme folder with this one (attached). A language problem still exists for the browse button.
This theme needs a lot of work, but for there to be a good bootstrap-based theme, the CPG framework also needs a lot of work (IMHO).
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: Phill Luckhurst on February 18, 2015, 05:14:59 pm
I agree. I would love CPG to be bootstrap based but it is not a trivial matter to change such a large amount of code.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: skyrides on February 18, 2015, 07:07:00 pm
Thank you, ron4mac.  I tried your file and still had the same problems, though.

Thank you, marcelm.  I'll take a look at your version.

Overall, I'm in greater need of a fully responsive Coppermine theme than one based on Bootstrap.  Blankstrap looked very promising.  But it's not ready to be used as is.  It would be great if someone could offer a working responsive theme for Coppermine users.  :-)

Best regards,
Steven
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: Phill Luckhurst on February 18, 2015, 10:38:22 pm
Not tried it myself yet, but take a look at this thread - http://forum.coppermine-gallery.net/index.php/topic,78030.0.html
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: whats_up_skip on March 30, 2015, 12:13:10 am
I see that some do not have success with this theme and I post here my version of Blankstrap that is heavily adapted to my needs which means very very simple appearance.

My pictures don't show up in this version: http://www.gojapango.com/japan_picture/index.php?cat=6&theme=blankstrap_2
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: whats_up_skip on March 30, 2015, 12:22:51 am
My pictures don't size correctly and are only showing part of the thumbnail picture using this theme in this gallery: http://www.gojapango.com/japan_picture/index.php?cat=6&theme=blankstrap

In this other http://www.gojapango.com/japanese_friends/japanese_girls/ the thumbnails are showing close to the correct size, but they are showing the whole image. However it isn't showing the album list. Very strange.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on March 30, 2015, 01:23:41 am
My pictures don't size correctly and are only showing part of the thumbnail picture using this theme in this gallery: http://www.gojapango.com/japan_picture/index.php?cat=6&theme=blankstrap

In this other http://www.gojapango.com/japanese_friends/japanese_girls/ the thumbnails are showing close to the correct size, but they are showing the whole image. However it isn't showing the album list. Very strange.
Thanks for trying my version of Blankstrap. I have attached zipped version of theme_listings.php and replace your current version with this one in your blankstrap_2.

About the sizes of the pictures. I use the plugin enlargeit and then I have the correct size. It must not be to difficult to have standard a correct size but I don't know where to begin.

I also use html5slideshow plugin which enable sliding the pictures when in slideshow mode.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on April 02, 2015, 01:49:36 am
Did a long wished adaptation to this them and now the clicking or touching the logo will bring you back to the main page. Till now I had to click/touch the title of the category or album to go there and now you can click/touch the whole area that contains the thumbnail, tiltle, statistics and description to go to the destination.

I have zipped the two files that are changed and attached them in a zip-file.

@whats_up_skip, in my blankstrap version the thumbnails are all 100 pixels high and so you won't have distorted pictures anymore. If you change my 100 pixel to your default pixel size you can make it yourself fit. I don't use the width of the thumbnail.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on April 02, 2015, 10:26:12 am
Changed open.window to location.href in theme_listings.php
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on April 02, 2015, 07:48:16 pm
And the last bit of the puzzle. I hacked the code to use the HTML5 slideshow plugin to show the album pictures instead of thumbnails.php doing it. Many thanks to ron4mac for making the HTML5 slideshow plugin and I am really happy how it works and there are little gems hidden away that let you control the content of the top bar with ease.

link: http://forum.coppermine-gallery.net/index.php/topic,75994.0.html

I can do some restoring in the HTML slideshow plugin to make it closer to original and put the word "pictures" in the top bar.

Like it now is I was waiting for for a few years and I don't know much about making websites so I find this a big achievement of my self.  ;)
My compliments for the ease the variables supply the data I needed to construct the URL's I needed in this.

Have a look at my website to see if the this theme is also something for you and it is very flexible and made for phones and tablets but also great on the bigger screens!

Link to my site: http://www.mmmfotografie.nl/index.php
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: sharpo on April 04, 2015, 03:38:58 pm
Works well on my phone.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: whats_up_skip on April 12, 2015, 11:22:34 pm
Have a look at my website to see if the this theme is also something for you and it is very flexible and made for phones and tablets but also great on the bigger screens!

Link to my site: http://www.mmmfotografie.nl/index.php

Running Chrome, I find that the larger view of the image doesn't always close when clicked on.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: marcelm on April 13, 2015, 10:47:38 pm
Thanks both.

About the larger image not always not closing when clicked on. That is an other plug-in (EnlargeIt) which is not maintained for a long time. I still use because I don't have a replacement for it on the moment and I still like it.
Title: Re: Blankstrap - Bootstrap based theme v0.2
Post by: Phill Luckhurst on April 14, 2015, 02:45:40 pm
That is an other plug-in (EnlargeIt) which is not maintained for a long time. I still use because I don't have a replacement for it on the moment and I still like it.

Yes, it is a shame Timo doesn't visit anymore. Hopefully someone will take up the challenge of maintaining the plugin as it is superb and very popular.