Server upgrade

[avenga]

Hi guys.

I am planning to do some upgrade to the server over the weekend so expect some downtime.

[avenga]

Hi guys.

I have upgraded the forum. Still a few things to sort out like the center logo up top. I had to completely redesign the skin so it would work with the new version.

Please let me know if you see any bugs or have any problems.

[Nikolai]

Images wider than the .post-inner are causing horizontal scrolling inside posts.

You can fix this by either

.bbc_img {
border: 0;
max-width: 100%;
height: auto;
}

or

.post .inner img {
max-width:100%;
height: auto;
}

I got the bbc class because it was applied in the post that I saw the issue occuring on:
http://www.avenger.co.nz/forum/index.php?topic=630.0

Those images also have cursor:pointer on them for some reason as an inline-style, making it seem like a link when in fact it's not.

You could add jQuery to the site and give all post images a class, and use a lightbox plugin to make all images pop-up in a lightbox onclick.

[JoKer]

ooh noice so far !

[Nikolai]

This will center the logo:

#logo a {
position: absolute;
top: 3.5em;
display: block;
width: 214px !important; /** Width of the logo.png **/
height: 130px !important;
cursor: pointer;
background: url(../images/img/logo.png) no-repeat !important;
left: 50%;
margin-left: -107px; /** Half the width of the logo, ie half of 214px **/
}

You may want to resize the logo a little bit so that it's not quite as tall and has a little bit of padding top/bottom. Then you'd need to change the width in the css above to reflect the new logo size.

[avenga]

Hey Nikolai. I didn't mean move the logo to the middle, I know how to do that. I mean add the side on shot of my Avenger like I had on the old forum.

At the moment I use this for the side logo, which I am happy with.

#logo a {
    position: absolute;
    top: 3.5em;
    left: 2em;
    display: block;
    width: 362px !important;
    height: 130px !important;
    cursor: pointer;
    background: url(../images/img/logo.png) no-repeat !important;
}

Then I used to use this for the center logo but it won't work now.

#centerlogo {
    position: absolute;
    top: 3.5em;
    left: 50%;
    display: block;
    width: 484px;
    height: 150px;
            margin-left: -242px;
    background: url(../images/img/centerlogo.jpg) no-repeat;
}

[Nikolai]

Maybe try this:

Inside the:
<div id="head-r">

after the <div id="logo">, insert:
<div id="carLogo">
<img src="/forum/Themes/coalblack/images/img/avenger-header.png">
</div>

and the styling:

#carLogo {
position: absolute;
left: 50%;
margin-left: -174px;
height: 108px;
width: auto;
top: 55px;
}

and the image is attached to this post - I resized it, and changed the background fade-bits to match the new header on this site.

And I attached a screenshot of what it will look like (before you waste your time!)

[JoKer]

is the pic even still there? I don't see it thats for sure

[avenga]

Sweet, thanks for the help Nikolai. I am not that great at PHP, I did some HTML but I always get tripped up in PHP because you need to change both files.

it is back to how it was, but I don't think it looks as good on the new smaller header. What do you guys think? keep it? dump it? or do something else? if so what?

[Nikolai]

Cool, just yell out if you need any help - HTML/PHP/Javascript/etc is what I do!
Just I'm not very creative.. so I'll need to know what you have in mind.

[avenga]

Sweet, I am more of a hardware/network guy, I build and look after servers, firewalls and server farms. So I only have some basic HTML skills.

BTW, what file should I put your first bit of code in? the image width fix thing, in the index.template.php or the index.css or somewhere else?

If anyone else has any ideas on how the forum should look then feel free to let me know.

[blekkja]

Shouldn't you update the picture in the header with a more current shot? (and your sig, too, eh chief?)


Actually: a line up from one of the site get togethers would be pretty rad.

[avenga]

I will update my sig, since I don't even own the red one anymore

I didn't want to put a current shot of my Avenger at the top because I wanted a "Standard" Avenger up there. I figured if I put my ultra modified beast of an Avenger up there then it might scare people away thinking that we butcher all our Avengers here.

The group shot is a very good idea. I will see what I have got.

[avenga]

Okay here are some options for the top banner.

It is funny how the type of Avengers change from meet to meet, up here in Auckland we all have quad headlight alpines etc, but down in hawkes bay it is all square headlight supers etc.

[JoKer]

I like your blue one BUT how hard is it to make it into a slow rotating GIF or use all 3? that change with page view etc