Joomla Templates Club 406,261 posts

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#171026

Hi

How do I place an advertisement above the header? I tried moving the ad from header_r to absolute but it places it the the left top corner of the homepage.

Is there another position available there that I can not see?

Attached pics…

---

Attachments:

1. 
2. 
3. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#426175

You login backend > extensions > templates > ja_teline_iv > layout tab > edit default layout, add this code

<block type="modules" style="raw" >top1</block>
after

<blocks name="top" style="xhtml">
You set position of module is top1
You find this code from /templates/ja_teline_iv/css/template.css


#ja-topbar {
height: 26px;
position: absolute;
top: 0px; < change it to 60px
z-index: 11;
}


[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#426184

Can not find the code line:
<blocks name=”top” style=”xhtml”>

Have looked in css/layout.css and css/template.css

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#426246

The code isn’t in *.css file. You will see it by configure ja_teline_iv template.

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#427505

Okay Khoand

Inserted the code in layout tab
<block type=”modules” style=”raw” >top1</block>

Changed code in .css file to
/* Top Bar —*/
#ja-topbar { height: 20px; position: absolute; top: 60; z-index: 11; }

Rechanged code in .css file to
/* Top Bar —*/
#ja-topbar { height: 104px; position: absolute; top: 60; z-index: 11; }
[]

All it does is drop the newsticker down below the menu. Position “top” is available but not “top1”

See attachments

---

Attachments:

1. 
2. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#427713

I looked your default layout. You haven’t inserted the code

<block type="modules" style="raw" >top1</block>
When you set position of module is top1, you type it

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#427770

I had removed the code so that the News Sticker moved back to the correct spot.

When I followed your instructions above, the ad appears but the News Sticker moves with it.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#427774

You replace this code from /templates/your_template/css/template.css

#ja-topbar {
height: 20px;
position: absolute;
top: 0px;
z-index: 11;
}
with

#ja-topbar {
height: 20px;
position: absolute;
top: 105px;
z-index: 11;
}

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#427777

Changed it to 105px, cleaned cache and it appeared as in the pic. Then changed it to 60px like yesterday and it stayed the same.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#427780

You code is not right

#ja-topbar {
height: 20px;
position: absolute;
top: 60;
z-index: 11;
}

And snapshot of your website is

right code is

top: 60px;

But snapshot when change it to 60px is

Snapshot when I change it to 105px is

---

Attachments:

1. 
2. 
3. 

1 user says Thank You to khoand for this useful post

1. sbbritt

[sbbritt Friend sbbrittJoin date: November 2011Posts: 161Downloads:0Uploads:57 Thanks: 22]

#427783

Thanks! It was the “px” that was my problem. 110px worked great! 🙂

[gjensen Friend gjensenJoin date: April 2008Posts: 62Downloads:1Uploads:3 Thanks: 20 Thanked: 6 times in 1 posts]

#451503

similar problem with header ad – my ad shows but when you click on it it goes back to home page. I’m trying to put in adsense javascript code. I turned off editor and inserted code via html,

[Author]

Posts