Re: Test topic

by **Neymar** Mon Apr 09, 2012 2:37 am

I changed the New Topic, Post Reply and Topic Locked buttons for now. Obviously they can be changed to go with the rest of the design later aswell.

Otacon, the test HTML page looks perfect size wise and the scroll bar doesn't appear.

by **NMStepho** Mon Apr 09, 2012 3:13 am

they're nice Smile

by **TheMightyDobbo** Mon Apr 09, 2012 4:20 am

any chance of using the font used in the blue banner and the new topic/reply button is going to be used throughout the forum? I don't like Times new Roman

by **Otacon_Alonsus** Mon Apr 09, 2012 4:24 am

yeah I dont like that font either lol.. will work on the menu later on. A funny thing now is I have been working on this url offline

https://simplyt.forumotion.co.uk/h1-html-test

and when am offline, the blue bar is fixed, and ipod shows it properly.. but for some reason when I upload the css/js its fixing blue bar for main test url / and fixing the ipod issue on that URL.. its driving me insane I dunno whats going on lol.

by **Otacon_Alonsus** Mon Apr 09, 2012 4:55 am

gaps on the sides of the banner/nav have been closed

by **Neymar** Mon Apr 09, 2012 5:07 am

Nice work

Still have that scroll bar issue though, hmmmmmmmm

by **Otacon_Alonsus** Mon Apr 09, 2012 5:08 am

yeah the scroll bar issue is there on main test site.. and not on html test.. If I knew why I would have fixed it lol.. i dunno what the problem is.. but I know its juss a small thing... my brain needs to rest before I figure it out Smile

by **Neymar** Mon Apr 09, 2012 5:24 am

This post is possibly for LGforum.

A little bit about the problem with iPod

I'm just going to put what I posted earlier in the chatbox as I think that is the problem.

Otacon I think I have the solution (well, problem actually) to why the ipod is messed up for the forum. Even on my laptop now I can see a scroll bar at the bottom of the screen which allows me to view more of the background to the right and move the forum body about. Basically I don't think the ipod copes with having the forum zoomed into the forum body at a set point and then letting you scroll to the right, so it just basically shows the full page.

On the HTML page which Otacon created to test the scroll bar does not appear, however he cannot make this change go live on the forum.

HTML page:

https://simplyt.forumotion.co.uk/h1-html-test

The problem with the topbar has been fixed.

by **Neymar** Mon Apr 09, 2012 6:39 am

Scrollbar issue = fixed.

Thank you very much LGforum for fixing the issue literally in a few seconds...: Crying or Very sad

Here is the PM from LG:

LGforum wrote:Your bottom scroll bar issue is being caused by your banner. The image is really wide and has a lot of "empty" space on the far right.
You can see this, by getting rid of the banner, you'll see the scroll bar dissappear too, and putting it back, the scrollbar is back.

So just trim your logo down to so it doesn't exceed the width of the body.
As a quick FYI though, Ipods will very often render a screen zoomed out and cause a bottom scrollbar. Unless its causing issues in your site being usable on an ipod then I wouldn;t worry about it.

The banner in pics management has been changed from empty_10.png to empty_1.png for the new image.

The image for the banner is now 1x1 though so we need to make it bigger to be clickable.

This has been added to the CSS. (Thanks again LG)

#logo {
display:block;
height: 120px;
}

by **Neymar** Mon Apr 09, 2012 9:03 am

So then...what's the next step?

Possibly fixing the navbar?

by **NMStepho** Mon Apr 09, 2012 11:05 am

Otacon Really good work I'm liking it

by **Otacon_Alonsus** Mon Apr 09, 2012 11:48 am

juss worked on the menu.. we can decide on which color/hover color looks better.. and whats the best font to use.. heres the CSS code that affects the navigation.

