See following links for adding new positions.
http://www.gavick.com/documentation/joo ... -position/Just a little correction in above page. Please in last final code replace ’ with ' as it seems that should be fixed.
So where you see ’ replace it with '
and these ” with ''.
Suppose you have added new positions and added and enabled modules in your new positions then depending which div id you have used, use following css.
- Code: Select all
#rightAds { width:120px; height:600px; position:fixed; right:0; top:0; }
#leftAds { width:120px; height:600px; position:fixed; left:0; top:0; }
So
Your left ads stick to positions at left 0 top 0.
Your right ads stick to positions right 0 top 0.
You might need to change div id name and as well as adjust width height to suit your needs.
In case users browser window width is lesser than your website + your ads width then you should disable ads so it doesn't show in your main content.
Example.
Lets suppose your main content width is 1000px
Your ads width 120px + 120px = 240px
Total width = 1240px
So if browser width is 1240px or more we will display ads if its less then 1200px we will hide them.
So you can use below css which will work in both normal browser and device specific such as tablets.
- Code: Select all
@media only screen and (min-width: 1240px), only screen and (min-device-width: 1240px) {
#rightAds { width:120px; height:600px; position:fixed; right:0; top:0; }
#leftAds { width:120px; height:600px; position:fixed; left:0; top:0; }
}
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
#rightAds, #leftAds { display:none; }
}
See you around...