Форум русской поддержки Joomla!® CMS
10.12.2016, 18:38:47 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Маленькие картинки в материале

 (Прочитано 183 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Омск
Осваиваюсь на форуме
***

Репутация: +0/-1
Offline Offline

Пол: Мужской
Сообщений: 98


« : 25.04.2016, 12:43:56 »

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

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

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

Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #1 : 25.04.2016, 12:47:14 »

Размеры картинки у вас заданы в % в 494 строке темплейт.цсс:

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

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

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

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



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

///

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

.technology {
    cursor: pointer;
    font: bold 14px Verdana;
    overflow: hidden;
    margin: 3px;
« Последнее редактирование: 25.04.2016, 12:59:10 от vipiusss » Записан
Омск
Осваиваюсь на форуме
***

Репутация: +0/-1
Offline Offline

Пол: Мужской
Сообщений: 98


« Ответ #2 : 25.04.2016, 13:23:15 »

Я еще в bootsrap.css в коде

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


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

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

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

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

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #3 : 25.04.2016, 13:29:46 »

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

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

тут оставить то, что я выше написал для .technology.
В спойлере есть в % ширина тела (выезжающего тела) спойлера-играйтесь, чтоб не выходило за поля.Всё.
Записан
Омск
Осваиваюсь на форуме
***

Репутация: +0/-1
Offline Offline

Пол: Мужской
Сообщений: 98


« Ответ #4 : 25.04.2016, 14:22:41 »

Сделал так. В настройках ширина заголовка и тела спойлера 100% поставил, не делается на всю длину.
FireBug такой код нашел:


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

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #5 : 25.04.2016, 14:25:05 »

1.пользуйтесь выкладыванием картинок таким ресурсом, чтоб не ждать минуту на рекламу для просмотра
2. я вам ссылку дал в каком файле, и в каком классе для дива и на что изменить, тут уже незнаю, как можно ошибиться.
Записан
Омск
Осваиваюсь на форуме
***

Репутация: +0/-1
Offline Offline

Пол: Мужской
Сообщений: 98


« Ответ #6 : 25.04.2016, 14:32:16 »

А я забыл вторую строку в комментарий поместить, теперь работает. Спасибо

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

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #7 : 25.04.2016, 14:48:45 »

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

Это особая уличная магия (с) https://www.youtube.com/watch?v=ZtFIYwp3_Mc
У вас много ошибок, задавайте, будет время и желание-поправим/поможем.
Записан
Омск
Осваиваюсь на форуме
***

Репутация: +0/-1
Offline Offline

Пол: Мужской
Сообщений: 98


« Ответ #8 : 25.04.2016, 14:54:58 »

Как найти код, который на скриншоте? Total Commander не нашел ни в одном файле .technology
Записан
vipiusss
Профи
********

Репутация: +261/-8
Offline Offline

Пол: Мужской
Сообщений: 4573


Skype: renor_


« Ответ #9 : 25.04.2016, 15: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, 15:04:36 от vipiusss » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet