Ads Block Position Left/right


Subject: Ads Block Position Left/right
Hey guys,

if have a problem that i cant solve by myself, and its drive me crazy...

unbenannt

as you can see on the image, there are 2 block positions i want to have...

im using ip rc2, and hope that someone of you can help me to solve the problem... the php thing is not a problem to code... but the html code i´ve already tried, does not work like i wish...

thanks

Subject: Re: Ads Block Position Left/right
so you want to include the ad´s in the backround ???

Subject: Re: Ads Block Position Left/right
no... just beside the forum column

Subject: Re: Ads Block Position Left/right
hm

have you seen this topic ???

CSS Help I Guess


i think thats something similar but with PhpBB3

maybe that give´s you a clou

Subject: Re: Ads Block Position Left/right
hey spydie,

yes i saw this topic...

but with this solution the block would be in the forumtable... thats not what i want... i want it out of the forum table...

like the number 1 in the pic from limun in the other topic...

Inactive User
Subject: Re: Ads Block Position Left/right
KS, Assuming you have the forumtable width at 760px, you could try this; for Google "Skyscraper" ads etc.

overall_header.tpl

Code: [Download] [Hide] [Select]

Find:

<!-- {GREETING_POPUP} -->

After Add:

<div align="center">
<div style="width:1000px;">

<div align="center" style="float:right; width:100px; padding-right:5px;" class="forumline">

<img src="girl.gif" width="90" alt="" />

<br />

<img src="sky.gif" width="90" alt="" />

</div>

<div align="center" style="float:left; width:100px; padding-left:5px;" class="forumline">

<img src="girl2.gif" width="90" alt="" />

<br />

<img src="sky.gif" width="90" alt="" />

</div>



overall_footer.tpl

Code: [Download] [Hide] [Select]

Find:

{BOTTOM_HTML_BLOCK}

After Add:

</div>
</div>



You should get roughly what's in the pic for 1024 and higher resolutions - though you will probably have to adjust it for what you are actually trying to do.



And of course, you can use html markup instead of the pic uri's etc, etc...


Now I'm going fishing again.... ;)

Subject: Re: Ads Block Position Left/right
I think you can use this:

HTML:

Code: [Download] [Hide] [Select]
<div class="ad">left ad</div>
<div class="ad2">right ad</div>


CSS:

Code: [Download] [Hide] [Select]
.ad{
position:absolute;/*or fixed*/
width:100%;
text-align:left;
}
.ad2{
position:absolute;/*or fixed*/
width:100%;
text-align:right;
}



That will put them in the top left/right corners. To align them you'll have to either ad a container before them (don't know if the absolute positioning will keep the margins of it), change the widths or use left(right):percentage or pxs; to get them where you eant them. Hope it helps

Profile PM  
Inactive User
Subject: Re: Ads Block Position Left/right
If KS wants to go "Global" for more than one theme, then it is better to avoid .css per theme and add the extra markup to the default.cfg and use arguments for each style; as no doubt either way it's done will not suit all themes.

Something like this:

Code: [Download] [Hide] [Select]
if($color == 'floreal')
{
$images['google_begin'] = '
<div align="center">
<div style="width:1000px;">
<div align="center" style="float:right; width:100px; padding-right:5px;" class="forumline">
<img src="girl.gif" width="90" alt="" />
<br />
<img src="sky.gif" width="90" alt="" />
</div>
<div align="center" style="float:left; width:100px; padding-left:5px;" class="forumline">
<img src="girl2.gif" width="90" alt="" />
<br />
<img src="sky.gif" width="90" alt="" />
</div>';
$images['google_end'] = '</div></div>';
}
else
{
$images['google_begin'] = '';
$images['google_end'] = '';
}

And we end up with something like this for the default overall_header.tpl: {GOOGLE_BEGIN}, and {GOOGLE_END} for the footer.


And by adding different "if" and "else" arguments, all markup will end up in the same file.

So many style variations - - - - So many complications. Ice and its associated themes for example will need yet another container added. :mricy:

Subject: Re: Ads Block Position Left/right
Hey my friends

thank both of you for your solutions...

i dont have much time now... but i´ll test your code until weekend and lets you know what is my favorite...

Thanks! :)

Inactive User
Subject: Re: Ads Block Position Left/right
You're welcome, It's always nice to help nice people. :P

There is one other trap in compressing the theme to 760px, and if you have problems with that - - - - - Just yell out! ;)

Hint: It's in the footer. :mryellow:


Page 1 of 1


  
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.1909s (PHP: 11% SQL: 89%)
SQL queries: 16 - Debug Off - GZIP Enabled