Картинка выше заголовка, как? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Как поставить картинку выше заголовка в "короткой"(которая с кнопкой "подробнее") статье...

1. Картинка
2. Заголовок
3. Краткое описание
4. Подробнее

Может кто знает, сталкивался. Интересует самое простое решение, желательно без сторонних расширей. Просто хочу сделать сайт на пустой joomle. Спасибо.

Только абсолютным позиционированием

Только абсолютным позиционированием

либо изменением шаблона вывода статьи com_content
Покажите картинку, как должно выглядеть, будет проще

Как-то так...

beliyadm верно сказал - это меня затупило не по детски...

components\com_content\views\category\tmpl\blog_item.php

это вывод заголовка


это вывод картинки


дальше догадаетесь? Это для тройки. Для 2.5 аналогично.

Менять прямо там не рекомендуется. Лучше поместить этот файл сюда

templates/вашшаблон/html/com_content/category/

если папок нет - создать

и там уже измываться.

Taatshi, спасибо, помогло.

Так получает можно что хочешь под себя менять. А где почитать, может инструкция, статьи... что за что отвечает и как меть расположение элементов статьи. Что за файлы лежат в category\tmpl\... и как и какими файлами они заменяются файломи из com_content/category/... Где почиать буду очень-очень благодарен!

а что в папке components\com_content\views\category\tmpl\  отвечатет за вывод избранных материалов. просто картинка поднимется вверх полько в пунктах меню "блог категорий" а в пункте меню "избранные материалы" нет.

Taatshi, спасибо, помогло.

Так получает можно что хочешь под себя менять. А где почитать, может инструкция, статьи... что за что отвечает и как меть расположение элементов статьи. Что за файлы лежат в category\tmpl\... и как и какими файлами они заменяются файломи из com_content/category/... Где почиать буду очень-очень благодарен!

Как приятно видеть, что человек просит информацию, а не готовые решения!
Где читать не знаю, но в свое время просто открывал стандартный шаблон и смотрел его внутренности, даже методом тыка можно вычислить, что за что отвечает.

Приятно что хочешь под себя менять? )))

onuvidelsolnce, избранные - это в папке featured

Taatshi, спасибо, потихоньку начинаю разбираться.

NortonFox, да

Нашла похожую тему, т.к. пытаюсь сделать примерно то же самое, только мне нужно чтобы картинка была рядом с заголовком.
Сделала как написал Taatshi, поставила код вывода картинки перед кодом заголовка, но она получается выше. Что поменять, чтобы она была с заголовком на одной строчке?
Если что, я совсем чайник, в Joomla только начинаю разбираться )

Fushigi, а где должна быть картинка - справа от заголовка или слева?

Если слева - ставим ее перед заголовком.  И выравниваем стилями CSS.

Картинке можно задать float:left

Если есть ссылка на страницу - хорошо бы глянуть.

Taatshi, картинка слева должна быть. Но если я ставлю перед кодом заголовка, она выводится на срочку выше. Если выровнять ее в CSS, она выровнится на своей отдельной строчке, разве нет?

Страница вот: http://www.bakumatsu.ru/films.html
Я уже сделала проще: вставила эти картинки в вводный текст к каждой статье. Так их еще и ссылками можно сделать )

Но все равно хотелось бы понять, как все-таки вставить их именно рядом с заголовком, вдруг пригодится.

Fushigi, так Вы вставьте картинку выше заголовка - для примера. И посмотрим как это можно выровнять.

Taatshi, для примера вставила в одном материале.
blog_item.php меняла прямо в components, больше ничего не меняла.

еще бы знать в каком...

Решение с абсолютным позиционированием не совсем айс, т.к. заголовок имеет нефиксированную высоту, т.е. не обязательно он в одну строку. Решить можно с помощью display:table-head для картинки (table-row для заголовка и текста соответсвенно). Тогда браузер принудительно выведет сперва картинку не вырывая ничего из потока. Т.е. высота всех элементов может меняться как угодно.

Taatshi, сейчас например в двух первых )

Shustry, ага, вот это интересно. А display:table-head где прописывать, в CSS? (я с Joomla имею дело первый раз, поэтому просьба объяснить поподробнее)

Хотя в принципе меня устраивает то решение, которое я нашла - вставка картинок в вводный текст. Теперь меня больше интересует, как сделать, чтобы теги выводились в рамочках с скругленными углами, а то они пока вообще без рамочек...

Shustry, тут картинка НАД заголовком, и у меня она как раз так и выводится. А мне нужно, чтобы на одной строке с заголовком.
В общем, я уже смирилась с тем, что данная задача не имеет решения, по крайней мере на этом форуме.

Слева то вообще фигня вывести, ещё проще решение, и не одно, кстати. Ну раз смирились и форум такой плохой, то печаль конечно.