Иконки во всех изображениях категории - Joomla 2.5: Настройка и оптимизация

Хаи! Ребят как можно сделать следующее: В угол всех изображений добавить иконку " Озвучка LostFilm". Ну и что то вроде этого... Посоветуйте ПЛАГИН!

Нужен какой либо плагин

ну добавьте! все будет ок! надо добавить туда.

ну добавьте! все будет ок! надо добавить туда.

НЕ ПОНЕЛ

нат кортингой нада шоб текстофга шла?

нат кортингой нада шоб текстофга шла?

Да нет нужно чтобы на В угле картины прям Были слова LostFilm ... Прошу прочтите что я написал в начале темы

Да нет нужно чтобы на В угле картины прям Были слова LostFilm ... Прошу прочтите что я написал в начале темы

а картина эта откуда берется?

а картина эта откуда берется?

Д Прочтите вы наконец тему !

Д Прочтите вы наконец тему !

дыг как же её читать, коли вы её по 10 раз в секунду меняете?))))

на все картинки - это водяной знак ищите плагин.
только это нагрузка и для сервака и для юзеров

на качественных сайтах картинки готовятся заранее. а если с бухты барахты вам нашпиговать водянками - это куча плагинов на jed
кстати, есть и скрипт отдельный, кладете в папку с картинками и вперед!

дыг как же её читать, коли вы её по 10 раз в секунду меняете?))))

на все картинки - это водяной знак ищите плагин.
только это нагрузка и для сервака и для юзеров

на качественных сайтах картинки готовятся заранее. а если с бухты барахты вам нашпиговать водянками - это куча плагинов на jed
кстати, есть и скрипт отдельный, кладете в папку с картинками и вперед!

Я это токо для вас менял чтобы вам было понятней.
И насчет плагинов Посоветуйте одну.

Надо вашу картинку обернуть в div, после картинки создать еще div.
HTML
CSS

Надо вашу картинку обернуть в div, после картинки создать еще div.
HTML

Код

<div class="wrap_dlya_kartiny">
     <img src="ваше изображение" alt=""> // к примеру: высота-300, ширина-400
     <div class="blok_s_fonovoi_kartinoi"></div> //высота и ширина соответствует вашему изображению
</div>

CSS

Код

.wrap_dlya_kartiny {position:relative;}
.blok_s_fonovoi_kartinoi {position:absolute; height:300px; width:400px; background-image: url(ваша картинка) no-repeat верх право;}

так то да, только автору надо наложить картинку как водянку, а не показать, как работает свойство absolute)))
т.е. защитыт тут никакой нет, исходное чистое изображение все так же доступно!!))))

Какой вопрос - такой ответ.
Но:
1) Про защиту не было не слова
2) Картинки он не сам рисует, их нечего защищать.
3) sergoguga - не стоит усложнять чужие мысли..)

Какой вопрос - такой ответ.
Но:
1) Про защиту не было не слова
2) Картинки он не сам рисует, их нечего защищать.
3) sergoguga - не стоит усложнять чужие мысли..)

а вы можете подсказать плагин для этого?

Что тебе нужно? Водяной знак или для красоты?

Что тебе нужно? Водяной знак или для красоты?

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

Короче, Только для красоты. ПЛАГИН!

так то да, только автору надо наложить картинку как водянку, а не показать, как работает свойство absolute)))
т.е. защитыт тут никакой нет, исходное чистое изображение все так же доступно!!))))

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

Мое решение идеально подходит. Пользуй.

Мое решение идеально подходит. Пользуй.

мне надо целую категорию сделать таким. Нужен путь покороче. Чтоб каждый раз не приходилось мучаться... Нужен плагин для реализации всего этого.

Ну хотя бы скажите ключевые слова для поиска в Яндексе...

Скажи что ниче не понял просто(!)

Такого плагина в природе нет..) На счет каждый раз мучаться - для текста на сайте, ты же размер шрифта не для каждой буквы пишешь. один раз стиль прописал и все.

Код: css

.селектор_категории img {position:relative;}
.селектор_категории img:after {
content:' '; font-size:0; position:absolute; bottom:10px; left:10px; width:30px; height:30px;
background:/*путь до картинки или data:uri*/ no-repeat;
}

И тут я понял, что читал CSS последний раз в 45-ом...)))

Псевдоэлементы уже давно можно безопасно юзать. Неподдерживающих их браузеров менее процента.

Код: css

.селектор_категории img {position:relative;}
.селектор_категории img:after {
content:'ТУТ'; font-size:0; position:absolute; bottom:10px; left:10px; width:30px; height:30px;
background:/*путь до картинки или data:uri*/ no-repeat;
}

А там где я написал тут надо что то ставить?

Забыл пару важных правил ещё.

Нет, где слово «ТУТ» можно просто пробел оставить.

Нет, где слово «ТУТ» можно просто пробел оставить.

У меня с селекторами как вы знаете проблема! Так что есть другой способ? Или плагин? или хотябы напишите что мне искать в Google? ну чтото

Ищите в гугль «основы css». Какой плагин? Я всё решение уже написал.

ппц тема живучая))).... все разжевали ведь!

Ищите в гугль «основы css». Какой плагин? Я всё решение уже написал.

Плагин вместо этой операции. Чтобы плагин выводил в угле изображения Нужные мне слова(что то вроде скидки в интернет магазинах).