Как изменить стиль отображение текста? (Firefox Developer)?

AlexP750

Захожу иногда
195
2 / 0

Как изменить стиль отображение текста? (Firefox Developer)?

« : 19.05.2020, 19:12:27 »

Всем привет!
В отображении материала настроен показ автора. В данный момент имя отображается заглавными буквами. В Firefox Developer я нашёл, что поле отображения описывается следующей строчкой:

Код

<span itemprop="name" data-toggle="tooltip" title="" data-original-title="Автор: ">Васильев.А</span>

Правильно ли я понимаю, что мне надо найти файл, в котором определяется стиль? Но какой? Я не вижу определения стиля, типа:

Код

<p><span class="letter">Р</span>азумные люди .....

как написано на htmlbook.ru
Если я перенесу закрывающий тэг </span> и поставлю его перед фамилией, то наверняка, будет каким-то умолчательным шрифтом написано?
Как понять, какой стиль применяется к этому тексту, выбрать другой, посмотреть, какие еще стили есть? И главное, чего я пока так и не могу понять - как выяснить, в каком файле, по какому пути лежит этот код? Я несколько лет назад пользовался обычным Firefox-ом с установленным расширением FireBug и помню, что куда-то наводил курсор мыши и мне высвечивались путь и имя файла, код которого я смотрю в данный момент. Сейчас я не могу понять, в каком файле лежит отображаемый код и какой путь к этому файлу...

Записан

effrit

Легенда
10132
1118 / 13
effrit.com

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #1 : 19.05.2020, 19:27:59 »

здра.
там вам это все не надо.
в своих стилях пропишите, зачем оригинал-то искать в ядре?
а таргетинг работает и без классов
https://fooobar.com/questions/201053/targeting-itemprop-in-css
цепляйтесь к ближайшему родителю, в которой span обернут, чтобы точнее задать область действия правила

Записан

Вредные советы свежеиспечённым форумчанам | SimpleInformer - модуль календаря/реминдера
Сервис для чистки HTML таблиц из Word и Excel | Extra ToC - плагин автогенерации оглавления страницы

draff

Гуру
5801
434 / 7
ищу работу

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #2 : 19.05.2020, 19:50:45 »

Debug mode

Цитата: AlexP750 от 19.05.2020, 19:12:27

как выяснить, в каком файле, по какому пути лежит этот код?

Код

<?php
$layout = new JLayoutFile('joomla.content.info_block.author', null, array('suffixes' => array('j3x'), 'debug' => true));
echo $layout->render($this->item->author);
?>

Снимок экрана от 2020-05-19 19-50-09.png (55.46 КБ, 995x377 - просмотрено 24 раз.)

« Последнее редактирование: 19.05.2020, 19:54:39 от draff »

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #3 : 19.05.2020, 20:41:10 »

Цитата: effrit от 19.05.2020, 19:27:59

в своих стилях пропишите, зачем оригинал-то искать в ядре?

Сорри, но я правильно понимаю, что свои стили я прописываю в отдельном файле, который потом цепляю к этому файлу, в котором код? (Н-да... Видимо, придётся CSS всё же узнавать...)
Или я могу парой строчек выше просто добавить код, вроде:

Код

 <div itemprop="name">
            <style>text-transform: none </style>
        </div>

Записан

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #4 : 19.05.2020, 20:51:46 »

Цитата: draff от 19.05.2020, 19:50:45

Debug mode

Код

<?php
$layout = new JLayoutFile('joomla.content.info_block.author', null, array('suffixes' => array('j3x'), 'debug' => true));
echo $layout->render($this->item->author);
?>

Пока так и не понял. Особенно кусок кода. Я что-то очень похожее видел в Firefox Developer, когда смотрю в область, вызываемую по F12, но не понимаю, что это значит. Стоит почитать документацию по ссылке из вашего поста. Однозначно.

Записан

fireman

Захожу иногда
338
10 / 0
в цель...

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #5 : 19.05.2020, 21:04:02 »

В папке с шаблоном сайта должна быть папка CSS. Создайте в этой папке файл custom.css и пропишите в нем стиль к данному span.

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #6 : 19.05.2020, 21:17:14 »

