Joomla Templates Club 406,261 posts

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#141643

Hi All,

i was wondering how to add a grey border that matches the other grey borders. I would like it to be between the the custom banner modules/right posistion. please see attached screen shot of the area.

thanks!

---

Attachments:

1. 

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#306590

I actually had to fudge mine! I opened the graphic in Photoshop, made it a few pixels deeper and then added the border manually. I’m sure there’s a much better way of doing it, but I didn’t have the time!

1 user says Thank You to questbg for this useful post

1. sbaldwin

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#306600

<em>@questbg 131102 wrote:</em><blockquote>I actually had to fudge mine! I opened the graphic in Photoshop, made it a few pixels deeper and then added the border manually. I’m sure there’s a much better way of doing it, but I didn’t have the time!</blockquote>

For sure that would work…unless you plan on changing the images all the time. If so..ouch.

I’ve also fudged a lot in Photosho…err..who am I kidding, I’m too cheap. I use GIMP. 😀

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#306699

Hi Guys,
Thanks so much for your responses! Yes, I will probably be adding ads (modules) quite a bit and would like to be able to somehow set the the “module class suffix” to create the matching grey border. This way maybe using the module calss suffix to individula modules. Anyone know how to create and easy class suffix for grey line?

PS what’s GIMP?

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#306839

<em>@sbaldwin 131232 wrote:</em><blockquote>
PS what’s GIMP?</blockquote>

GNU Image Manipulation Program (Free graphics software). More info and download here:

http://www.gimp.org/

Chris

1 user says Thank You to questbg for this useful post

1. sbaldwin

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#307245

Hi Chris,

Thanks so much for you reply! What I’d really love to do is somehow add a suffix to be applied to CSS class for indivdual style (adding grey line). Not sure how this works but if I was able to go in and add this in the suffix area (see attached) for creating the line for banner ads that would be great.

It seems the line(s) show up between the modules automatically but not for banner modules I’m adding for clients.

Must be something in the Module CSS that creates it for normal modules. I would like to have it for banner modules as well otherwise they butt up against each other with no space.

Anyone know how to add a matching line inbetween banner mods as well?:confused:

---

Attachments:

1. 

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#307274

mmmm … I’m afraid my knowledge of CSS and code is somewhat limited.

From what I can gather, all of the current ‘grey lines’ for Telline II modules are included in the template.css file and are indicated with:

border-top: 5px solid #ABABAB

This means that the module has a gray, 5-pixel solid line above it. So, basically, you have to find the ‘nested div’ for the item you want lines above and add the bit of code, along with some ‘space’ so the grey lines don’t touch the actual module text.

The code should look something like:

div.moduletable,
div.moduletable_hilite
{
border-top 5px solid #ABABAB;
margin: 0 0 20px;
padding: 0 1px'
}

You would have to play with the margin a bit to get the spacing right.

Hopefully, some code guru will pop along and tell you exactly what you need to put and where!!!

Chris

1 user says Thank You to questbg for this useful post

1. sbaldwin

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#307300

I would like to do this too. I wonder if including an img style in the css would help. It seems like including a border would just put the border at the top or bottom of the entire module, not in between each image.

Can you post back what you got to work sbaldwin? I have to go out, but I will test my idea later too, and maybe we can get this working!

I also wondered if there is a way to make the banners show up horizontally, if I wanted a bunch of small ones at the bottom of the page or something. Any ideas there?

Cheryl

[bookpeg Friend bookpegJoin date: October 2008Posts: 419Downloads:0Uploads:1 Thanks: 82 Thanked: 10 times in 1 posts]

#307307

Is it possible to add grey lines or seperators between the ja news frontapge artices.

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#307315

Hi Everyone!
Chris, thanks for the info! I’m hoping someone might know how to create a Module Class Suffix to individual Banner Modules (to apply the matching Grey Line to seperate the Ad Banners just like it looks for Modules). This way I can just add the “Suffix” in the Modual Class Suffix field for only those that I want the grey line to appear. My first post has the screen shot of that field.

Chris you have found what I’m looking for, now perhaps someones knows how to create a Suffix from your info?

I know Joomlart creates Modual Suffixes for custom style of Modules…hopefully they can get back or perhaps this could be a paid job.

Hahn? Someone from JA…PM me?

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#307316

You should be able to find out how to create a new module style (suffix) in the forum here. If I remember correctly you can just copy one of the current styles then rename it and change its behaviour in the CSS. I have done it before and it’s not hard. I’m just not sure it will create the line BETWEEN images, but I will go give it a try then report back.

Cheryl

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#307319

Ok try this, you can change as needed:

/* banner module */
div.moduletable_banner
{
margin: 0 0 20px;
padding: 0 1px;
overflow: hidden;
width: 100%;
float: left;
clear: both;
}

div.module_banner img {
padding: 10px;
border-bottom: 2px solid gray;
border-top: none;
border-left: none;
border-right: none;
background: none;
}

This gives my banners some space between (which I wanted) takes off the gray border in ruby (default for ruby), and adds the horizontal line underneath each one.

Paste the code in your css, then give your banner module the suffix _banner

Hope it helps!
Cheryl

1 user says Thank You to cjmicro for this useful post

1. sbaldwin

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#307566

Great Cheryl,

I’ll give it a try try tonight and get back…thanks!

[Author]

Posts