Test Tiger Skin ... - jAlbum forums

This thread is locked - replies are not allowed.

This question is not answered. Helpful answers available: 2. Correct answers available: 1.

Search Forum

Back to Thread List

Replies: 31 - Pages: 3 [ 1 2 3 | Next ] - Last Post: 9 Feb 25, 15:40 Last Post By: Merlin2504

Threads: [ Previous | Next ]

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Test Tiger Skin
Posted: 24 Jan 25, 08:43

Bildschirmfoto 2025-01-24 um 09.15.37.png (1.0 MB)

I'm currently testing the Tiger skin. I have a few questions about it.

1. Can you put the date under the heading?

2. Since there is no sidebar, these appear above the galleries.

Does that make sense, especially in the mobile view?

Attached is the link to the test gallery

https://duhlendorf.com/Bilder-05.Session/

RobM

Posts: 3,982
Registered: 4-Aug-2006

Re: Test Tiger Skin
Posted: 24 Jan 25, 12:28

in response to: Merlin2504

There seems to be a problem with the attached image. I can’t view or download it. Can you check it yourself and if it fails for you upload it again.

Laza

Posts: 1,511
Registered: 6-Sep-2005

Re: Test Tiger Skin
Posted: 24 Jan 25, 15:55

in response to: Merlin2504

Screenshot 2025-01-24 155335.png (57.6 KB)

The date can be used on the folder thumbnail just like in Photoblogger. Choose a template that contains "Date", see attachment.

2. Since there is no sidebar, these appear above the galleries.

I don't understand this question, sorry.

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Re: Test Tiger Skin
Posted: 24 Jan 25, 19:20

in response to: Laza

	Bildschirmfoto 2025-01-24 um 09.15.37.png (1.0 MB)
	Bildschirmfoto 2025-01-24 um 19.15.34.png (682.1 KB)

Thanks for the answer.

1. Title in a different color
2. Date under the title, with a line break

Similar to my galleries with Photoblogger, see screenshot

Laza

Posts: 1,511
Registered: 6-Sep-2005

Re: Test Tiger Skin
Posted: 25 Jan 25, 14:10

in response to: Merlin2504

Select < Custom > for the Folder Caption template, and enter this:

<h3>${fileLabel}</h3>
<span class="date">${folderModDate}</span>
<div class="comment">${comment}</div>

Different color? I guess you had a different color in Photoblogger by using custom CSS. Use the same in the same box (Settings / skinName / Advanced / CSS). Could be something like:

.folders .card .caption h3 { color: orange; }

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Re: Test Tiger Skin
Posted: 26 Jan 25, 11:09

in response to: Laza

	Bildschirmfoto 2025-01-26 um 11.23.10.png (1,004.1 KB)
	Bildschirmfoto 2025-01-26 um 11.21.40.png (3.8 MB)

Kannst du mir bitte einen Screenshot machen, wo ich das eintragen soll?

Nochmals kurz durch Bilder zur Erklärung.

1. Das Datum bitte auch bei der Miniatur so darstellen.
2. Die Überschrift in Miniaturen möchte ich anders farbig, analog PhotoBlogger haben.

Laza

Posts: 1,511
Registered: 6-Sep-2005

Re: Test Tiger Skin
Posted: 26 Jan 25, 15:07

in response to: Merlin2504

Screenshot 2025-01-26 150354.png (63.4 KB)

For question one, see the attachment!
Please note that this is another skin with different styling. The date formatting is also different.
You can add lines above and below dates with this CSS code:

.date { border-top: 1px solid white; border-bottom: 1px solid white; }

For the second question, add the following code to the Settings / Tiger / Advanced / CSS box:

.folders .card .caption h3 { color: orange; }

Change "orange" to your desired color.

Edited by: Laza on 26 Jan 2025, 15:08

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Re: Test Tiger Skin
Posted: 26 Jan 25, 17:20

in response to: Laza

Danke für die Hilfe. Ist schade mein Englisch eine Katastrophe ist. Darum bitte ich immer zusätzlich mir Bilder einzufügen. Danke.

Habe jetzt mal die Testgalerie hochgeladen, wo ich noch einige Anpassungen machen möchte.

