Фон заголовков

« : 01.11.2009, 01:21:45 »

Здравствуйте, уверен что тема уже была много раз поднята, но с помощью поиска ничего нужного не нашел, либо не понял о чем идет речь. В общем суть проблемы такова: мне нужно сделать так что бы заголовки материалов и модулей имели фон ( допустим заголовок в прямоугольнике зеленого цвета). В CSS не силен копался в template_css.css ничего толкового сделать не смог..
Заранее спасибо.

Записан

Varyag0488

Захожу иногда
68
1 / 0

Re: Фон заголовков

« Ответ #1 : 01.11.2009, 16:15:19 »

открываешь свой сайт в броузере, жмешь правую кнопку, просмотреть исходный код/html ищещь название заголовка/модуля, смотришь какой класс применен, бежиш в файл с CSS, прописываешь следующее
НА примере заголовка модуля.

Я посмотрел код, который сгенерерил J!, нашел что class="componentheading "

В CSS прописал описание класа:
.componentheading {
   font-family: arial black; /* название шрифта*/
   font-size: 16px; /* размер*/
   color: #000; /* цвет текста*/
   padding-bottom: 15px; /* отступ снизу*/
   padding-top: 10px; /* отступ сверху*/
   padding-right:auto;/* отступ справа*/
   background-color:#444444; /* цвет фона*/
}
Нужное убрать, дописать

Записан

Re: Фон заголовков

« Ответ #2 : 02.11.2009, 22:53:46 »

Большое спасибо для заголовков материалов все изменилось, но именно заголовки модулей поменять никак не могу.... componentheading нашел и прописал как написано, ничего не меняется, а если брать строки из исходного кода то например вот код с заголовком модуля новостей:
<div id="s5_rightcolumn" style="width:251px;">
<div class="s5_backmiddlemiddle_r" id="s5_modright" style="padding-left:14px;">
<div class="module">
<div>
<div>
<div>
<h3>Новости:</h3>

Что в этом случае мне надо менять в CSS вроде все уже испробовал, не помогает

Записан

Varyag0488

Захожу иногда
68
1 / 0

Re: Фон заголовков

« Ответ #3 : 03.11.2009, 11:20:21 »

тебе нужно класс для тега <h3> менять, вот например если class=module, пишешь
.module h3 {
/*здесь описание тега h3, используй background-color и отступы*/
}

<div class="s5_backmiddlemiddle_r" id="s5_modright" style="padding-left:14px;"> это в шаблоне было?
Вот еще пример, пропишем именно для этого во всех вложеных слоях:
#s5_rightcolumn #s5_modright .module div div div h3 {
здесь описание стиля, это если хочешь чтобы именно у это h3 изменилось описание,
}
можно копать вглубь очень много, эксперементируй, читай CSS и html

и убери все стили, которые в коде index.php, вынеси их в отдельный файл, так удобнее, а вообще свой шаблон попробуй сделать, научишься CSS

Записан

Как сменить теги заголовков с сохранением параметров? Автор Apollon	Ответов: 2 Просмотров: 1226	30.07.2016, 08:41:13 от Apollon
Стиль заголовков модулей как на фото Автор Леон	Ответов: 35 Просмотров: 3459	31.07.2015, 19:48:54 от Shustry
Добавить шрифт garamond на сайт для всего текста, заголовков, ссылок Автор Uspeh	Ответов: 9 Просмотров: 4849	21.08.2014, 15:10:27 от irc-h
Вопрос по отображению заголовков материалов Автор hunter503	Ответов: 5 Просмотров: 1367	27.11.2013, 11:47:57 от b2z
Как изменить размер заголовков Joomla 2.5? Автор sellen	Ответов: 4 Просмотров: 2950	20.11.2012, 19:01:37 от sellen

Фон заголовков - Вопросы по CSS

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

Фон заголовков

Varyag0488

Re: Фон заголовков

Re: Фон заголовков

Varyag0488

Re: Фон заголовков

Похожие темы