Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2017-03-27 03:09:34

Panagon
Member
From: Monarch Beach, CA
Registered: 2012-10-29
Posts: 36
Website

New Backlight site online

Finally re-implemented my CE3 based website on Backlight. What a difference in ease-of-use and productivity with the TTG Backlight development environment! De-coupling the Designer from LR makes designing a website so much faster. Thank you, Matthew!

I consider my new website a Version 1.0 (read: feature incomplete, rough edges and buggy). Blog integration and image purchase capability still need to be moved over. I had a sense of urgency to get the basic website functionality on-line because my old CE3 site did not function well on modern mobile devices like iPads and smartphones. In structure, my new site is very similar to old one because I did not see anything wrong with it.

A very special “Thank you” to Rod Barbee for his quick and actionable answers to my questions on the TTG community forum. Further, his “TTG Tips and Tricks” website was indispensable. I also feel indebted to the many people who trail blazed a Backlight development pass before me. Their posts/answers on the forum and new Backlight based websites gave me input to my development process. Also, a special thanks to Daniel Leu – I lifted the home page slideshow script from his blog “Adding a Slideshow to Backlight Based Pages”.

The QA department (my wife) thinks that the website is in pretty good shape. Her main complaint is that there is no “hover” on the Album and Image tiles. At current time, I did not find a way to implement this.

Franz
http://franzzihlmannphoto.com/

Offline

#2 2017-03-27 03:27:41

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,937
Website

Re: New Backlight site online

hovering on the album titles can be accomplished with custom css

try this in your custom css, changing the color code or adding text-decoration as needed:

.albums a:hover p {
	color: #1F7400;
}

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#3 2017-03-27 04:08:40

Panagon
Member
From: Monarch Beach, CA
Registered: 2012-10-29
Posts: 36
Website

Re: New Backlight site online

Thanks Rod, just implemented your suggested solution on Album tiles - Works great, thanks!
Any idea about a solution for the masonry image tiles with no text?

Offline

#4 2017-03-27 04:10:57

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,937
Website

Re: New Backlight site online

haven't looked at that yet. What kind of hovering affect are you looking for?


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#5 2017-03-27 04:23:26

Panagon
Member
From: Monarch Beach, CA
Registered: 2012-10-29
Posts: 36
Website

Re: New Backlight site online

I was just thinking about that because there is no text associated with the tiles. I browsed around to find some examples for such a situation and found one. Daniel Leu implemented something that actually is very nice...have look at:
http://danielleu.com/projects/light-painting/

Offline

#6 2017-03-27 04:25:12

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,937
Website

Re: New Backlight site online

looks like the selector is .the__gallery .album-frame:hover.

You can try a filter, scaling, adding a border...


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#7 2017-03-27 04:27:16

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,937
Website

Re: New Backlight site online

looks like Daniel is adding a red bottom border. Something like this:

.the__gallery .album-frame:hover {
    border-bottom: 2px solid red;
}

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#8 2017-03-27 04:28:01

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,937
Website

Re: New Backlight site online

a grayscale filter can be a nice hover effect


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#9 2017-03-27 05:13:59

Panagon
Member
From: Monarch Beach, CA
Registered: 2012-10-29
Posts: 36
Website

Re: New Backlight site online

Rod, you have done it again-Thank you! It works great. My QA department is VERY happy......=)

Last edited by Panagon (2017-03-27 05:15:18)

Offline

#10 2017-03-27 05:56:40

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 12,937
Website

Re: New Backlight site online

we must keep QA happy smile


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#11 2017-03-27 11:53:33

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,877
Website

Re: New Backlight site online

Nice job on the site. I'm loving the wildlife photography.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#12 2017-03-28 05:08:23

Panagon
Member
From: Monarch Beach, CA
Registered: 2012-10-29
Posts: 36
Website

Re: New Backlight site online

Thanks Matthew. I love wildlife photography and capture their behavior, character, interaction with each other and their environment.

Offline

Board footer

Powered by FluxBB