XF 1.1 Adding an HTML/CSS made header to my board?

Slidefuse

Member
Hello,
I have been working on this header/navigation for my site... you can see it @
" http://www.gentlemannsestate.com/ "

But I'm not to sure on how I could replace the default XenForo header with that custom header.
Please tell me its possible...

I would also like the user info like there Name, inbox, Alerts, etc to be shown right under the navigation part in the upper right hand cover...

Thanks for your time,
-Felix
 
This is what I got so far, and it looks like crap...
http://www.gentlemannsestate.com/index.php

Any other way to help?
I want to pay you to do it... But I'm rather low on cash ATM.

EDIT:
The user info is what looks like crap.. but you must login to see that...(Name, log out, inbox, etc.)
Its all smashed up to the left hand side right below the header.
and the header is not the full width... idk man
 
This is what I got so far, and it looks like crap...
http://www.gentlemannsestate.com/index.php

Any other way to help?
I want to pay you to do it... But I'm rather low on cash ATM.

EDIT:
The user info is what looks like crap.. but you must login to see that...(Name, log out, inbox, etc.)
Its all smashed up to the left hand side right below the header.
and the header is not the full width... idk man

Add this to EXTRA.css for the header.

Code:
#headerMover #headerProxy { background-color: #385464 !important; height: 122px !important; }
 
Still looks really bad, lol.
Isn't there a way to just make the header full width? like it was the 1st time I showed you it?

Actually scratch that do this:

Code:
#headerMover #headerProxy { 
height: 122px !important;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#314b59),color-stop(5%,#385464),color-stop(94%,#334d5b),color-stop(100%,#2b414c)) !important; 
}

#header { background-color: transparent !important; }
 
Actually scratch that do this:

Code:
#headerMover #headerProxy {
height: 122px !important;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#314b59),color-stop(5%,#385464),color-stop(94%,#334d5b),color-stop(100%,#2b414c)) !important;
}

#header { background-color: transparent !important; }
Well damn... That did it!
Thank you VERY much for all the help.

But I do want to ask one more thing...
How can I move the navigation to the right, and the logo to the left... like the original was?

Or should I just change my board width bad?

(I also see you joined, lol. You can see that the post bit is being dumb too.. I'm not going to bug you about that really, because im asking for to much help, lol.
 
It's like that for me.

RQRTCXr.png
 
Top Bottom