Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 2175 Просмотров
*

oppo

  • Захожу иногда
  • 365
  • 82 / 8
  • ΨΨΨ я - УКРАЇНЕЦЬ
Рамка вокруг изображения в ИЕ (в статьях)
« : 28.10.2011, 23:35:12 »
Задача средствами CSS (возможно фоновая картинка) сделать вокруг картинки в статьях рамку
В хроме и мозиле кроме Ие все прекрасно для
<img class="pups" alt="alt" src="" />
Код
.pups{
    margin:10px;
    background: #ccc;
    border: 10px solid white;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.23);
}
Есть ли у кого наработки желательно дивами без htc
должно выйти так
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #1 : 28.10.2011, 23:40:56 »
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #2 : 28.10.2011, 23:56:47 »
а, просто фильтр добавить?
Код
.pups{
    margin:10px;
    background: #ccc;
    border: 10px solid white;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.23);
filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=11);
}
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #3 : 29.10.2011, 00:04:25 »
Запамятовал, с какой версии ие были введены фильтры?
P.S.Я и забыл что он есть.Кроме альфа-празрочности сто лет ни один из них не применял.
Записан
*

oppo

  • Захожу иногда
  • 365
  • 82 / 8
  • ΨΨΨ я - УКРАЇНЕЦЬ
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #4 : 29.10.2011, 00:09:34 »
al-teen , - jQuery - 80 кил .. я же сторонник как можно меньше и проще
dynamit , (filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=11);)
- тень должна быть как на картинке в первом посте с 4_х сторон (есть простая реализация одной фоновой картинкой, но тень справа и снизу )

Пока имею результат Ссылка верхняя картинка слева
видно разница в Ие и мозилоподных (сайт этот не мое творение)
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #5 : 29.10.2011, 00:13:02 »
al-teen, да, всю дорогу)) отображение немного другое, но эффекта нужного добиться можно.
oppo, попробуй direction=0 или 360
P.S.
Код
filter: 
progid:DXImageTransform.Microsoft.shadow(direction=45, color=#000000, strength=11)
progid:DXImageTransform.Microsoft.shadow(direction=225, color=#000000, strength=11)
;

P.P.S.
ну так и сделайте фоновой. оберните картинку в див которому и назначьте фоном картинку с тенью.
« Последнее редактирование: 29.10.2011, 00:26:17 от dynamit »
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #6 : 29.10.2011, 00:13:31 »
Записан
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #7 : 29.10.2011, 00:19:35 »
Забыл где читал.С какой то не совсем древней версии их ввели))
Записан
*

oppo

  • Захожу иногда
  • 365
  • 82 / 8
  • ΨΨΨ я - УКРАЇНЕЦЬ
Re: Рамка вокруг изображения в ИЕ (в статьях)
« Ответ #8 : 29.10.2011, 00:46:34 »
более менее подбрал код ниже (может кому пригодиться )
Цитировать
<!--[if IE]>
<style type="text/css">

.pups {
         filter:   progid:DXImageTransform.Microsoft.Shadow(color='#f0f0f0', Direction=45, Strength=5)
               progid:DXImageTransform.Microsoft.Shadow(color='#f0f0f0', Direction=135, Strength=5)
               progid:DXImageTransform.Microsoft.Shadow(color='#f0f0f0', Direction=225, Strength=5)
               progid:DXImageTransform.Microsoft.Shadow(color='#f0f0f0', Direction=315, Strength=5);
         position: relative;
         top: -12px;
         left: -12px;
}
</style>
<![endif]-->

все таки надо искать решение с  обворачиваением дивами и бэкграунд картинкой (одной или парой)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Позиция фонового изображения

Автор Forgiving

 Ответов: 2
Просмотров: 1154 		Последний ответ 30.03.2020, 10:58:49
от beliyadm
Рамка вокруг изображения (настройка)

Автор KingSnake

 Ответов: 10
Просмотров: 2339 		Последний ответ 12.08.2019, 14:48:41
от KingSnake
Ховер эффект для изображения

Автор Оксана6767

 Ответов: 16
Просмотров: 4815 		Последний ответ 17.04.2019, 09:30:15
от bayersoff
Вопрос обтекания центрированого текста относительно изображения полного текста материала

Автор Barakyda

 Ответов: 7
Просмотров: 1809 		Последний ответ 26.09.2016, 15:48:51
от Barakyda
css: убрать border для изображения

Автор slepoy

 Ответов: 1
Просмотров: 1637 		Последний ответ 07.11.2015, 22:07:53
от vipiusss