Search options (Page 1 of 5)

This used to happen to me at first but it went away on its own. I use Windows so I know it doesn't have anything to do with OS.

Great . Yeah sorry I couldn't explain better.

In the CSS I gave you, remove margin: 10px 0; or change it to margin: 0 0 10px;

The margin attribute is what gives you room between the box area and the other boxes (the values are defined in order by: top, right, bottom, left). Alternatively you can just specify margin-top, margin-left, margin-right, margin-bottom separately if you need them.

If you are using the div box in more than one place use div class="extraInfo" and use .extraInfo in the css instead of #extraInfo. It is technically incorrect to use ids in more than one place on a page and that is what classes are for.

I'd recommend that you read up on a basic CSS guide to learn more about it (it really isn't that difficult).

This site: http://www.w3schools.com is a great resource for getting started.

You can do two things. First is to put the code right below the <!-- forum_about --> portion, before the </div> (which would use the about box to contain your code). The second thing you can do is create another div, something like this:

<div id="extraInfo"> <!-- code here --> </div>

With css defined for extraInfo:

#extraInfo{
    width: 100%;
    border: 1px solid #eee;
    background-color: #fafafa;
    padding: 0 10px;
    margin: 10px 0;
}

You can modify the CSS however you want to customize the appearance.

Go to include/template/main.tpl and modify that. Put your code below the portion you want it to be under, eg:

<div id="brd-about" class="gen-content">
    <!-- forum_about -->
</div>

Use:

.brd #brd-announcement h1 {
background:#1f537b url(http://www.mysite.fr/forum/img/grad/gradi1blue.png) repeat-x;
color:#FFFFFF;
height:30px;
}

This way the background only repeats horizontally and not vertically (thats what repeat-x means, before it was repeating both vertically and horizontally). The other option would to increase the height of the gradient image to be 30px or vice versa (changing 30px to whatever the height of the gradient image is).

I wrote my own script to do the same thing: http://forums.programming-designs.com/t … op-thread/ (2nd post for example). But there's an issue with getting the light box to overlay the entire page in Opera (tried using a bunch of diff. methods to get full scroll height but it only gets viewport height).

The JS code is here: http://forums.programming-designs.com/i … gResize.js

If you could add the ability to display all post images in slimbox and also set a max width/height limit that would be great.

Great extension. I had modded my index.php to do this same thing but this is a lot better.

Wow this extension is great! Props!

1. I had actually started doing this mod by using the same style as a post but it didn't look right on my forums so I just made my own div instead (it was also easier).

2. Looking through the code I'm sure I could make an extension out of it (hooks in the right place). I haven't written an extension yet so I'd need to first setup a test environment for myself if I do plan on writing one and would probably take a day or so. Give me a few days and I'll consider it.

Seems to work fine for me.