Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как сделать картинку на картинке 
:(
    Опции темы
gambit
Дата 4.3.2008, 09:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***
Награды: 1



Профиль
Группа: Комодератор
Сообщений: 1359
Регистрация: 25.6.2006
Где: я?

Репутация: нет
Всего: 40



Мне хочется сделать чтоб на загруженные пользователями картинки накладывались рамки (и не только рамки)(в общем gifы с прозрачными областями) в зависимости от условия.
Для примеры что я хочу сделать: как делает windows стрелки на иконки, есть иконка приложения  и иконка стрелки и одна накладывается на другую.
PM MAIL ICQ Skype   Вверх
bars80080
Дата 4.3.2008, 09:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



а что здесь сложного, если вопрос в вёрстке?

два рисунка, одинковых размеров внутри контейнера с position: relative, а у рисунков { position: absolute; top: 0; left: 0; }

если же делать единый рисунок, то это вопрос в раздел php:графика
PM MAIL WWW   Вверх
gambit
Дата 4.3.2008, 11:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***
Награды: 1



Профиль
Группа: Комодератор
Сообщений: 1359
Регистрация: 25.6.2006
Где: я?

Репутация: нет
Всего: 40



Цитата(bars80080 @  4.3.2008,  09:57 Найти цитируемый пост)
два рисунка, одинковых размеров внутри контейнера с position: relative, а у рисунков { position: absolute; top: 0; left: 0; }

вот это можно поподробнее.
PM MAIL ICQ Skype   Вверх
frik8th
Дата 4.3.2008, 11:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 22.12.2007

Репутация: нет
Всего: нет



берёшь и позиционируешь два дива так чтобы один накладывался на другой
PM MAIL   Вверх
bars80080
Дата 4.3.2008, 11:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Код

<style>
.place_for_image { position: relative; width: 100px; height: 100px; }
.place_for_image img { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; }
</style>
<div class="place_for_image">
<img src="pict.jpg" />
<img src="ramka.png" />
</div>

вроде всё
PM MAIL WWW   Вверх
SelenIT
Дата 4.3.2008, 13:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Как вариант - накладываемый рисунок сделать прозрачным, а "обрабатываемый" подложить под него фоном (так, как здесь предлагают подкладывать тень). В качестве побочного эффекта получится простейшая защита от копирования картинки ламером через правый клик smile.

Но по-хорошему, имхо, такие вещи лучше делать физически на сервере — с помощью imageMagick etc.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1025 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.