Joomla Templates Club 406,261 posts

[qessence Friend qessenceJoin date: January 2012Posts: 30Downloads:0Uploads:5 Thanks: 13 Thanked: 3 times in 1 posts]

#173842

Hello again.

I hope someone could help me with this, im trying to get a working Topbar with a dominant position.

The best example i can give you, is this.

The idea is to set up a new block, i have already done this, this block must contain modulepositions and a JAMegaMenu ( this problem is posted on another subforum)

While i do this, i need to make this topbar dominant, this means that if you scroll down, the template will go UNDER the topbar, and the topbar does not move from its position.

Although i have reached this, taking the div of the topbar, and setting it to position:fixed, it does not suits my needs, cause if you play with minimal resolutions, the elements on the topbar will show one under other, by this, i need the topbar to be on relative position, play with z-index and let it be a part of the template, and not a “floating” element that can take all the space.

The problem is that i cannot do it, im not able to get the block, give it the 100% width of screen, and let the rest of the template centered under it at its normal width.

Anyone can give me some advice on this?
Thanks.

---

Attachments:

1. 

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#438099

You’re on the right track…however, might I suggest you simply use the CPANEL block.
It already does what you are wanting it to do, and with a little CSS adjusting you can make it look/perform exactly as you have indicated.

Have fun!

1 user says Thank You to John Wesley Brett for this useful post

1. qessence

[qessence Friend qessenceJoin date: January 2012Posts: 30Downloads:0Uploads:5 Thanks: 13 Thanked: 3 times in 1 posts]

#438106

Very interesting tip! Thanks!

Unfortunately, im having several difficulties to load a JAMegaMenu & modulepositions on another block than topmega.php,

Do you have any advice of including this inside the cpanel block, erasing all the default cpanel options?

I have also found this :

<?php

//get reference of this block and update its no-wrap attribute

$block = & $this->getBlockXML (T3Common::node_attributes($block, 'name'), T3Common::node_attributes($block, 'parent', 'middle'));

T3Common::set_node_attributes($block, 'no-wrap', 1);

T3Common::set_node_attributes($block, 'no-main', 1);

?>

Inside cpanel.php

Just wondering, What if i use this code on the default topmega.php?

[qessence Friend qessenceJoin date: January 2012Posts: 30Downloads:0Uploads:5 Thanks: 13 Thanked: 3 times in 1 posts]

#438129

Well, the code posted makes the trick of lettinga div use the 100% width, but i still have the “on top” problem.

I need that, if you scroll down the page, the bar remains on top of vision, without moving, this usually uses the position:fixed mentioned but, i cannot use this, because if you play with minimal resolutions, all the elements created inside the div with position:fixed, will move their positions to one, ontop others, and i need them to remain side-by-side.

Is there any way of making this without position:fixed?

Thanks!

[qessence Friend qessenceJoin date: January 2012Posts: 30Downloads:0Uploads:5 Thanks: 13 Thanked: 3 times in 1 posts]

#438343

I think i solved the problem, at least by now, adding a min-height value to the fixed div.

Thanks.

1 user says Thank You to qessence for this useful post

1. John Wesley Brett

[Author]

Posts