https://duhlendorf.com/Bilder-05.Session/

Anpassungen anlog meine alten Galerein.

https://duhlendorf.com/Bilder-70.Session/index.html

1. Miniaturansichten Titel: Schriften in Magenta. Wo muss ich das ändern?
2. Fußzeile Schrift in Weiß.
3. Datum überall im Umbruch und mit Linien oberhalb und unterhalb

Gruß Klaus

Laza

Posts: 1,511
Registered: 6-Sep-2005

Re: Test Tiger Skin
Posted: 27 Jan 25, 10:00

in response to: Merlin2504

Add this custom CSS to the Settings / Tiger / Advanced / CSS box:

.folders .cont.caption-below .card .caption h3 a { color: #ff1493; }

The footer is already white.

The date under- and overlines:

.folders .cont .card .caption .date { padding: .25rem 0 0.125rem; border-top: 1px solid white; border-bottom: 1px solid white; }

Edited by: Laza on 27 Jan 2025, 10:10

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Re: Test Tiger Skin
Posted: 27 Jan 25, 11:29

in response to: Laza

Bildschirmfoto 2025-01-27 um 11.26.56.png (3.0 MB)

Danke.

1. In der zweiten Ebene ist das Datum noch ohne Umbruch.
https://duhlendorf.com/Bilder-05.Session/eroeffnung-markt111198/index.html

2. Kann man das Logo im Desktop zentrieren?

3. Gibt es in diesem Skin kein Instagram, oder bin ich blind?

Laza

Posts: 1,511
Registered: 6-Sep-2005

Re: Test Tiger Skin
Posted: 27 Jan 25, 13:12

in response to: Merlin2504

1. That folder was made with another Title template. Use the same as above.

2. Here's the code to align the logo center:

@media screen and (min-width: 40rem) { 
	.top-bar.has-logo .home-link { width: 100%; display: flex; }
}

3. No Instagram in Tiger. It was not available in Photoblogger either.

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Re: Test Tiger Skin
Posted: 27 Jan 25, 14:25

in response to: Laza

Bildschirmfoto 2025-01-27 um 14.21.31.png (923.7 KB)

Laza wrote:
1. That folder was made with another Title template. Use the same as above.

2. Here's the code to align the logo center:

@media screen and (min-width: 40rem) { 
	.top-bar.has-logo .home-link { width: 100%; display: flex; }
}

3. No Instagram in Tiger. It was not available in Photoblogger either.

1. Verstehe ich nicht. Es wird alles in Tiger erstellt.

2. Wo muss ich den Code zum Zentrieren einsetzten? Bei erweitert - css reagiert er nicht?

3. Instagram ist in PhotoBlogger in der Seitenleiste integriert. Siehe Anhang

Laza

Posts: 1,511
Registered: 6-Sep-2005

Re: Test Tiger Skin
Posted: 27 Jan 25, 14:57

in response to: Merlin2504

Screenshot 2025-01-26 150354.png (63.4 KB)

1. Yes, same skin, but different settings. Do you remember where you changed the Folder caption template yesterday? See the attachment!

2. Settings / Tiger / Custom code / CSS

3. Yes, I didn't remember that sidebar functionality. It's not in the normal sharing though. And Tiger only has this normal sharing widget.

Merlin2504

Posts: 327
Registered: 25-Jul-2016

Re: Test Tiger Skin
Posted: 28 Jan 25, 08:59

in response to: Laza

Jetzt muss ich nochmal langsam herantasten.
Wo muss ich den Code eintragen, damit das Logo zentriert ist?

@media screen and (min-width: 40rem) {
.top-bar.has-logo .home-link { width: 100%; display: flex; }
}

JeffTucker

Posts: 8,335
Registered: 31-Jan-2006

Re: Test Tiger Skin
Posted: 28 Jan 25, 10:00

in response to: Merlin2504

This kind of styling code always goes in the same place:

Tiger > Erweitert > Eigener Code > CSS

Pages: 3 [ 1 2 3 | Next ]

Back to Thread List

Threads: [ Previous | Next ]

Legend
	Forum admins
	Helpful Answer
	Correct Answer