Наложение картинки в виде водяного знака

[inokentik 45]

Интересует такой вопрос, реально ли сделать так, чтобы на картинку новости (она выводится с помощью допполя) можно было наложить сверху другую картинку по примеру вотермарки? Интересует как бы это сделать в файле shortstory.tpl именно, так как несколько категорий и везде хочется свою вотермарку на изображение новости. Есть идеи как такое придумать?

[inokentik 45]

Товарисч Искушение, а Вы не поможете ли? Вы вроде у нас спец в стилях и прочем Можно ли как нибудь наложить на имеющейся картинку новости наверх еще одну маленькую картиночку?

[WWW.ZEOS.IN 1 161]

А смысл на картинке-1 наложить слой еще одной картинки-2? Если Вы сохраните эту картинку-1, то на ней не будет картинки-2

[inokentik 45]

ZEOS смысл как раз в том, чтобы это и не происходило, это только для визуального отличия двух категорий новостей. У меня вде категории одинаковые по смыслу, но разные по СОФТУ я бы так сказал, то есть категория ИГРЫ но одна JAVA, а вторая SYMBIAN... Эти две категории должны быть по моему замыслу одинаковые в оформлении, но просто в одной из них на скриншоты игры чтоб накладывался значок JAVA используемый в телефона в виде пазлика с синим квадратиком, а во второй категории чтоб накладывался другой пазл, с красненьким квадратиком! То есть пользователь мобил такого рода сразу поймет, это игры ява... А эта симба... Но визуальное оформление категорий хочется одинаковое....

Вот слева категория 2 и 3... Они такими и должны оставаться, просто на край каждого скриншотика хочу наложить соответствующий пазлик, но чтоб это не вотермарка была!!!

А для одной категории N-gage вообще пока не придумать оформления, ступор какой то творческий

[WWW.ZEOS.IN 1 161]

Ну так юзай:

http://htmlbook.ru/css/position.html

Вот тебе пример:

<img src="http://img2.xuk.ru/upload/2010/01/28/dido/1264711877(www.xuk.ru)1.jpg">

<div style="position: absolute; top: 600; left: 335;"><img src="http://avatarko.ru/mults/pumba.png" /></div>

[inokentik 45]

Сейчас опробую, то ли это...

Вот при таком коде

<tr>

<td valign="top" align="center">

[full-link]<img src="[xfvalue_pictures]" width="110" height="110" alt="{title}" class="image"/>[/full-link]

<div position: absolute; top: 600; left: 335"><img src="{THEME}/images/folder.png" /></div>

</td>

</tr>

не работает, точнее вставляет, но просто под картинку новости, на нее не хочет

[WWW.ZEOS.IN 1 161]

Ну прочитай внимательно: http://htmlbook.ru/css/position.html

[inokentik 45]

Прочел внимательно!! Типа надо сделать так?

<tr><td valign="top" align="center">[full-link]<img src="[xfvalue_pictures]" width="110" height="110" alt="{title}" class="image"/>[/full-link]<div position: [b]relative[/b]; top: 600; left: 335"><img src="{THEME}/images/folder.png" /></div></td></tr>

?

Изменено 30 января 2010 пользователем inokentik

[inokentik 45]

Сделал методами тыка и проб вот так:

								<tr>

									<td valign="top" align="right"><div align="center">

[full-link]<img src="[xfvalue_pictures]" width="110" height="110" alt="{title}" class="image"/>[/full-link]</div>

<span style="position: relative; top: -40px; right: 5px"><img src="{THEME}/images/folder.png" width="50" height="50" /></span>

									</td>

								</tr>

В принципе получилось почти так как надо:

Но есть ужасное НО, ячейка увеличилась на количество символов которые занимает вставляемая поверх картинка. То есть после основной ,вниз еще идет отступ по размеру накладываемой и это очень портит картину, появляется скролл там где он не нужен... Есть ли способ "наложить", но чтоб размеры ячейки не менялись то?

[WWW.ZEOS.IN 1 161]

<table width="300" height="379" background="http://i74.beon.ru/93/74/67493/86/2923686/8a7e8cf5e00439e3565873583c32c7c9_full.jpeg" cellpadding="0" cellspacing="0">

	<tr>

		<td align="right" valign="bottom"><img src="http://www.proshkolu.ru/img/ps2/icons/50-folder.png"></td>

	</tr>

</table>

[inokentik 45]

ZEOS в том способе как ты написал, есть несколько минусов, а так почти все идеально((((

1-й(-) я хочу чтоб у меня ячейка была например размером 100 на 100 и чтоб бэкграунд была картинка не кусок ее размермо 100 на 100 (ее размер например 150 на 150), а хочется чтобы именно бэкграунд размером 100 на 100 впихнул в себя полную картинку (котоая изначально 150 на 150) то есть сжал ее до нужных размеров. Сейчас сижу уже кучу способов перепробывал, пока не получается...

2-й(-) раньше у меня была картинка кликабельной ссылкой на полную новость, как в данном случае это проявить?

Во тпосомтри на скрин

Тут картинка не полный ее размер, а только кусок, а хотелось бы чтоб при заданном размере ячейке она в нее входила полностью, тогда было бы почти упер(

P.S. я в аське в игноре?)))))

[inokentik 45]

ZEOS, вот какое положение я картинки той хотел

и

Вот положение вот такое, но хотелось чтоб они именно в этом месте были сверху Видимо это не судьба, оставлю тогда так