Announcement

#1 2012-01-02 13:07:16

d-matt
Member
1970-01-01
21

[Theme] Naive

Naïve is a new and clean theme for piwigo. It is derived from the simple themes.

This work was basically experimental for me (html5, lesscss, Dingbats font for icons, ...) and it was done in a very naive way to suits my needs. Thus it might not work for your gallery and it will definitely not work for your internet explorer users ...

Anyway, even though if it is not ready for production, I though i might still interest some of you here.

So feel free to try, play and hack with it!

Offline

 

#2 2012-01-02 13:22:51

flop25
Piwigo Team
2006-07-06
7037

Re: [Theme] Naive

d-matt wrote:

Naïve is a new and clean theme for piwigo. It is derived from the simple themes.

This work was basically experimental for me (html5, lesscss, Dingbats font for icons, ...) and it was done in a very naive way to suits my needs. Thus it might not work for your gallery and it will definitely not work for your internet explorer users ...

Anyway, even though if it is not ready for production, I though i might still interest some of you here.

So feel free to try, play and hack with it!

welcome and thank you for sharing !!
I will take a look

ps: you can add a larger screenshot : it's enlarged onclick in a "lightbox"

Last edited by flop25 (2012-01-02 13:27:33)


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#3 2012-01-02 13:31:34

flop25
Piwigo Team
2006-07-06
7037

Re: [Theme] Naive

Helvetica Neue, box shadow, ... great ! but I have a bug for the li It seems your tpl is wrong : the ul id=thumbnails is missing


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#4 2012-01-02 13:58:04

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13786

Re: [Theme] Naive

Nice theme, very good! (I think that once <ul id="thumbnails"> will be added, it will works with GThumb+

Offline

 

#5 2012-01-02 16:48:35

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13786

Re: [Theme] Naive

Perfect support of GThumb+ with Naive 0.3. Well done!

Offline

 

#6 2012-01-02 16:50:21

d-matt
Member
1970-01-01
21

Re: [Theme] Naive

Thank you both for your feedbacks. I'm new to piwigo, and there is probably some other rookie mistakes in my code :-)

Anyway, I've pushed version 0.3  in the extensions section (great tool BTW !) and this should now work with GThumb+ plugin.

Offline

 

#7 2012-01-02 16:52:23

d-matt
Member
1970-01-01
21

Re: [Theme] Naive

plg wrote:

Perfect support of GThumb+ with Naive 0.3. Well done!

Wow, you're fast! Thank you.

Offline

 

#8 2012-02-13 14:24:00

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13786

Re: [Theme] Naive

A user on Facebook is asking if it would be possible to make Naive compliant with [extension by plg] PayPal Shopping Cart

Offline

 

#9 2012-02-13 21:52:50

d-matt
Member
1970-01-01
21

Re: [Theme] Naive

plg wrote:

A user on Facebook is asking if it would be possible to make Naive compliant with [extension by plg] PayPal Shopping Cart

I had a quick look at the PayPalShoppingCart plugin and I can see a simple solution. But I am not entirely convinced that I should implement it ...

The plugin tries to include its <table> by looking at some patterns on the picture.tpl. So I could just add the expected pattern in my template and that should do it.

But, in my opinion, plugins shouldn't rely on design elements, otherwise the theme system becomes quite rigid and basically all you can do is some CSS customisations.

I am definitely not a expert and that's why I'd rather ask for your advice here.  What are the best practices for those kind of situation? Is there some documentation indicating how themes and plugins should work together? I believe there is some anchors that need to be included in the templates for the plugins (e.g. $PLUGIN_INDEX_CONTENT_BEGIN, $PLUGIN_PICTURE_AFTER) but maybe it is not appropriate in this case.

Offline

 

#10 2012-02-13 22:40:09

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13786

Re: [Theme] Naive

Yes you're right d-matt, we should add some specific variables in picture.tpl to simplify work of plugins. We'll try to implement such mecanisms for Piwigo 2.4 or 2.5.

Offline

 

#11 2012-02-14 18:26:15

d-matt
Member
1970-01-01
21

Re: [Theme] Naive

That should be awesome ! Count me in if you need some help at that time.

In the mean time, the easiest solution would probably be to create a new template with LocalFileEditor :
naive-mypicture with "naive / picture.tpl" as model

then search

Code:

{$ELEMENT_CONTENT}

and replace it with

Code:

<figure id="image_wrapper">
  {if isset($previous)}<div id="go_to_prev_holder"></div>{/if}
  <img id="subject" src="{$SRC_IMG}" alt="{$ALT_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;">
  {if isset($next)}<div id="go_to_next_holder"></div>{/if}
  <figcaption>
    <div class="imageNumber right">{$PHOTO}</div>
    {$current.TITLE|@replace:'"':' '}
  </figcaption>
</figure>
{if isset($COMMENT_IMG)}
    <blockquote>{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}</blockquote>
{/if}

Then, go to configuration / templates and select for naive-mypicture.tpl:
original template : picture.tpl
bound theme : naive

Offline

 

#12 2012-02-27 23:01:58

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13786

Re: [Theme] Naive

Hi d-matt,

On the body tag, why do you remove the id="theCategoryPage" for example?

I use on the Piwigo.org demo and if I don't have it, I can't show the theme switcher :-/

Offline

 

#13 2012-02-28 09:53:45

d-matt
Member
1970-01-01
21

Re: [Theme] Naive

I started this theme in a very naive state of mind (hence the name) and I basically build it from scratch. As a consequence some of the key ids or classes are missing, like the one you're refering to.

I clearly made a mistake when I forgot the id="{$BODY_ID}" in the body tag.

I will release a new version to fix this bug very soon.

In order to test this it, what extension are you using to switch between themes?

Offline

 

#14 2012-03-08 12:51:22

plg
Piwigo Team
Nantes, France, Europe
2002-04-05
13786

Re: [Theme] Naive

d-matt wrote:

I clearly made a mistake when I forgot the id="{$BODY_ID}" in the body tag.

I will release a new version to fix this bug very soon.

Thank you for version 0.4, it fixes the bug on piwigo.org/demo

d-matt wrote:

In order to test this it, what extension are you using to switch between themes?

we use [extension by mistic100] Theme switch but that is not the problem: we use a piece a jQuery in the page banner, and the jQuery uses a selector on body ID.

Offline

 

#15 2012-04-12 18:22:56

Julia
Guest

Re: [Theme] Naive

Hi!

Wonderful tool and theme :D

But is there a way to adjust the plugin's height when playing an audio file?
It's enormously big, which is fine for a video, but looks rather odd for mp3 and the like.

I scrolled through the css-files, but couldn't find a way to set the height (I tried adding a height-attribute to several lines with "jp-audio", but to no effect).


I'd be glad if you could help!
Thanks :)

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact