Новости Joomla

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

Dr.Life

  • Новичок
  • 9
  • 0 / 0
Здравствуйте!

Шаблон: Ja_purity_II
Сайт: http://starservice.com.ua

Вопрос 1: Как убрать H3 тег из заголовков модулей в Joomla 2.5 ?

Думаю изменю строку <h3><?php echo $module->title; ?></h3> в файле plugins\system\jat3\jat3\base-themes\default\html\modules.php

  на

<p><?php echo $module->title; ?></p>

или на

<div class="titlemodule"><?php echo $module->title; ?></div>

  Все получается в любом из вариантов, НО, модули теряют свои стили!

Вопрос 2: Возможно есть другой способ удаления H3 тегов? И какие изменения нужно сделать в файле стилей шаблона template.css для прежнего отображения модулей ?

Ниже выкладываю содержание template.css:

Спойлер
[свернуть]

СПАСИБО!
*

Maxum

  • Давно я тут
  • 689
  • 32 / 1
1. Установить расширение FireBug для браузера Firefox.
2. В верхнем меню нажать синюю стрелку, навести на нужный элемент - на заголовок модуля.
3. В левой части увидите, что заголовок h3 имеет класс show.
4. В правой части увидите, в каких css-файлах прописан этот стиль и на какой строке. Только для этого gzip в плагинах временно отключите.
5. Стили можно включать/выключать в правой панели и смотреть, что происходит на странице. Например, на стиль заголовка h3 в модуле влияют селекторы div.ja-module h3, div.module h3, а сам селектор h3.show не особо влияет.
6. В css-файле прописывайте Ваш класс:
.titlemodule {в основном стили div.ja-module h3, div.module h3}.
7. Далее - <div class="titlemodule"><?php echo $module->title; ?></div>
« Последнее редактирование: 27.04.2013, 05:01:27 от Maxum »
*

Dr.Life

  • Новичок
  • 9
  • 0 / 0
Цитировать
1. Установить расширение FireBug для браузера Firefox.
2. В верхнем меню нажать синюю стрелку, навести на нужный элемент - на заголовок модуля.
3. В левой части увидите, что заголовок h3 имеет класс show.
4. В правой части увидите, в каких css-файлах прописан этот стиль и на какой строке. Только для этого gzip в плагинах временно отключите.
5. Стили можно включать/выключать в правой панели и смотреть, что происходит на странице. Например, на стиль заголовка h3 в модуле влияют селекторы div.ja-module h3, div.module h3, а сам селектор h3.show не особо влияет.
6. В css-файле прописывайте Ваш класс:
.titlemodule {в основном стили div.ja-module h3, div.module h3}.
7. Далее - <div class="titlemodule"><?php echo $module->title; ?></div>

Спасибо, но смотрю правая сторона модулей отличается от левой стороны модулей, а селекторы одинаковые div.ja-module h3, div.module h3 ?

Не буде ли такого что обе стороны модулей как правая так и левая будут иметь одинаковый вид, если я пропишу класс .titlemodule {div.ja-module h3, div.module h3}?

Спасибо!
« Последнее редактирование: 27.04.2013, 11:34:09 от Dr.Life »
*

Maxum

  • Давно я тут
  • 689
  • 32 / 1
Почитайте в сети про Суффикс класса модуля.
Вот для своих левых модулей добавляете любой суффикс, например, -left. В css-файле делайте соответствующий селектор .titlemodule-left и прописывайте для него то, что Вам нужно (цвет, фон, размер шрифта и т.д.).

...если я пропишу класс .titlemodule {div.ja-module h3, div.module h3}?

На всякий случай, а то мало ли: надеюсь, Вы это буквально не собираетесь вставлять в css-файл...
*

Dr.Life

  • Новичок
  • 9
  • 0 / 0
Спасибо большое, но я уже совсем запутался...

Если можно, то конкретно напишите какие изменения нужно сделать в файле стилей который я выложил выше? Если изменить строчки <h3><?php echo $module->title; ?></h3> на <div class="titlemodule"><?php echo $module->title; ?></div> в файле modules.php.

