Joomla Templates Club 406,261 posts

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#129249

HI,

I want to position my banner on top of the page (JA login). But when I preview the page, the banner appears on top of the logo (left) Attached is the image.

I spent an hour working on this but no luck. How can I position my banner to the right where the date and text tool is also right above it?

I’d appreciate your help. Thanks.

---

Attachments:

1. 

[jeroen_a Friend jeroen_aJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#251761

hey,

I had the same problem, but you have to change 2 simple things:

1) Edit/Replace this in the: index.php file

[PHP]<div id=”ja-headtools” class=”ja-headtool”>
<div class=”ja-innerpad clearfix”>
PUT HERE YOURE BANNER
</div>
</div>
[/PHP]

2) And edit this in de CSS:

[PHP]/*Head Tools*/
#ja-headtools {
top: 3px;
[/PHP]

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#251797

Thank for your reply
I edit and replace code. This time the banner is behind the LOGO. I want the banner to move to the right side just beside the logo. Attached is the image.
How can I do this? I need your advise.

---

Attachments:

1. 

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#251857

More easy if you show us your site url?

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#251876

<em>@Menalto 56933 wrote:</em><blockquote>More easy if you show us your site url?</blockquote>

Thanks, here is the]. I position the banner on ja-login and after doing it, the banner is behind the logo. I want to place the banner on the right side – align with the logo while the date,search text are above it.

How can I do this?

[jeroen_a Friend jeroen_aJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#251877

I copied this direct from index.php:

[php]<div id=”ja-headtools” class=”ja-headtool”>
<div class=”ja-innerpad clearfix”>
—BANNER—
</div>
</div>
</div>
</div>
<!– END: HEADER –>
[/php]

and if you want also the border and backgrond, edit this in the CSS:

/*Head Tools*/
#ja-headtools {
top: 3px;
right: 0;
position: absolute;
border: 1px solid #CCCCCC;
background: #F7F7F7;
}

---

Attachments:

1. 

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#251922

<em>@jeroen_a 56956 wrote:</em><blockquote>I copied this direct from index.php:

[php]<div id=”ja-headtools” class=”ja-headtool”>
<div class=”ja-innerpad clearfix”>
—BANNER—
</div>
</div>
</div>
</div>
<!– END: HEADER –>
[/php]

and if you want also the border and backgrond, edit this in the CSS:

/*Head Tools*/
#ja-headtools {
top: 3px;
right: 0;
position: absolute;
border: 1px solid #CCCCCC;
background: #F7F7F7;
}</blockquote>

Thank Jeroen_a

I did what you suggested but what happened was the logo disappeared and I did not get the same result . The header was gone. Do I need to leave the module for ja-login and user4 or did I miss something?

[jeroen_a Friend jeroen_aJoin date: May 2008Posts: 4Downloads:0Uploads:1]

#251924

Well, I didn’t use the ja-login or user4-module position.
I’m using a HTML-code provided by (for example) Google Adsense.

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#251936

<em>@jeroen_a 57023 wrote:</em><blockquote>Well, I didn’t use the ja-login or user4-module position.
I’m using a HTML-code provided by (for example) Google Adsense.</blockquote>

Thanks Jeroen_a,
Is there a way to do it without removing the modules? Because I am not using an HTML code, I’d like to add another banner for ads and made the banner appear just below date, text tool..

I did play with the css but I have no luck. If anybody out there was able to do this, kindly advise. Thanks.

[Author]

Posts