Новости Joomla

Вышло обновление JL Like 5.2

Вышло обновление JL Like 5.2

JL Like — современный плагин для Joomla, который добавляет стильные кнопки "Поделиться" и счетчики лайков популярных соцсетей.

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

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

mr.relax

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Настройки стилей img-intro и img-fulltext в шаблоне
« : 25.10.2013, 14:23:39 »
Проблема: есть вывод маленькой превью-картинки в статье, когда просматриваешь всю категорию... и полноценная картинка, когда просматриваешь саму статью. Я определяю их при создании материала в соответствующих полях:
"Изображение для вступительного текста материала" и "Изображение полного текста материала" соответственно.
Вывод этих картинок происходит, но обтекание текстом (вправо/влево, как я задаю) нет.
Думаю, что вся проблема в стилях. Поэтому смотрю элемент в Chrome, чтобы определить класс и что вижу:
"Изображение для вступительного текста материала":
Код
<div class="img-intro-" left"="">
<img src="images/articles/0004.00.png">
</div>
"Изображение полного текста материала":
Код
<div class="img-fulltext-" right"="">
<img src="images/articles/0004.01.png">
</div>

а в куче css-файлов, которые принадлежат шаблону классы называются:
.img-intro-right
.img-intro-left
.img-fulltext-right
.img-fulltext-left
но никак не:
"img-intro-" left"=""
или
"img-fulltext-" right"=""

Как исправить эту ошибку и решить проблему? :(
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #1 : 25.10.2013, 15:21:24 »
для классов ... пропишите или замените их свойства на такие
Код
img-intro - это маленькая картинка, а соответственно
   float:left; (right) /* Выравнивание по левому (правому) краю */
    margin: 7px 7px 7px 0; для правого --- 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
тогда для картинки --- <img src="картинка.jpg" alt="" width="" height="" class="img-intro">
точно так же и для полного текста. Подробнее, читайте ----- >>>
Спойлер
[свернуть]

« Последнее редактирование: 25.10.2013, 15:24:36 от darkghost »
Записан
*

mr.relax

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #2 : 25.10.2013, 18:06:30 »
т.е. вы предлагаете дописать еще одни стили для ошибочно сгенерированых названий классов:
"img-intro-"
"img-fulltext-"
это конечно отчасти решило бы проблему отображения..., но если мне на другой странице понадобиться выровнять маленькую картинку по левому краю, а не по правому, а картинку полного текста по правому, а не по левому...

проблема скорее всего в генерации кода, который при конструировании не лепит left (или right) в нужное место (но это только лишь моя догадка, хотелось бы мнение профи):
т.е.
например ожидается:
class="img-intro-right"
и css соответственно объявлен как .img-intro-right

а при генерировании страничного кода этот блок собирается с ошибкой:
<div class="img-intro-" left"="">
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #3 : 26.10.2013, 12:48:12 »
это ж какой Вы используете Шаблон, можно узнать?
если понадобиться выровнять по левому - используем img-intro-left, по правому - этот img-intro-right, ну полная картинка справа - этот img-fulltext-right и тд.
вот зачем эта куча в СSS и она на все "случаи жизни"
.img-intro-right
.img-intro-left
.img-fulltext-right
.img-fulltext-left
Записан
*

mr.relax

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #4 : 26.10.2013, 20:37:05 »
darkghost. вы не совсем видимо поняли суть моего вопроса. Зачем вся эта куча CSS и настройки этих классов мне абсолютно ясны.
Проблема в том, что при формировании страницы вместо нужного и понятного для файла стилей названия класса - формируется ошибочное название!
Шаблон Cerulean от RocketTheme

Например для вывода изображения предварительного просмотра используется класс img-intro-left
т.е. ожидается что код должен быть:
Код
<div class="img-intro-left">
   <img src="/images/рисунок.png">
</div>
тогда все без проблем, class="img-intro-left" есть в файле стилей... т.е. проблем быть не должно

НО на самом деле выводится:
Код
<div class="img-intro-" left"="">
   <img src="/images/рисунок.png">
</div>
а именно class="img-intro-" в файле стилей нет и естественно стиль не применяется

Дело видимо в конструкторе, а не в файле стилей, можете помочь?

 
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #5 : 26.10.2013, 22:27:12 »
вот оно что. В такой ситуации хорошо бы посмотреть какие классы прописаны в файле, что отвечает за вывод этого самого материала с картинкой. Может там нужно править?
Это папка content в шаблоне или шо то подобное

и такой вопрос! Судя по Вашему тексту -
Цитировать
"img-intro-"
"img-fulltext-"
это конечно отчасти решило бы проблему отображения..., но если мне на другой странице понадобиться выровнять маленькую картинку по левому краю ...
у Вас это только на одной странице, с одним материалом?
Если же нет, то почему действительно не создать эти самые - img-intro- // img-fulltext- классы?
« Последнее редактирование: 26.10.2013, 22:32:26 от darkghost »
Записан
*

mr.relax

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #6 : 27.10.2013, 01:06:15 »
Цитата: darkghost
вот оно что. В такой ситуации хорошо бы посмотреть какие классы прописаны в файле, что отвечает за вывод этого самого материала с картинкой. Может там нужно править?
Это папка content в шаблоне или шо то подобное
похожее есть com_content... там немало файлов, но перелопатив их не нашел что-то что натолкнуло меня

Цитата: darkghost
и такой вопрос! Судя по Вашему тексту - у Вас это только на одной странице, с одним материалом?
Если же нет, то почему действительно не создать эти самые - img-intro- // img-fulltext- классы?
Да можно создать конечно, я об этом писал выше... просто если мне придется сделать шахматное выравнивание...
то как описать div с классом "img-intro-" для выравнивание влево и как его же описать для выравнивание вправо...
Записан
*

mr.relax

  • Осваиваюсь на форуме
  • 26
  • 0 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #7 : 29.10.2013, 12:46:56 »
Ну вот такое исправления я внес в сгенерированные файлы css-шаблоны:
Код
.component-content .img-fulltext-{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
.component-content .img-intro-{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
т.е. теперь все рисунки предварительного изображения будут ВСЕГДА выравниваться влево, а изображение полного текста материала ВСЕГДА вправо... ну вот что ж теперь делать, если в одном материале это подходит по дизайну, а в другом - нет? Что делать если нужно выровнять изображения вступительного текста "вправо", а полного "влево"?
Записан
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Настройки стилей img-intro и img-fulltext в шаблоне
« Ответ #8 : 29.10.2013, 14:56:31 »
дописывать стиль <img style="float:right !important;" и тд - это пожалуй единственное
« Последнее редактирование: 29.10.2013, 16:34:02 от darkghost »
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В новом шаблоне не адаптируется изображение

Автор Ebelous

 Ответов: 4
Просмотров: 2946 		Последний ответ 13.02.2024, 17:01:12
от Vastriet
Потерялась и не открывается папка стилей

Автор Ebelous

 Ответов: 3
Просмотров: 2332 		Последний ответ 07.02.2024, 19:55:08
от Ebelous
Как уменьшить отступ между Title и Components в шаблоне Helix3

Автор artem_wrong

 Ответов: 21
Просмотров: 6305 		Последний ответ 17.06.2022, 22:42:47
от Scaltro
[Решено] Слетает правый сайдбар на шаблоне protostar

Автор Mick_20

 Ответов: 4
Просмотров: 2373 		Последний ответ 28.05.2020, 15:45:06
от Muzzy
Перекликивание стилей CSS

Автор Gromz

 Ответов: 19
Просмотров: 1545 		Последний ответ 12.08.2019, 22:05:42
от ProtectYourSite