Цитата: AlexP750 от 19.05.2020, 20:51:46

Пока так и не понял. Особенно кусок кода.

Вы написали- изменить код, в этот способ узнают где находится файл.
Если нужно изменить представление элементов- это стили CSS .

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

AlexB

Завсегдатай
1973
54 / 2

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #7 : 19.05.2020, 21:18:05 »

Цитата: fireman от 19.05.2020, 21:04:02

В папке с шаблоном сайта должна быть папка CSS. Создайте в этой папке файл custom.css и пропишите в нем стиль к данному span.

Не факт что custom заработает без подключения
У многих бывает user.css

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #8 : 20.05.2020, 05:49:47 »

Цитата: draff от 19.05.2020, 21:17:14

Если нужно изменить представление элементов- это стили CSS

И кстати- не ищите файлы стилей шаблона, при обновлении шаблона, все изменения могут затереться . Только custom.css для правок.

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #9 : 20.05.2020, 07:31:07 »

Цитата: draff

И кстати- не ищите файлы стилей шаблона, при обновлении шаблона, все изменения могут затереться . Только custom.css для правок.

Большое спасибо! Учту.

Цитата: draff

Вы написали- изменить код, в этот способ узнают где находится файл.
Если нужно изменить представление элементов- это стили CSS .

Прошу извинить мою несообразительность, но я так и не увидел пути... Типа: /var/www/hostingfolder/data/www/av-notes.ru/media/editors/tinymce/plugins/emoticons/img

Записан

draff

Гуру
5801
434 / 7
ищу работу

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #10 : 20.05.2020, 08:43:19 »

@gartes лучше бы объяснил, может заглянет в эту тему .

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

robert

Живу я здесь
4974
457 / 20

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #11 : 20.05.2020, 11:03:26 »

ТС, ваш код может быть в макете для автора или прямо в шаблоне статьи.
1. Макет:
Возможно, он уже переопределен. Ищите его здес:
templates/ваш_шаблон/html/layouts/com_content/joomla/content/info_block/author.php
или здесь:
templates/ваш_шаблон/html/layouts/joomla/content/info_block/author.php.
Если его там нет, то нужно его создать. Для этого идете сюда:
layouts/joomla/content/info_block/author.php
и скопируйте его в одно из вышеупомянутых мест. Его вы можете спокойно править, не опасаясь затирания.
2. Шаблон статьи:
Все примерно то же самое.
Переопределенный файл:
templates/ваш_шаблон/html/com_content/article/defaut.php.
Источник:
components/com_content/views/article/tmpl/defaut.php.

Записан

Не будь паразитом, сделай что-нибудь самостоятельно!

draff

Гуру
5801
434 / 7
ищу работу

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #12 : 20.05.2020, 11:39:01 »

Как изменить стиль отображение текста? (Firefox Developer)?
Если не видно на картинке, вставлю выхлоп дебага .

Код

Layout: Joomla.content.info_block.author
Include Paths: Array
(
    [0] => /opt/lampp/htdocs/joomla39/templates/shaper_helix3/html/layouts/com_content
    [1] => /opt/lampp/htdocs/joomla39/components/com_content/layouts
    [2] => /opt/lampp/htdocs/joomla39/templates/shaper_helix3/html/layouts
    [3] => /opt/lampp/htdocs/joomla39/layouts
)

Suffixes: Array
(
    [0] => j3x
)

Searching layout for: joomla/content/info_block/author.j3x.php
Searching layout for: joomla/content/info_block/author.php
Found layout: /opt/lampp/htdocs/joomla39/templates/shaper_helix3/html/layouts/joomla/content/info_block/author.php

Found layout: /templates/shaper_helix3/html/layouts/joomla/content/info_block/author.php

Записан

Удалю вирус с сайта. Обновление Joomla!, JoomShopping, Virtuemart Интеграция Retailcrm | Отзывы

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #13 : 21.05.2020, 08:03:49 »

robert, draff
Большое спасибо! Думаю, разберусь. Правда, на этом этапе я подумал, что можно изменить своё имя с ВАСИЛЬЕВ.А на А.ВАСИЛЬЕВ, тогда и читается проще, и менять не надо. ))) Но обязательно разберусь, чтобы понять и, что называется, - руками сделать, чтобы научиться подобные задачки решать.

