Icy Phoenix

Old Styles Topics - Ads Block Position Left/right

KugeLSichA [ Sun 12 Jul, 2009 20:26 ]
Post subject: Ads Block Position Left/right

Hey guys,

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

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

spydie [ Sun 12 Jul, 2009 23:20 ]
Post subject: Re: Ads Block Position Left/right

so you want to include the ad´s in the backround ???

KugeLSichA [ Sun 12 Jul, 2009 23:44 ]
Post subject: Re: Ads Block Position Left/right

no... just beside the forum column

spydie [ Mon 13 Jul, 2009 00:14 ]
Post 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

KugeLSichA [ Mon 13 Jul, 2009 00:46 ]
Post 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...

Lopalong [ Mon 13 Jul, 2009 05:38 ]
Post 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: [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: [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....

elpulgas [ Wed 15 Jul, 2009 05:31 ]
Post subject: Re: Ads Block Position Left/right

I think you can use this:

HTML:

Code: [Hide] [Select]

<div class="ad">left ad</div>

<div class="ad2">right ad</div>

CSS:

Code: [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

Lopalong [ Wed 15 Jul, 2009 12:11 ]
Post 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: [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.

KugeLSichA [ Wed 15 Jul, 2009 22:06 ]
Post 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!

Lopalong [ Thu 16 Jul, 2009 12:02 ]
Post subject: Re: Ads Block Position Left/right

You're welcome, It's always nice to help nice people.

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.