Piwigo.org

Tadjio · 2013-09-17 17:01:48

In the Description where you have Line1 Line2 etc. put <br> at the end of each line.

flop25 · 2013-09-17 17:04:07

Peter de Bruin wrote:
Trust this helps - awaiting a response on my question about the extended description plug-in where to place the tags like < -- up - down -- > or long and short descriptions.

in the description field where you put your 'line 1 line 2...'!!!!! Just test it!

the descriptions allows html tags like <br>

Tadjio · 2013-09-17 17:16:43

Personally I have never used Extended Descriptions but, as Flop25 says, I think you should just experiment.
Hopefully all the symbols will then become self-explanatory.
I don't know how to use <!-- complete -- > for long descriptions or where to place this tag.

When you are ready, I will explain "Span class" for putting hard-coded text into every Description such as "Type :" and "Manufacturer:"

flop25 · 2013-09-17 17:23:44

check that http://www.w3schools.com/html/html_lists.asp

<!-- complete -- > like < -- up - down -- > is to put right on t(he middle of what you want to split

Peter de Bruin · 2013-09-17 21:41:34

Hi Guys, Finally I have got it - see below picture !
So I wrote a small piece of HTML as a kind of form that encapsolartes the pictures in an album. Then sticks in the middle of it the <up -- down> tag in order to split the form over the pictures. The hard part was that in the tumbs layer one level above this album the HTML was visible.

So I start of with : <br> 
<html>
<head>
<style type="text/css"> bla bla </style>
</head><body>
<div class="container">
<div class="content">
<h1>Manufacturer : Boeing </h1> bla bla 
<h2>description under the pictures</h2> bla bla </body>

Looks so nice, I am very happy with it.
Thanks for your patience and advice on the issue. Regards peter.

Ps still look forward for the solution of Tadijo -- maybe you are able to send me an e-mail?

Last edited by Peter de Bruin (2013-09-17 21:47:16)

mistic100 · 2013-09-17 21:50:25

nice it works but you must remove the <head>, <html> and <body> tags
because the whole Piwigo page already contains theses tags and it must not be more than one in the page

plus you didn't close your <div>'s and it will messes up the display

finally <h1> and <h2> are for titles only not paragraphes, use <p> with classes or ids if needed

Peter de Bruin · 2013-09-17 21:57:10

Okidoki - will change that stuff as you indicated.

flop25 · 2013-09-17 22:10:31

Nice!
you've achieve a great step!

Tadjio · 2013-09-18 00:17:51

That looks very impressive, Peter. Can you post the final results - like I am doing for you here?

This is an example of what I have done on a much simpler basis:-
1) Album Thumbnails with multi-line Album Descriptions alongside in varying styles.
2) Photo Thumbnails with multi-line Album Descriptions above in different styles.
3) Photo Page with no Album Description.

To achieve this I wrote the following Album Description (with a little help from my Piwigo friends;):-

Code:

<span class="albumDate">2013-08-16</span><br><br>
A visit in August to see the new bridge<br>
(with a whimsical look for the lost bridge;)<br>
<br><span class="albumCopyright">Tadjio </span>

and in the LocalFiles Editor CSS rules (Fotopic was my previous web gallery):-

Code:

