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

Омск

  • Захожу иногда
  • 92
  • 0 / 1
На этой странице (блог категории) изображения сделались маленькими, когда были в одну колонку, то были нормальные.

Я нашел код в template.css - img{ margin:15px 5px 5px 0px; max-width:100%; height:auto;}
Но margin это отступ, и когда я увеличиваю это значение, картинка тоже увеличивается и текст сжимается сильно и картинка съезжает вниз.

Как правильно указать параметры?

*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Маленькие картинки в материале
« Ответ #1 : 25.04.2016, 11:47:14 »
Размеры картинки у вас заданы в % в 494 строке темплейт.цсс:

.blog .items-row .item img {
    /* width: 35%; */ - это я закоментировал
    height: auto;
}

Уберите-попробуйте, картинки станут 100%, вот и играйтесь %+отступы+адаптивность.

/// И в стиле у вас или в коде или в настройках указано width: 314px;
У вас запрет на запрете.

Вы загружаете 100%, указываете ей 35%, делаете отступы в 2 местах (непонятно зачем), а потом в коде принудительно размер.
А сверху опять, то что получилось, показать 35%.



Вы ещё в табличном режиме сделали и там принудиловка...
А вы хотите указать параметры вам...Чего параметры, если у вас всё пере... ^-^

///

Кнопка оранжевая спойлера:
в стиле,2 строка, сделайте так, будет на всю длинну, в 1 строку, в настройках тело спойлера уменьшить в %, чтоб не выезжал.

.technology {
    cursor: pointer;
    font: bold 14px Verdana;
    overflow: hidden;
    margin: 3px;
« Последнее редактирование: 25.04.2016, 11:59:10 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Омск

  • Захожу иногда
  • 92
  • 0 / 1
Re: Маленькие картинки в материале
« Ответ #2 : 25.04.2016, 12:23:15 »
Я еще в bootsrap.css в коде

Код
.cols-2 .column2{
    width: 50%;
    float: right;
    margin: 0
убрал .column2, и колонки выровнялись, от этого картинки стали побольше, только справа от них отступ ненужный.


Закомментировал строку /*width:35%; */ как вы показали и теперь картинки нормальные стали.

Я тоже искал цифру 314 и еще некоторые цифры, но не нашел нигде, некоторые значения были указаны в самом материале в настройках изображения.

Благодарю за помощь.

Только вот не понял насчет спойлера, в файл bootsrap.css нужно добавить этот код и в настройках спойлера уменьшить тело?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Маленькие картинки в материале
« Ответ #3 : 25.04.2016, 12:29:46 »
Только вот не понял насчет спойлера, в файл bootsrap.css нужно добавить этот код и в настройках спойлера уменьшить тело?

http://котлывомске.рф//plugins/content/LVSpoiler/assets/jquery/style.css

тут оставить то, что я выше написал для .technology.
В спойлере есть в % ширина тела (выезжающего тела) спойлера-играйтесь, чтоб не выходило за поля.Всё.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Омск

  • Захожу иногда
  • 92
  • 0 / 1
Re: Маленькие картинки в материале
« Ответ #4 : 25.04.2016, 13:22:41 »
Сделал так. В настройках ширина заголовка и тела спойлера 100% поставил, не делается на всю длину.
FireBug такой код нашел:


И я не нашел в каком файле находится этот код .technology div, там написано daewoo без расширения.
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Маленькие картинки в материале
« Ответ #5 : 25.04.2016, 13:25:05 »
1.пользуйтесь выкладыванием картинок таким ресурсом, чтоб не ждать минуту на рекламу для просмотра
2. я вам ссылку дал в каком файле, и в каком классе для дива и на что изменить, тут уже незнаю, как можно ошибиться.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Омск

  • Захожу иногда
  • 92
  • 0 / 1
Re: Маленькие картинки в материале
« Ответ #6 : 25.04.2016, 13:32:16 »
А я забыл вторую строку в комментарий поместить, теперь работает. Спасибо

А как вы нашли, что нужно поменять именно в том файле? Знаете этот спойлер или по-другому нашли?
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Маленькие картинки в материале
« Ответ #7 : 25.04.2016, 13:48:45 »
А как вы нашли, что нужно поменять именно в том файле? Знаете этот спойлер или по-другому нашли?

Это особая уличная магия (с) https://www.youtube.com/watch?v=ZtFIYwp3_Mc
У вас много ошибок, задавайте, будет время и желание-поправим/поможем.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Омск

  • Захожу иногда
  • 92
  • 0 / 1
Re: Маленькие картинки в материале
« Ответ #8 : 25.04.2016, 13:54:58 »
Как найти код, который на скриншоте? Total Commander не нашел ни в одном файле .technology
*

vipiusss

  • Гуру
  • 5739
  • 344 / 11
  • Скайп: renor_
Re: Маленькие картинки в материале
« Ответ #9 : 25.04.2016, 14:00:36 »
Как найти код, который на скриншоте? Total Commander не нашел ни в одном файле .technology
пфф.
я же дал ссылку, повторюсь 3 раз: http://котлывомске.рф//plugins/content/LVSpoiler/assets/jquery/style.css

там есть .technology {width: 20%; cursor:pointer; font:bold 14px Verdana; display: inline-block; overflow: hidden; margin: 3px;}

жирным выделил то, что удалить.
ну не тупите пожалуйста. путь указан где этот файл же.
да хоть по ссылке нажмите, уже его откроете.
...
« Последнее редактирование: 25.04.2016, 14:04:36 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Комментарии в материале

Автор tmpnikl

Ответов: 0
Просмотров: 260
Последний ответ 09.12.2022, 09:09:02
от tmpnikl
Не отображается картинка в материале с другого хостинга

Автор Beer

Ответов: 3
Просмотров: 354
Последний ответ 16.09.2022, 21:18:01
от marksetter
Как добавить php код в материале Joomla 3.3.0

Автор Davit

Ответов: 9
Просмотров: 2772
Последний ответ 05.08.2022, 15:49:50
от fsv
Вывод картинки, находящейся внутри нескольких блоков, на всю ширину экрана

Автор GuDeVic

Ответов: 10
Просмотров: 502
Последний ответ 26.05.2022, 17:42:59
от marksetter
Как вставить описание картинки в Joomla 3.10.8?

Автор Benderalfa

Ответов: 8
Просмотров: 550
Последний ответ 25.04.2022, 21:51:55
от Benderalfa