Меня интересует, что бы все модули правые и левые отображались идентично, так же как и до изменения файла modules.php.

Большое спасибо!
« Последнее редактирование: 27.04.2013, 22:32:39 от Dr.Life »
*

Maxum

  • Давно я тут
  • 689
  • 32 / 1
Ну вот сейчас же они отображаются как надо: слева чёрные, справа зелёные. И больше нет заголовка h3.
*

Dr.Life

  • Новичок
  • 9
  • 0 / 0
Ну вот сейчас же они отображаются как надо: слева чёрные, справа зелёные. И больше нет заголовка h3.

Ну, да, сейчас отображаются нормально, ждал, ждал ответа, потом поднапрягся и все сделал сам :)

Решение:


В файле modules.php изменил строку <h3><?php echo $module->title; ?></h3>

на

<div class="titlemodule"><?php echo $module->title; ?></div>

Потом перелопатил Template.css на наявность в нем h3, в место h3 прописал div.titlemodule

Было:

Код: css
/* Rounded Module --- */
div.ja-module h3, div.module h3 {
  border-bottom: 1px solid #ccc;
  color: #7ba566;
  font-size: 115%;
  font-weight: bold;
  margin: 0 -15px 10px;
  padding: 8px 15px;
  text-transform: uppercase;
}

div.ja-module, div.module {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
  background: url(../images/dot2.gif) repeat-x bottom;
  color: #333;
  font-size: 115%;
  margin: 0 0 8px;
  padding: 1px 0 8px;
  text-transform: uppercase;
  overflow: hidden;
}

Стало:

Код: css
/* Rounded Module --- */
div.ja-module div.titlemodule, div.module div.titlemodule {
  border-bottom: 1px solid #ccc;
  color: #7ba566;
  font-size: 115%;
  font-weight: bold;
  margin: 0 -15px 10px;
  padding: 8px 15px;
  text-transform: uppercase;
}

div.ja-module, div.module {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable div.titlemodule, div.moduletable div.titlemodule {
  background: url(../images/dot2.gif) repeat-x bottom;
  color: #333;
  font-size: 115%;
  margin: 0 0 8px;
  padding: 1px 0 8px;
  text-transform: uppercase;
  overflow: hidden;
}

После этих изменений вроде все стало нормально, но, заголовки левой стороны модулей стали отображаться не жирным текстом. Тогда я добавил в стиль строчку font-weight: bold;

Код: css
/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable div.titlemodule, div.moduletable div.titlemodule {
  background: url(../images/dot2.gif) repeat-x bottom;
  color: #333;
  font-size: 115%;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 1px 0 8px;
  text-transform: uppercase;
  overflow: hidden;
}

Потом еще решил разместить заголовки правой стороны модулей по центру, для этого добавил тег <center></center> в строку, стало так <div class="titlemodule"><center><?php echo $module->title; ?></center></div>

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

Ну, типа до изменений было  <h3 class=Hide> Здесь модуль </div>, а после нажатия кнопки сворачивания модуля изменялось на <h3 class=Show> Здесь модуль </div>

Спасибо!
« Последнее редактирование: 28.04.2013, 15:29:32 от Dr.Life »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как редактировать отдельную страницу Joomla 2.5?

Автор mrporter

Ответов: 0
Просмотров: 13986
Последний ответ 14.09.2023, 22:16:47
от mrporter
Joomla 2.5.28, Safari под маком и сессии session

Автор beliyadm

Ответов: 19
Просмотров: 16741
Последний ответ 29.03.2023, 12:17:19
от Sawell
Joomla 2.5.28 как скачать все файлы через панель управления

Автор Sergei41984

Ответов: 7
Просмотров: 14492
Последний ответ 27.12.2022, 23:30:38
от Sergei41984
Расширения для Joomla! 1.6 (коллекция полезных ссылок)

Автор Sulpher

Ответов: 124
Просмотров: 145219
Последний ответ 03.12.2022, 16:15:19
от besttechoff
Почему в админке Joomla 2.58 - у меня 16 админов показывает?

Автор dyalex

Ответов: 7
Просмотров: 15367
Последний ответ 27.10.2022, 19:03:45
от marksetter