WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Customizing The Header on Thu Jan 28, 2010 2:41 pm

shamzblueworld

avatar
Registered Member
Registered Member
hi I was wondering how to make header(Banner & Nav) like the ego-one? Anyone can guide me through it?

2 Re: Customizing The Header on Sat Jan 30, 2010 10:13 am

karna

avatar
Registered Member
Registered Member
I think you should see their source code and add it to your template after modifying it.

3 Re: Customizing The Header on Sat Jan 30, 2010 11:51 am

shamzblueworld

avatar
Registered Member
Registered Member
that is an option, but i want to do it the right way, I think sanket or ankillien will tell me here the easy way Smile

4 Re: Customizing The Header on Sat Jan 30, 2010 2:41 pm

ankillien

avatar
Administrator
Administrator
Hey shamz!
Getting the header exactly same as ego-one is difficult, though I can direct you so that you can make something similar to that.

5 Re: Customizing The Header on Sun Jan 31, 2010 12:15 pm

shamzblueworld

avatar
Registered Member
Registered Member
yea sure, go ahead and we'll see where it takes us Very Happy

6 Re: Customizing The Header on Tue Feb 02, 2010 2:57 pm

ankillien

avatar
Administrator
Administrator
Finally, I got it to work Very Happy

Please go to Admin CP > Display > Templates > General > overall_header_new. Find out this part...

Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

This is what defines the navbar. We want to put it on the top of the banner and everything else.

You need to add this attribute to the table tag : id="new-nav".
Now the code should look like this...

Code:
<table id="new-nav" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Save the template, publish it and navigate to Admin CP > Display > Colors > CSS. Add the following style there...

Code:
#new-nav {
position : absolute;
top : 10px;
right : 25px;
}

This code will make the nav bar display at the top of the page. You can adjust the top and right offsets as per needed.

Hope that helps Very Happy

7 Re: Customizing The Header on Tue Feb 02, 2010 3:30 pm

shamzblueworld

avatar
Registered Member
Registered Member
Great, thank you man,

PS: Trying now!

Edit: Worked Smile thank you so much mate. awsome!

8 Re: Customizing The Header on Tue Feb 02, 2010 3:40 pm

ankillien

avatar
Administrator
Administrator
Glad I could help Very Happy

Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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