Записан

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #14 : 20.07.2020, 19:13:50 »

Цитата: effrit от 19.05.2020, 19:27:59

здра.
там вам это все не надо.
в своих стилях пропишите, зачем оригинал-то искать в ядре?
а таргетинг работает и без классов
https://fooobar.com/questions/201053/targeting-itemprop-in-css
цепляйтесь к ближайшему родителю, в которой span обернут, чтобы точнее задать область действия правила

Вернулся к этому вопросу, всё же, хотелось бы добить.... ))))
Прошу один раз объяснить, дальше, надеюсь, разберусь.
Итак, над кодом, который, насколько я понимаю, определяет отображение текста:

Код

<span itemprop="name" data-toggle="tooltip" title="" data-original-title="Автор: ">Васильев.А</span>

есть строка:

Код

<i class="fa fa-user"></i>

Сорри за непонимание, но что дальше надо сделать?

Записан

effrit

Легенда
10132
1118 / 13
effrit.com

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #15 : 20.07.2020, 19:31:12 »

прописать в файл стилей

Код

span[itemprop="name"]{
   color: red;
}

если надо, то добавить !important нужному свойству.
я вам готовый пример по ссылке давал. учите азы css

Записан

Вредные советы свежеиспечённым форумчанам | SimpleInformer - модуль календаря/реминдера
Сервис для чистки HTML таблиц из Word и Excel | Extra ToC - плагин автогенерации оглавления страницы

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #16 : 20.07.2020, 19:54:33 »

Цитата: effrit от 20.07.2020, 19:31:12

прописать в файл стилей
Код
span[itemprop="name"]{
   color: red;
}
если надо, то добавить !important нужному свойству.
я вам готовый пример по ссылке давал. учите азы CSS

Да, спасибо большое!
Действительно, надо. Сорри за оффтоп, но нормальный материал может, подскажете? Актуальный и адекватный.

Записан

effrit

Легенда
10132
1118 / 13
effrit.com

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #17 : 20.07.2020, 20:00:56 »

да хватит основного базиса по каскадности
https://html5book.ru/osnovy-css
чтобы понять, что за что цепляется.
остальное гуглится по мере надобности.
например, в вашем случае я тупо загуглил
css itemprop
и получил практически готовый пример. не обязательно это запоминать, достаточно понимать, что искать

Записан

Вредные советы свежеиспечённым форумчанам | SimpleInformer - модуль календаря/реминдера
Сервис для чистки HTML таблиц из Word и Excel | Extra ToC - плагин автогенерации оглавления страницы

AlexP750

Захожу иногда
195
2 / 0

Re: Как изменить стиль отображение текста? (Firefox Developer)?

« Ответ #18 : 22.07.2020, 17:34:03 »

Цитата: effrit от 20.07.2020, 20:00:56

да хватит основного базиса по каскадности
https://html5book.ru/osnovy-css
...........
не обязательно это запоминать, достаточно понимать, что искать

Понял, спасибо, разберусь.

Записан

как из Стиль модуля - none, убрать custom Автор all_zer	Ответов: 3 Просмотров: 751	15.11.2025, 16:20:01 от all_zer
Как в шаблоне protostar подключить стиль с другой папки? Автор azm1n	Ответов: 2 Просмотров: 1490	18.04.2025, 11:05:27 от azm1n
Пропало отображение в материалах Автор kbwka	Ответов: 1 Просмотров: 1169	24.03.2025, 20:24:16 от R31rus
Отображение на мобильной версии Автор annetkas	Ответов: 9 Просмотров: 9820	28.10.2024, 10:56:18 от annetkas
Как сделать отображение времени создания материала? Автор Pzhigalov	Ответов: 0 Просмотров: 1234	27.09.2023, 22:45:29 от Pzhigalov

👩‍💻 SW JProjects v.2.6.1 - компонент каталога расширений для веб-приложений.

Событие Pizza, Bugs & Fun - 29-30 января 2026 года.

Вышла Kunena 7.0 — стабильный релиз для Joomla! 5.4 и 6.0.

Похожие темы