Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#205406

How does one replicate the checkered background lain the events page? (*see attached image)

Is there a source file available?

If not, how does one create a similar version of layer using Macromedia Fireworks?

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#566553

You can find and see it here templates/ja_teline_v/css/event.css file with

.layout-events body {
background: url(../images/ev-bg.jpg) no-repeat fixed center top #0077bb ;
background-size: 100% ;
}

Image path: templates/ja_teline_v/images/ev-bg.jpg

and change to

.layout-events body {
background: url(../images/ev-bg.jpg) repeat center top #0077bb ;
background-size: 100% ;
}

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#566628

Hi Ninja,
Thanks for helping, but your suggestion didn’t work, and I’m unsure how it might. How would the code “repeat” accomplish a similar mini-checkered layer above one large image?

As one can see by zooming-in the demo or previously attached image, the shading is caused by a checkered layout the size of pixels.

I’m not trying to repeat the background image, just to create a similar layer to darken it lightly. I’m hoping there’s a source-file Joomlart can provide, or instructions on how to create such a layer or shading effect.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#566731

I would like to check it directly on your site, you can give me URL of your site to see the background image layer. I will help you to check it further.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#566895

Hi Ninja,
My site has yet to be uploaded. I can try to do so ahead of time, but I’m reaching my host account’s capacity and have yet to figure out best solution.

It may not be necessary to resolve this issue, however.

As you can see in the demo-site, the background image already has the mini-pixeled, semi-transparent checkered-layer on it, leaving me to believe that this layer has not been created by coding; but rather instead, likely photo-editing software.

Wouldn’t the source file for this image include such a layer? If not, any suggestions on how best to replicate it?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#566898

Hi there
I remember this issue already have asked in some topic.
Please try that with Photoshop ( design work )
There are some sample

http://naldzgraphics.net/freebies/photoshop-pixel-patterns-free/

And many tutorials

http://www.republicofcode.com/tutorials/photoshop/patterns/

http://inobscuro.com/tutorials/creating-and-using-patterns-in-photoshop-10/

Thank you,
Viet Vu

[Author]

Posts