/* Album Thumbnails */
/* white apart from paler description text */
.description {color:#eee;}
.description .text {color:#ccc;}

/* Fotopic Album Thumbnail Dates */
/* white with underline */
/* black = #111         */
.description .albumDate {color:#eee; font-style:italic;border-bottom:1px dashed #ccc;}

/* Photo Thumbnails page - bright white */
.additional_info {color:#eee;}

/* Fotopic Copyright */
/* blank on Album Thumbnails page */
.description .albumCopyright {display:none;}

/* Copyright on Photo Thumbnails page */
.additional_info .albumCopyright {color:#ccc; font-style:italic;}
.additional_info .albumCopyright:before {content:"© ";}
.additional_info .albumCopyright:after  {content:", 2013";}

I hope all this makes sense! (Some of it was just playing to try the effects;)

Last edited by Tadjio (2013-09-18 00:23:00)

Peter de Bruin · 2013-09-18 12:17:45

That makes a lot of sense Tadjio and thank you for sharing. I immediate copied this sample to be printed as I finally see how you it can be done officially. I will start to experiment today as I become enthousistic about the matter. Find it hard to grasp the idea on possibilities and get my way around the Piwigo product but have time and found Piwigo people and yourselves very helpfull. For that thanks again.

Ps. How on earth did you find out the .description and .additional_info commands maybe there are more of these cmd's even? But this is maybe another topic... as I would like to find out for finally writting an interactive form for each album instead of pasting again and again tekst in each and every album.

mistic100 · 2013-09-18 12:27:46

ha read the doc :)
http://piwigo.org/doc/doku.php?id=user_ … q:css_code

Tadjio · 2013-09-18 12:29:51

Peter de Bruin wrote:
That makes a lot of sense Tadjio and thank you for sharing.

That's good to hear, Peter. That's indeed what this forum is about, together with the excellent Piwigo Team and Pierrick the boss.

Peter de Bruin wrote:
Ps. How on earth did you find out the .description and .additional_info commands?

Trial and error, grabbing any snippets that I see, particularly in this forum, and reading the source code.
As I mentioned, I migrated from Fotopic Gallery and Pierrick was very helpful in enabling me to retain information such as the Album Dates and Copyright which we put into Span Classes for display.
I also experimented extensively with the Stripped Theme and 'cribbed' anything I could glean from Zaphod the author.
One of the most satisfying achievements was to 'force' the Stripped Theme to always display 4 columns of Thumbnails, which I wanted in order to 'tell the story' in each album.
I've not been able to find any of this documented properly!
Do show your finished product (or at least work-in-progress:)
PS the word is 'text' not 'tekst' ;)

Tadjio · 2013-09-18 12:32:52

mistic100 wrote:
ha read the doc :)
http://piwigo.org/doc/doku.php?id=user_ … q:css_code

Yes, I have read it, several times.
Unfortunately it doesn't list specifics i.e. what variables are available in any Theme at any stage (Album List, Album Thumbnails, Photo Display etc.)

mistic100 · 2013-09-18 12:39:35

it can't really be done, as themes and plugins can change it every time, it will never be 100% accurate and complete

I prefer to give people means to find by themself what they need
+ this way they undertand how it works, I don't believe any customization can be done without a minimum understanding

Tadjio · 2013-09-18 12:54:39

mistic100 wrote:
it can't really be done, as themes and plugins can change it every time, it will never be 100% accurate and complete
I prefer to give people means to find by themself what they need
+ this way they undertand how it works, I don't believe any customization can be done without a minimum understanding

You talk about 100% and then about minimum.
I agree such documentation will never be 100% accurate and complete but you need something to start with to gain a minimum understanding.
I'm sure it would be enormously helpful to have a 'shell' of a Theme showing the main features such as .description and .additional_info that Peter asks for.
Just 50-80% accurate not 100% otherwise our minimum understanding remains at 5-10% ;)

Piwigo.org

Announcement

#16 2013-09-17 17:01:48

Re: Description of foto

#17 2013-09-17 17:04:07

Re: Description of foto

Peter de Bruin wrote:

#18 2013-09-17 17:16:43

Re: Description of foto

#19 2013-09-17 17:23:44

Re: Description of foto

#20 2013-09-17 21:41:34

Re: Description of foto

#21 2013-09-17 21:50:25

Re: Description of foto

#22 2013-09-17 21:57:10

Re: Description of foto

#23 2013-09-17 22:10:31

Re: Description of foto

#24 2013-09-18 00:17:51

Re: Description of foto

Code:

Code:

#25 2013-09-18 12:17:45

Re: Description of foto

#26 2013-09-18 12:27:46

Re: Description of foto

#27 2013-09-18 12:29:51

Re: Description of foto

Peter de Bruin wrote:

Peter de Bruin wrote:

#28 2013-09-18 12:32:52

Re: Description of foto

mistic100 wrote:

#29 2013-09-18 12:39:35

Re: Description of foto

#30 2013-09-18 12:54:39

Re: Description of foto

mistic100 wrote:

Board footer