Module outside template

Hello allmighty guru!

Similar to the previous post I'm trying to get a module ("Simple Random Quotes Module v1.7.0.") to show at a fixed position outside the main container.






Setting the suffix and css just wont do, it just wont go outisde the main frame of the template.

I've looked around on google, but there's million of posts and afaik not one how to Nor could I find any extensions that did the trick, there's some add floaters, but that's not what I'm after. I want basicly a new position outisde the box where I can place any mod I want.

I've tried to create a new module position (In index.php and templatedetails.xml) and get to pick it alright, but it's just not showing where I want it.

Can you please push me in the right direction here mate?

Well for that position you will have to do more yourself. Depending of what you want you need to pot it in container that is eater:

position: fixed;

or

position: absolute;

I think you want position: fixed;. Then you top and right properties to place it in right spot:

position: fixed;
top:XXXpx;
right:XXXpx;

When you do all that it's an question it will suit your needs after you see it's behavior on page re size. For example it can overlap with main area if page width is too small. Further adjustments on position behavior can be solved using javascript , and if you want us to help you that would require custom payed job.

Edit: This is working! Just posted if others wanted to do the same.

Ok, I think I've tried that already, but I couldn't get anything to show outside the frame.

Here's what I do, please let me know if you spot an error.

in index.php
Add inside head
and add inside <div class="main_container_wrap">



in templatedetails.xml
add to positions

This make me able to pick the new position in my module manager.

Then in
template_css.css

I add
And add the suffix _right_quotes to my module.

But it's still showing in the add position.


Or wait!

It's working! Eureka! :silly: :woohoo:

Haha, I guess writing down as I went did the trick I'll just leave this post be in case others want to do the same.

Second edit: Added a z-index to the css in order for the module to go behind the black bottom. Also made it fixed from the left so that it wont show at lower resolutions. This needs tweaking though. (But I run a gaming site, so most of us have large resolutions.)