Hi guys.
I am planning to do some upgrade to the server over the weekend so expect some downtime.
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.
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 (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. :D
ooh noice so far ! :P
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.
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;
}
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!)
is the pic even still there? I don't see it thats for sure
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?
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.
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.
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.
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.
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.
(http://i871.photobucket.com/albums/ab274/avenga76/Avengers/P1040054_zpsf59aee32.jpg) (http://s871.photobucket.com/user/avenga76/media/Avengers/P1040054_zpsf59aee32.jpg.html)
(http://i871.photobucket.com/albums/ab274/avenga76/Avengers/IMG_4021_zps90e0c856.jpg) (http://s871.photobucket.com/user/avenga76/media/Avengers/IMG_4021_zps90e0c856.jpg.html)
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
I wouldn't use a GIF but I can set it to rotate though the 3 different images so it will change on each page view.
Maybe I could even add some more shots of others Avenger, maybe have like a loop of 10 or so pics that is can rotate through with each page view.
I will give it a go maybe tomorrow night.
(clubsub USED to have a bunch of collage pics)
means you dont have t ofind nice pics, just choppy/pastes them into a mashup and create a banner like that maybe
Let me know if you need a hand Richard. Best to IM me on Skype (kolya.mouraviev)
Since you do servers.. you don't happen to configure Varnish, do you? :D
Quote from: Nikolai on September 26, 2013, 08:32:42 PM
Let me know if you need a hand Richard. Best to IM me on Skype (kolya.mouraviev)
Since you do servers.. you don't happen to configure Varnish, do you? :D
Sweet, I will let you know if I need help. I will probably do it over the weekend.
Varnish, That's that Linux web accelerator, isn't it? We only use Windows servers and use Silver peak accelerators.
my page now looks like this
(http://img.photobucket.com/albums/v427/JoKerNZ/Avenger.jpg) (http://smg.photobucket.com/user/JoKerNZ/media/Avenger.jpg.html)
note "Unread posts" words cutoff
and your "sig" is too big for the pane Avenga
Testing Instagram embedding
[instagram]https://www.instagram.com/p/ClHn1wxS2Hi/[/instagram]
ooh nice! I had spotted we were all logged out and a new Icon hah
figured something was 'happening'
[instagram]www.instagram.com/p/CkMWHhNy0Zl/[/instagram]
ok : tips? heehehe think I got it
I?ll do a tutorial for it soon but basically you just do
[instagram]https://www.instagram.com/p/ClHn1wxS2Hi/[/instagram]
And you just get the link by clicking on the ? next to an Instagram post then clicking the link button
I think it will be really good because I do all my build updates on Instagram now but it would be nice to post them here as well