Изображение вступительно текста

nils_bor

Осваиваюсь на форуме
25
0 / 0

Изображение вступительно текста

« : 24.04.2014, 21:30:15 »

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

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

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

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

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

Записан

nils_bor

Осваиваюсь на форуме
25
0 / 0

Re: Изображение вступительно текста

« Ответ #1 : 24.04.2014, 21:30:58 »

речь идёт о Joomla 3.2

Записан

SolopoV

Давно я тут
577
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

Давно я тут
577
16 / 0
зеленею...

Re: Изображение вступительно текста

« Ответ #4 : 20.08.2014, 20:45:28 »

Цитата: Тренд от 20.08.2014, 15:32:34

Можно попробовать сделать через CSS. Текст который отображается помещается в div фиксированной высоты (без скролинга). В нижем правом углу вешается кнопка "Далее" с z-индексом выше чем у текста. Для красоты в нижнюю часть дива еще можно добавить прозрачность, чтобы текст последней строки (или двух строк) становились менее контрастными, как бы растворялись.
Единственный недостаток, что текст может обрываться на полуслове, но если его накроет кнопка "Далее", а сам текст будет "растворяться" внизу, то выглядеть будет неплохо.

В J3, по моему есть обрезка по словам... ну если нет, то можно обрезать через "mb_substr". Только что довел до ума по этой же аналогии модуль mod_articles_news, который теперь выводит маленькую картинку, дату, обрезанный текст с многоточием, и кнопку "подробнее". Причем все это через списки li с адаптивным дизайном

УУУбил 4 часа...

Записан

Как увеличить изображение в атрибутах? Автор art22	Ответов: 5 Просмотров: 3037	02.05.2023, 00:15:17 от art22
Как отделить иконку Awesome от текста ссылки? Автор kosh2323	Ответов: 3 Просмотров: 1191	19.10.2021, 10:37:32 от ShopES
Блог категории, как вывести информацию под изображение Автор fencer2	Ответов: 1 Просмотров: 1578	27.03.2019, 14:14:53 от draff
Helix 3 - Как изменить цвет шрифта основного текста Автор lesovik	Ответов: 10 Просмотров: 7201	01.07.2017, 21:16:19 от lesovik
шаблон Helix 3 фоновое изображение Автор Paradox	Ответов: 13 Просмотров: 5306	04.05.2017, 08:50:53 от Serg_

Изображение вступительно текста - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

👩‍💻 ИИ-админ для Joomla ближе, чем вы думаете: Joomla MCP.

nils_bor

Изображение вступительно текста

nils_bor

Re: Изображение вступительно текста

SolopoV

Re: Изображение вступительно текста

Тренд

Re: Изображение вступительно текста

SolopoV

Re: Изображение вступительно текста

Похожие темы