.navbar
{
padding: 0px;
height: 40px;
background-image: url(https://i.servimg.com/u/f41/17/41/59/91/nav_bg11.png);
}

.navbar a
{
display: block;
height: 40px;
float: left;
text-decoration: none;
font-size: 15px;
text-align: center;
font-family: 'Dosis', sans-serif; /this is a custom font which doesnt seem to be loading, if LGforum or anyone has a way of fixing it
font-weight: normal;
background-image: url(https://i.servimg.com/u/f41/17/41/59/91/nav_bg11.png);
line-height: 40px;
color: #FFFFFF; /this is affecting other links not in navigation, need to find the best color
padding-left: 17px;
padding-right: 17px;
}

.navbar a:hover
{
background-position: bottom;
padding-left: 17px;
padding-right: 17px;
}

by **NMStepho** Mon Apr 09, 2012 11:57 am

Otacon_Alonsus wrote:juss worked on the menu.. we can decide on which color/hover color looks better.. and whats the best font to use.. heres the CSS code that affects the navigation.

.navbar
{
padding: 0px;
height: 40px;
background-image: url(https://i.servimg.com/u/f41/17/41/59/91/nav_bg11.png);
}

.navbar a
{
display: block;
height: 40px;
float: left;
text-decoration: none;
font-size: 15px;
text-align: center;
font-family: 'Dosis', sans-serif; /this is a custom font which doesnt seem to be loading, if LGforum or anyone has a way of fixing it
font-weight: normal;
background-image: url(https://i.servimg.com/u/f41/17/41/59/91/nav_bg11.png);
line-height: 40px;
color: #FFFFFF; /this is affecting other links not in navigation, need to find the best color I did this just to a dark blue couldn't find links with out it
padding-left: 17px;
padding-right: 17px;
}

.navbar a:hover
{
background-position: bottom;
padding-left: 17px;
padding-right: 17px;
}

by **Neymar** Mon Apr 09, 2012 6:41 pm

It looks great.

Is the Log Out [Neymar] off of the navbar looking as a seperate button for anyone else? I think it would look better on the navbar.

by **NMStepho** Mon Apr 09, 2012 7:32 pm

Neymar wrote:It looks great.

Is the Log Out [Neymar] off of the navbar looking as a seperate button for anyone else? I think it would look better on the navbar.

not for me

by **Otacon_Alonsus** Mon Apr 09, 2012 7:51 pm

not for me either.. can I see a screenshot.

by **Neymar** Mon Apr 09, 2012 8:26 pm

It could be a problem for the iPod. The one at the bottom that say Mobile Version is also off of the bar part.

I'll test it on laptop at some point today.

It just looks bad because there is text 'Your last vist...etc.' goes through the Log Out button when on the homepage.

by **Neymar** Tue Apr 10, 2012 8:20 am

Seems to be a small screen problem again...also happens on laptop.

http://gyazo.com/c268b6918bfe51e9b796384241ae3854

Making them smaller would fix it I think, not sure how you would do that though...

Also, when not logged in the Login and Register icons are still there and don't look very good. I can see where to remove them though. Screenshot:

http://gyazo.com/e05dcef210d2052de9065143f9541f5a

by **Neymar** Tue Apr 10, 2012 10:43 pm

Made forum width a little bigger so that the Log Out button fits in.

by **Neymar** Wed Apr 11, 2012 5:33 am

The Login and Register buttons were still showing on the navbar so I have removed them.

by **Neymar** Wed Apr 11, 2012 5:46 am

For customising the chatbox:

http://help.forumotion.com/t77136-customize-chatbox

by **Otacon_Alonsus** Wed Apr 11, 2012 8:17 am

Neymar wrote:For customising the chatbox:

http://help.forumotion.com/t77136-customize-chatbox

cheers, will have a look later

by **Neymar** Wed Apr 11, 2012 9:23 am

I'm going to have a look for a new stadium image for the background. The current one is also a bit too dark.

by **Otacon_Alonsus** Wed Apr 11, 2012 7:09 pm

EA ones are normally lighter, but dont think i ever found a really big one though

by **Neymar** Wed Apr 11, 2012 8:11 pm

I had a look there aswell, but I can't really see many other ones.

by Sponsored content