Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

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
Просмотров: 2993 		Последний ответ 13.02.2024, 17:01:12
от Vastriet
Потерялась и не открывается папка стилей

Автор Ebelous

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

Автор artem_wrong

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

Автор Mick_20

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

Автор Gromz

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