Community @ The Turning Gate
Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
- New user registrations are disabled.
- Users cannot create new topics.
- Users cannot reply to existing topics.
You are not logged in.
- Topics: Active | Unanswered
Pages: 1
#1 2013-03-12 01:24:41
- michael
- Member
- Registered: 2012-11-27
- Posts: 88
OT: Blurred background images
Is there a good source of blurred images?
I like the effect on Math's private site
Offline
#2 2013-03-12 01:55:50
- rod barbee
- Moderator
- From: Port Ludlow, WA USA
- Registered: 2012-09-24
- Posts: 17,830
- Website
Re: OT: Blurred background images
You can blur your own images in Photoshop by using the Gaussian blur
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
#3 2013-03-12 12:41:26
Re: OT: Blurred background images
All I've done on my site is use a background-image, than applied semi-transparent white to my content background-color using PHPlugins (for custom CSS) and RGBA color values.
Offline
#4 2013-03-12 15:45:37
- michael
- Member
- Registered: 2012-11-27
- Posts: 88
Re: OT: Blurred background images
Nice and easy 
How do I add transparency to the copyright and social bar sections?
(I see these are not transparent on your site)
Offline
#5 2013-03-12 16:12:18
Re: OT: Blurred background images
Actually, they are. But they're 75% translucent on top of the body background, which is also 75% translucent. So through the layering, most of the transparency is completely lost. This is the styling:
#body-core,
#social-networking-block .mantle,
#footer .mantle {
background-color: #ffffff;
background-color: rgba( 255, 255, 255, 0.75 );
}Offline
#6 2013-03-12 16:32:50
- michael
- Member
- Registered: 2012-11-27
- Posts: 88
Re: OT: Blurred background images
thx. I see the point lost transparency through multiple layers.
Would it be possible to have different transparency in the footer (copyright and social bar)?
Offline
#7 2013-03-12 17:36:24
Re: OT: Blurred background images
Just set the background colors separately. Keep in mind, though, that those items are layered on top of whatever you're doing to #body-core. So, for example, if I wanted everything to appear the same, rather than piling up my colors, I could do this:
#body-core {
background-color: #ffffff;
background-color: rgba( 255, 255, 255, 0.75 );
}
#social-networking-block .mantle,
#footer .mantle {
background-color: transparent;
}Offline
#8 2013-03-12 18:18:42
- michael
- Member
- Registered: 2012-11-27
- Posts: 88
Re: OT: Blurred background images
EXACTLY what I was looking to achieve - thanks
Offline
Pages: 1