Joomla Templates Club 406,261 posts

[2Patrick Friend 2PatrickJoin date: July 2008Posts: 256Downloads:0Uploads:19 Thanks: 74 Thanked: 11 times in 1 posts]

#135856

Hi

I like JA Fagus especially after I noticed that MFCphil has this outstanding pub website.

I have a small question : how do i extend the red color to the top of the module ( I have changed the h3span-bg.gif to red ) ..ie it only covers it partially

I believe it has something to do with the no repeat statemnt but still cant figure it out

thanks

==================================================================

div.module h3 span (line 1268)

{

padding-left: 22px;

display: block;

background-color: transparent;

background-image: url(../images/h3span-bg.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 50% 5px;

}

---

Attachments:

1. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280933

open template_css.css on line 1321 and find….

/* Top Spotlight */
#ja-topslwrap {
background: url(../images/topslwrap-bg.gif);
}
and change to….

/* Top Spotlight */
#ja-topslwrap {
background: #FF0000;
}

1 user says Thank You to scotty for this useful post

1. cjmicro

[2Patrick Friend 2PatrickJoin date: July 2008Posts: 256Downloads:0Uploads:19 Thanks: 74 Thanked: 11 times in 1 posts]

#280943

Hi

I tried what you proposed but it is not giving me what I want

Have attached the snap after the change

any other suggestions ?

thanks

---

Attachments:

1. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280944

#ja-pathwaywrap on line 1132 styles that container.

EDIT: OMG!!! We’re on about completely different things. Sorry. Didn’t get much sleep last night and just not with it at all today.

Those modules are made with nested divs with different backgrounds in each div. More info here…

You will need to open each image in an editor and change the colour. You could jsut get rid of the images and use bg colour but that would ruin a really good template.

[sunrise Friend sunriseJoin date: February 2007Posts: 920Downloads:0Uploads:5 Thanks: 103 Thanked: 166 times in 114 posts]

#280947

Hi there 2Patrick. I like Fagus too, and just finished a site.

http://www.jonas-christy.com

There are still a few snags to iron out, but one thing I did is to add one yellow module, and one that is completely different. It is like a Post-it.

Is that what you are looking for? I will try to write up something to explain how I did it.

1 user says Thank You to sunrise for this useful post

1. 2Patrick

[sunrise Friend sunriseJoin date: February 2007Posts: 920Downloads:0Uploads:5 Thanks: 103 Thanked: 166 times in 114 posts]

#280950

Each module is made up of 4 pictures. They are box-tr.gif (top right) box-tl.gif (top left) box-br.gif and box-bl.gif. These are found in templates/ja_fagus/images.

The css for these is found in template.css in the module section around line 1300 somewhere.

There you will also find a section for div.module-notitle. That corresponds to four pictures also in templates/ja_fagus/images. These are called box-notitle-tr.gif etc.

To use these for a module without title, you write -notitle in Module Class Suffix in the Module Parameter section of the module you want. Then Then module will use those four pictures in stead.

So if you want to make somethings different, like red, make your own four pictures, name them box-red-tr.gif etc. Then add -red in Module Class Suffix in the Module Parameter section of the module you are using, and you will have the red module.

For the Post-it, that is what I did. I just have four pictures that the mocule uses. In this way you can make it look however you want, just limited by your immagination and ability to make the pictures.

I hope this is clear and you can use it. Good luck.

1 user says Thank You to sunrise for this useful post

1. 2Patrick

[2Patrick Friend 2PatrickJoin date: July 2008Posts: 256Downloads:0Uploads:19 Thanks: 74 Thanked: 11 times in 1 posts]

#281036

Hi Sunrise

Thanks

The post it looks good. Where did you get the post it image from ?

[2Patrick Friend 2PatrickJoin date: July 2008Posts: 256Downloads:0Uploads:19 Thanks: 74 Thanked: 11 times in 1 posts]

#281046

Hi Scotty

I will read the write up on modules.It seems to be very well written.

Will revert after I go tru.

Thanks once again

[sunrise Friend sunriseJoin date: February 2007Posts: 920Downloads:0Uploads:5 Thanks: 103 Thanked: 166 times in 114 posts]

#281052

<em>@2Patrick 93171 wrote:</em><blockquote>Hi Sunrise

Thanks

The post it looks good. Where did you get the post it image from ?</blockquote>
I made it myself in Photoshop.

1 user says Thank You to sunrise for this useful post

1. 2Patrick

[Author]

Posts