Новости Joomla

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

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

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

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

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

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Здравствуйте! Очень прошу подсказать мне как сделать рамку для загружаемых изображений. Если просто я ставлю в CSS border=# для img, то у меня и в шаблоне вокруг шапки и всех всех изображений появляется эта рамка, а там она конечно не нужна. Как можно сделать так, что бы рамка появлялась только у тех фото, которые пользователь загружает на странички? Если это вообще возможно конечно.

Да и хотелось бы, что бы рамка была не просто ровной черной, а какого-либо цвета. Очень прошу подсказки, как это можно сделать.
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: Рамка для загружаемых изображений
« Ответ #1 : 08.01.2012, 23:52:36 »
С помощью FireBug найти к какому классу (или идентификатору) принадлежат эти картинки и в CSS указать границу (Цвет выбирайте любой) только к этому классу или ID.
Ссылку на сайт - будет конкретный ответ.
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Re: Рамка для загружаемых изображений
« Ответ #2 : 09.01.2012, 00:30:41 »
assaru Спасибо за ответ! Сайт у меня на локальном сервере, по этому пока не получится ссылку написать. Установила FireBug. А как с его помощью посмотреть класс или идентификатор? Я на двух изображениях правую кнопку мыши нажала и там был пункт (дословно не помню), но что-то типа посмотреть строку кода этого элемента. Но после 2х раз у меня эта строчка из меню пропала и на других изображениях уже не получается посмотреть. На первых двух было вот что в строке:

<div id="lbOverlay" style="visibility: hidden; opacity: 0; top: 130px; height: 735px;"/>

<div id="lbOverlay" style="visibility: hidden; opacity: 0; top: 342px; height: 735px;"/>

А как теперь на других изображениях посмотреть что бы сравнить загруженные и те что там были? Есть нижний пункт на английском inspect element... Если его нужно выбрать, то где там можно посмотреть идентификатор?
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: Рамка для загружаемых изображений
« Ответ #4 : 09.01.2012, 00:40:45 »

Смотрим класс картинки, если его нет в CSS, прописываем то, что нам необходимо.
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Re: Рамка для загружаемых изображений
« Ответ #5 : 09.01.2012, 01:12:40 »
Что-то нет у картинки класса ( Чуть выше написан какой то



не знаю к картинке он принадлежит или нет, но на всякий случай попробовала в CSS добавила:

.thumbnail {
border: 2px solid #FFCC00;
}

Рамка у превью изображений где-то появилась под превью а не вокруг картинки, а где вообще сбоку в виде короткой черточки. И только в Опере. Может неправильно написала?

А поняла почему рамка не там появилась, потому что у меня отступы стоят от изображения и рамка не вокруг фото рисуется, а вокруг отступов, но при этом ещё и справа (если изображение выровнено по левому краю). В общем что-то не то получается (
« Последнее редактирование: 09.01.2012, 01:23:54 от Aurika »
*

assaru

  • Давно я тут
  • 763
  • 88 / 1
Re: Рамка для загружаемых изображений
« Ответ #6 : 09.01.2012, 01:27:53 »
Какой плагин установлен для вывода превью?
Проблему можно решить и по скрину и по эмоциям, счет на оплату через ЛС (с) Nobody
*

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Re: Рамка для загружаемых изображений
« Ответ #7 : 09.01.2012, 01:31:30 »
mavik Thumbnails
*

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Re: Рамка для загружаемых изображений
« Ответ #8 : 09.01.2012, 01:34:25 »
А в фотоальбоме стоит Ignite_Gallery2.1, там мне удалось поставить рамку для основного фото. На превью тоже не получается, точнее получается, но тоже вокруг отступа только. И даже такие дефектные рамки только в опере отображаются.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Рамка для загружаемых изображений
« Ответ #9 : 09.01.2012, 01:38:45 »

Ищите настройки фотоальбома там заданы параметры рамки отступы цвет и т. д
Или попробуйте
.thumbnail img{
border: 2px solid #FFCC00!important;
}
*

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Re: Рамка для загружаемых изображений
« Ответ #10 : 09.01.2012, 01:55:44 »
Poznakomlus ого получилось! Спасибо! Теперь у превью есть рамка. И в опере и в IE видно рамку, в Firefox не видно, но там и не нужно особо.

А в настройках фотоальбома я всё что можно посмотрела, нигде нет настройки рамок. Может тоже как то так нужно сделать. Ещё буду разбираться завтра.

Поставила фото в оригинальном размере, без превью, посмотрела свойства и там вообще никакого класса нет, подскажите как у обычной фото без превью теперь рамку тоже прописать?

Там только вот это:

<img border="0" src="/tizan/images/stories/11_031.jpg">
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Рамка для загружаемых изображений
« Ответ #11 : 09.01.2012, 02:16:06 »
Там только вот это:
<img border="0" src="/tizan/images/stories/11_031.jpg">
ищите, что выше(перед) картинкой первый встречный class или id
.class img{} или  #id img {}
*

Aurika

  • Захожу иногда
  • 72
  • 1 / 0
Re: Рамка для загружаемых изображений
« Ответ #12 : 09.01.2012, 02:23:25 »
Ого как далеко оно оказалось, но получилось ))) Спасибо! А можно для одного изображения отменить это свойство? А то у меня виньетка-разделитель тоже ведь просто загружена так же и вокруг неё тоже теперь рамка, не красиво (
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Рамка вокруг изображения (настройка)

Автор KingSnake

Ответов: 10
Просмотров: 2339
Последний ответ 12.08.2019, 14:48:41
от KingSnake
Правка LightBOX для корректного отображения изображений любых размеров

Автор Galiakberow

Ответов: 0
Просмотров: 1912
Последний ответ 05.11.2017, 09:45:45
от Galiakberow
Горизонтальный вывод кнопок (изображений)

Автор vaymohk

Ответов: 1
Просмотров: 1206
Последний ответ 06.08.2016, 13:28:59
от neogeek
Замена изображений при наведении одно на одно

Автор intedant

Ответов: 6
Просмотров: 1575
Последний ответ 20.11.2015, 20:42:55
от Shustry
Рамка вокруг сайта

Автор insane59

Ответов: 0
Просмотров: 1490
Последний ответ 28.03.2015, 17:40:05
от insane59