Новости Joomla

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

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

20 лет Joomla: Ринат Кажетов

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

В 2025 году Joomla исполнилось 20 лет. Вокруг неё сложилось большое интернациональное русскоязычное сообщество. На сайте нашего сообщества и на Хабре к юбилею были собраны интервью с его видными представителями. Сегодня мы читаем интервью с Ринатом Кажетовым (@rkazhet). Ринат - один из администраторов чата русскоязычного Joomla-сообщества, из Казахстана. Это человек, который всегда знает или найдёт нужную ссылку, пристально следит за новостями в мире Joomla, многое узнаёт первым и просто очень отзывчивый человек. Интервью с Ринатом взял Евгений Сивоконь.

Читать интервью

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

Dron79

  • Захожу иногда
  • 321
  • 37 / 0
  • Век живи - век учись!
Решение проблемы выравнивания картинок в статье
« : 17.09.2009, 20:34:53 »
Переодически появляются сообщения о неработающем выравнивании картинок в в материале спомощью редактора TinyMCE.
На форуме были предложены разные пути решения данной проблемы, хочу предложить свой.
Суть решения данной проблемы заключается в создании своих классов стилей выравнивания картинки, и внесения их в начало файла template.css текущего шаблона. А затем спомощью раскрывающегося списка "стили" выбираем для картинки нужный вам стиль для выравнивания картинки в тексте. Што нам этот способ дает? Самое главное это, чистый код  и отсутствие побочных эфектов. Плюс возможность индуальной настройки оформления изображений под себя.
Пример:создаем код
Код: css
.imgbaseline {
vertical-align: baseline;
border: 0px none #000000;
}
.imgtop {
vertical-align: top;
border: 0px none #000000;
}
.imgcentr {
vertical-align: middle;
border: 0px none #000000;
}
.imgbottom {
vertical-align: bottom;
border: 0px none #000000;
}
.imgtext-top{
vertical-align: text-top;
border: 0px none #000000;
}
.imgtext-bottom {
vertical-align: text-bottom;
border: 0px none #000000;
}
.imgleft {
float: left;
border: 0px none #000000;
}
.imgright {
float: right;
border: 0px none #000000;
}
Вносим его в начало файла CSS текущего шаблона, и после обновления кеша получаем в раскрывающемся меню "Стили" список стилей, что соответствует стилям форматирования изображения в редакторе.
imgbaseline        - по базовой линии
imgtop              - по верху
imgcentr           -  по центру
imgbottom         - по низу
imgtext-top       - по верху текста
imgtext-bottom  - по низу текста
imgleft              - влево
imgright            - впрво
При желании список стилей можно расширить.
Желаю всем успеха, кому помогло пишите, критика тоже приветствуется  *DRINK*
Записан
кодинг на php.
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Re: Решение проблемы выравнивания картинок в статье
« Ответ #1 : 30.09.2009, 20:44:28 »
Спасибо! Это в редакторе должны появляться эти созданные стили?
Скопировала этот код, вставила в CSS файл шаблона. В редакторе ничего не появилось...Кеш очистила.
Блин, ну че ж делать?
Либо сохраняется форматирование картинки, а тег strong превращаются в <b>, либо наоборот. А вот вместе никак.
Записан
*

selimoff

  • Захожу иногда
  • 243
  • 16 / 0
  • heads up!!!
Re: Решение проблемы выравнивания картинок в статье
« Ответ #2 : 30.09.2009, 20:48:46 »
Цитата: fresh3 от 30.09.2009, 20:44:28
Спасибо! Это в редакторе должны появляться эти созданные стили?
нет, сами прописывайте их
Записан
JNavigation скачать Здесь
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Re: Решение проблемы выравнивания картинок в статье
« Ответ #3 : 30.09.2009, 20:53:20 »
Эх, вот бы еще знать как:)
сейчас будем гуглить
Записан
*

Dmitry_

  • Осваиваюсь на форуме
  • 47
  • 3 / 0
Re: Решение проблемы выравнивания картинок в статье
« Ответ #4 : 30.09.2009, 20:54:45 »
Совсем не обязательно создавать столько классов, достаточно указать все параметры по умолчанию для всех изображений редактируя тег img в файле стилей template.css и тогда выравнивание будет работать так как вы укажете в редакторе TinyMCE

img
{

}
Записан
*

selimoff

  • Захожу иногда
  • 243
  • 16 / 0
  • heads up!!!
Re: Решение проблемы выравнивания картинок в статье
« Ответ #5 : 30.09.2009, 20:57:49 »
допустим так:

Код
<div class="article-content">Ваш текст</div>

в css

Код
div.article-content img, .img-desc img {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DEDED0;
    margin: 0 8px 0 0;
    padding: 4px;
}
Записан
JNavigation скачать Здесь
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Re: Решение проблемы выравнивания картинок в статье
« Ответ #6 : 30.09.2009, 21:09:49 »
<div class="article-content">Ваш текст</div>
это в index.php вставлять?

что-то плохо я догоняю...
Записан
*

selimoff

  • Захожу иногда
  • 243
  • 16 / 0
  • heads up!!!
Re: Решение проблемы выравнивания картинок в статье
« Ответ #7 : 30.09.2009, 21:17:21 »
Нет, если вы хотите добавить картинку в статье, то пишите <div class="article-content">Ваш текст</div> в редакторе HTML и следующий код в файле CSS вашего шаблона :)

Код
div.article-content img {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DEDED0;
    margin: 0 8px 0 0;
    padding: 4px;
}
Записан
JNavigation скачать Здесь
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Re: Решение проблемы выравнивания картинок в статье
« Ответ #8 : 30.09.2009, 21:18:57 »
Ага, сейчас попробую
Большое спасибо за советы:))))
Записан
*

Dron79

  • Захожу иногда
  • 321
  • 37 / 0
  • Век живи - век учись!
Re: Решение проблемы выравнивания картинок в статье
« Ответ #9 : 30.09.2009, 22:13:15 »
Цитата: fresh3 от 30.09.2009, 20:44:28
Спасибо! Это в редакторе должны появляться эти созданные стили?
Скопировала этот код, вставила в CSS файл шаблона. В редакторе ничего не появилось...Кеш очистила.
Блин, ну че ж делать?
Либо сохраняется форматирование картинки, а тег strong превращаются в <b>, либо наоборот. А вот вместе никак.
Да в редакторе, в раскрывающемся списке "стили". У меня они тоже не сразу появились, пока кеш броузера не почистил.
Записан
кодинг на php.
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перетаскивание картинок в редактор

Автор SmYk

 Ответов: 15
Просмотров: 2915 		Последний ответ 21.02.2018, 20:17:48
от mlukyanov
Актуальность проблемы с TinyMCE

Автор Magnum

 Ответов: 58
Просмотров: 18102 		Последний ответ 22.02.2014, 22:16:10
от atolic
Проблемы с TinyMCE в Joomla 2.5.6 / 2.5.7

Автор djekil

 Ответов: 19
Просмотров: 6916 		Последний ответ 04.07.2013, 23:11:30
от systemua
Решение проблемы с добавлением видео и прочих внешних компонентов (теги: script,applet,iframe)

Автор Aeronaut

 Ответов: 3
Просмотров: 5906 		Последний ответ 27.06.2012, 09:05:18
от surik2
Проблемы при сохранении статьи - затерается js на ссылке созданный TinyMCE

Автор Lann

 Ответов: 1
Просмотров: 1858 		Последний ответ 22.12.2011, 12:52:33
от Lann