Top area and Menu

View previous topic View next topic Go down

Top area and Menu

Post by Otacon_Alonsus on Tue May 01, 2012 2:01 am

You will notice that I have been working on the Top area and Menu to look like that psd file. This is the code that achieved this [you will find it under Modules > Javascript codes management > Bar

Code:

$(function(){
$('#wrap').before('
  <div id="topbar">
      <div id="topbar_logo">
          <div class="text"></div>
          <div class="fbtw"><a href="http://simplyt.forumotion.co.uk"><img src="http://i.imgur.com/mRHTX.png" /></a></div>
      </div>
  </div>
');
});

$(function(){
$('#wrap').before('

  <div id="topbar2">
            <div id="navbar_container">
           
              </div>
           
</div>
');
});

The above code places on top of everything on the page, in the sense that if I was to increase the height [to 100%] of the top with a grey area.. you would only see grey on the entire page. This basically means [ Neymar ] , the section you worked on yesterday that has the logo is still there but its underneath the new top area. So if I had increased the top area by say 40px it would cover the navigation menu that's currently there at the moment. The next step I will be working on is



from what I can see, it will mean copying the current navbar html code into the javascript section at the beginning of the post.. then having to write all the CSS for that. Its not really an issue, and I suppose it can be done although might take a while to identify which sections really need to be copied etc. So if anyone has a better plan of implementing this, lemme know before I start working on that menu/navigation. Smile


Last edited by Otacon_Alonsus on Fri May 04, 2012 10:45 pm; edited 1 time in total
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Tue May 01, 2012 11:21 pm

menu behaviour is working fine (partly).. ie the hover event changing into red. If you see it not working properly on other links, its because I am still trying to fix the active state of the link. Which is, when you click on Home.. that should stay red for as long as you are on that page and so on.
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Neymar on Wed May 02, 2012 2:08 am

The new navbar isn't showing for me when on topics or when looking at threads in the 'test site talk' section or when posting or anything.

It's only showing in the forum index and on the homepage actually,
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Wed May 02, 2012 2:39 am

yeah that's intentional.. I was juss looking for some specific behaviour when I set it that way.. will change it to appear in all pages later on Smile

Otacon_Alonsus wrote:If you see it not working properly on other links, its because I am still trying to fix the active state of the link.
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Wed May 02, 2012 3:12 am

Can someone add this to the overall site BG.. this will save me form redoing the navbar.. and all I have to do is working with the initial navigation.. to not mess with session logins etc ( saving me half the work )

avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Neymar on Wed May 02, 2012 3:20 am

I just added it to the pics management site background part.

Is that correct?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Wed May 02, 2012 3:23 am

hmm measurements seem off.. as I cant see the edges of the stadium.. lemme get another image
actually dont need to have that grey area in the image bg Smile.. silly me
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Wed May 02, 2012 4:16 am

I have found how to add our own text in the menu.. so will be scrapping the nav bar.. that you had labelled "future navbar" Smile.. you will see an extra link titled "FORUM" thats out of place.. dont mind that.. its juss to remind me that I have to fix this.
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Neymar on Wed May 02, 2012 4:50 am

Otacon_Alonsus wrote:I have found how to add our own text in the menu.. so will be scrapping the nav bar.. that you had labelled "future navbar" Smile.. you will see an extra link titled "FORUM" thats out of place.. dont mind that.. its juss to remind me that I have to fix this.

I don't quite understand what you mean?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Fri May 04, 2012 10:46 pm

menu is done in all areas I suppose Smile
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Neymar on Sun May 06, 2012 8:55 pm

Do you need me to ask about that white thing in the navbar?

And did you make these new forum icons otacon?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Top area and Menu

Post by Otacon_Alonsus on Mon May 07, 2012 9:07 pm

yeah if you can Neymar.. I havent made any icons Smile Stevo!?
avatar
Otacon_Alonsus
Admin

Posts : 181
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Neymar on Tue May 08, 2012 8:13 am

This removed it: (from LG)

ul.navlinks {
border: none;
}

Its the bottom border of the '.navlinks' element. Its only appearing on the right side because the actual links on your navbar are covering it on the left side. See how the white bit starts at the end of all the link?
avatar
Neymar
Admin

Posts : 258
Join date : 2012-04-06
Warning : 100%

View user profile http://simplyt.forumotion.co.uk

Back to top Go down

Re: Top area and Menu

Post by NMStepho on Tue May 08, 2012 3:00 pm

yeah i made them they look terrible to be honest i posted in the Icon announcement Topic a few days ago saying that ill will wait until the forums close to being finished so then i can make a design then

NMStepho
Admin

Posts : 71
Join date : 2012-04-06
Warning : 100%

View user profile

Back to top Go down

Re: Top area and Menu

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum