Hello Guest
No Avatar
Sign In to Remove
Posts: 
4
Reputation: 
1
Posted: May 25, 2012, 12:02 PM
  • Group: Member
Hi,
I'm using the vertex theme, which is really beatiful. (I've searched 4 weeks for a theme, that complies my ideas;)) It is also easy to do changes in the css, but 2 things drives me crazy. I would like to have the header part (topbar, main, navbar) fixed. It only works partial every time.
The searchfield: Is it possible to move the searchfield into the navbar?  And how? I tried this one several times, apparently i miss something to do it right.
Thank you in advance.
Greetings from Germany (and apologizes for my not so correct english)
lolo
 
Posts: 
400
Reputation: 
20
Posted: May 26, 2012, 1:23 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
I am not sure what you mean by having the topbar, main, navbar fixed. Do you mean a fixed width?

It is possible to move the search field into the navbar. In fact it is pretty easy.

First create a new div inside .header_nav_content and add these styles:
Code: [Select]
display: table-cell;
vertical-align: middle;

Then cut everything inside .quick_search_holder and paste it into the div you made above.

Finally, delete the .quick_search_holder div since it is empty now...
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
4
Reputation: 
1
Posted: May 26, 2012, 2:23 AM
  • Group: Member
I mean, that i can scroll down the site without the header part. The header part should stay fix on top in the browser window. I hope i could explain it right, to understand.
Thanks for the part with the search field. Tomorrow i will give it a try.
Posts: 
400
Reputation: 
20
Posted: May 26, 2012, 5:21 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
I think I know what you mean now.

For that, add these styles .header
Code: [Select]
position: fixed;
z-index: 100;

Second add these styles to div#wrapper
Code: [Select]
padding-top: 144px;
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
4
Reputation: 
1
Posted: May 26, 2012, 2:42 PM  -- Last Edit: May 26, 2012, 2:56 PM by lolo69
  • Group: Member
Yeah, almost ;)
The header is fixed, as it should be.
Everywhere works everything great, even the portal I've installed, all scrolls perfect,.......
.....but one thing goes wrong.
On the first page of the forum, where the categorys are, is the problem.
The categorys itself are fixed too, the content on the rigt side of the category have moved to the left side, where the title is.
Now I don't know, which the problem is. The div.cat_bar, h3.catbg, tbody#category...
The h3.catbg for example works everywhere else fine, just not at the first page.
I'm really confused.
If my description is not enough, I could send you a picture.
Besides, I'm thrilled that the header is now fixed. :)
Posts: 
400
Reputation: 
20
Posted: May 27, 2012, 1:29 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
uhhh, can't really diagnose the problem soo i dont know. The fix I gave you worked fine on the boardindex for me..
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
4
Reputation: 
1
Posted: May 27, 2012, 2:35 AM
  • Group: Member
Thanks for your help, though. I've learned a lot more about css and themes and how to work with it.
By the way, my husband thinks, the visualpulse theme is awsome.;)
Best regards, lolo
Posts: 
400
Reputation: 
20
Posted: May 27, 2012, 3:42 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
Thanks for your help, though. I've learned a lot more about css and themes and how to work with it.
By the way, my husband thinks, the visualpulse theme is awsome.;)
Best regards, lolo

No problem, hope you got it all figured out.

Thanks for the compliment  ;D
<3 Nerve, Sk8, Labradoodle, Austin