Новости Joomla

Вышли релизы безопасности Joomla 5.3.4 и Joomla 4.4.14

Релиз безопасности Joomla 5.3.4

Проект Joomla спешит сообщить о выпуске Joomla 5.3.4 и Joomla 4.4.14. Это релиз безопасности для серии Joomla 5.3 и релиз безопасности для серии Joomla 4.4.

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

nils_bor

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Добрый день.
Столкнулся с проблемой, перелопатил настройки и не нашёл где бы было можно хоть как то настроить размер изображения вступительного текста, в итоге что бы на главной станице получалось всё красиво изображения приходится подгонять вручную, всё бы ничего, но вот решили сделать главную страницу столбцами, а их ширина меняется в зависимости от разрешения экрана, и начинается кривизна.

Подскажите пожалуйста.

Хочу вручную к изображению вступительного текста добавить стиль, чтобы его унифицировать, для разных экранов и браузеров.

Какой файл отвечает за вывод изображения вступительного текста на главной странице и в категориях.


Заведомо благодарен, если эта теме уже обсуждалась дайте ссылку (сам не нашёл)
*

nils_bor

  • Осваиваюсь на форуме
  • 25
  • 0 / 0
Re: Изображение вступительно текста
« Ответ #1 : 24.04.2014, 21:30:58 »
речь идёт о Joomla 3.2
*

SolopoV

  • Давно я тут
  • 576
  • 16 / 0
  • зеленею...
Re: Изображение вступительно текста
« Ответ #2 : 20.08.2014, 12:55:33 »
Форум в помощь: делайте по аналогии с http://joomlaforum.ru/index.php?topic=241207.0

Для J3 сделал файл intro_image.php со следующим содержанием:

Код
<?php
defined('_JEXEC') or die;
$params  = $displayData->params;
?>
<?php
$images = json_decode($displayData->images);
$imgsrc = (isset($images->image_intro))?  $images->image_intro: '';
if ($imgsrc){
$h = 300;
$w = 400;


$path_parts = pathinfo($imgsrc);
$file_thumb = $path_parts['dirname'].'/'.$path_parts['filename'].'_'.$h.'_'.$w.'.'.$path_parts['extension'];
if (!file_exists($file_thumb) || filemtime($file_thumb) <= filemtime($imgsrc)){
$image = new JImage($imgsrc);
$new_image = $image->resize($w, $h, true, JImage::SCALE_INSIDE );
$properties = $image->getImageFileProperties($imgsrc);
switch ($properties->mime){
case 'image/jpeg':
$type = IMAGETYPE_JPEG; break;
case 'image/png':
$type = IMAGETYPE_PNG; break;
case 'image/gif':
$type = IMAGETYPE_GIF; break;
}
$new_image->toFile($file_thumb, $type);
}
$attr = getimagesize(JURI::base().$file_thumb);

$imgfloat = (empty($images->float_intro))? $params->float_intro : $images->float_intro;
$imgfloat = htmlspecialchars($imgfloat);
$html = '<div class="catimages">';
//$html .= '<a href="'.JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catslug)).'" title="'.$item->title.'" itemprop="url">';
$html .= JHTML::_('image', $file_thumb, htmlspecialchars($images->image_intro_alt), $attr[3]);
//$html .=  '</a>';
$html .=  '</div>';
echo $html;
}
?>l

CSS:

Код
.catimages  {
  text-align: center;
  clear: both;
  margin: 0 0 6px 0;
  padding: 10px;
  border:   1px  solid #eee;
  background-color: #F8F8F8
}
.catimages img {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
  height: auto;

}

Если кто то доработает код, что бы ссылка работала, буду признателен....

Аналогично можно поступить с fulltext_image.php
« Последнее редактирование: 20.08.2014, 14:32:02 от SolopoV »
*

Тренд

  • Захожу иногда
  • 59
  • 6 / 0
Re: Изображение вступительно текста
« Ответ #3 : 20.08.2014, 15:32:34 »
Можно попробовать сделать через CSS. Текст который отображается помещается в div фиксированной высоты (без скролинга). В нижем правом углу вешается кнопка "Далее" с z-индексом выше чем у текста. Для красоты в нижнюю часть дива еще можно добавить прозрачность, чтобы текст последней строки (или двух строк) становились менее контрастными, как бы растворялись.
Единственный недостаток, что текст может обрываться на полуслове, но если его накроет кнопка "Далее", а сам текст будет "растворяться" внизу, то выглядеть будет неплохо.
*

SolopoV

  • Давно я тут
  • 576
  • 16 / 0
  • зеленею...
Re: Изображение вступительно текста
« Ответ #4 : 20.08.2014, 20:45:28 »
Можно попробовать сделать через CSS. Текст который отображается помещается в div фиксированной высоты (без скролинга). В нижем правом углу вешается кнопка "Далее" с z-индексом выше чем у текста. Для красоты в нижнюю часть дива еще можно добавить прозрачность, чтобы текст последней строки (или двух строк) становились менее контрастными, как бы растворялись.
Единственный недостаток, что текст может обрываться на полуслове, но если его накроет кнопка "Далее", а сам текст будет "растворяться" внизу, то выглядеть будет неплохо.
В J3, по моему есть обрезка по словам... ну если нет, то можно обрезать через "mb_substr". Только что довел до ума по этой же аналогии модуль mod_articles_news, который теперь выводит маленькую картинку, дату, обрезанный текст с многоточием, и кнопку "подробнее". Причем все это через списки li с адаптивным дизайном :) УУУбил 4 часа...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как увеличить изображение в атрибутах?

Автор art22

Ответов: 5
Просмотров: 2488
Последний ответ 02.05.2023, 00:15:17
от art22
Как отделить иконку Awesome от текста ссылки?

Автор kosh2323

Ответов: 3
Просмотров: 933
Последний ответ 19.10.2021, 10:37:32
от ShopES
Блог категории, как вывести информацию под изображение

Автор fencer2

Ответов: 1
Просмотров: 1329
Последний ответ 27.03.2019, 14:14:53
от draff
Helix 3 - Как изменить цвет шрифта основного текста

Автор lesovik

Ответов: 10
Просмотров: 6949
Последний ответ 01.07.2017, 21:16:19
от lesovik
шаблон Helix 3 фоновое изображение

Автор Paradox

Ответов: 13
Просмотров: 4987
Последний ответ 04.05.2017, 08:50:53
от Serg_