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

AlexP750

  • Осваиваюсь на форуме
  • ***
  • 66
  • 1
Всем привет.
В начале каждого материала выводятся теги. В виде ненумерованного списка. Пытаюсь изменить это отображение, но не могу найти, где определен класс. Если смотреть через FireBug, то класс называется "tags inline"
Код
<ul class="tags inline">
<li class="tag-5 tag-list0" itemprop="keywords">
<li class="tag-10 tag-list1" itemprop="keywords">
<li class="tag-11 tag-list2" itemprop="keywords">
</ul>
Но я не могу найти этот класс во всех файлах папки с шаблоном. Как понять, где этот код написан?
А если пытаюсь самостоятельно определить этот класс, название которого состоит из двух слов способом, найденным где-то на просторах Сети, указывая через точку каждое из слов названия класса:
Код
.tags.inline {
display: inline;
}
то теги почему-то "вываливаются" из заданных для них границ кодом:
Код
.tags {
border-top: 1px solid black;
border-bottom: 1px solid black;
}
Т.е. до того, как я добавил .tags.inline с display: inline;, теги, хоть и были списком, но были обрамлены линиями сверху и снизу, а после добавления кода .tags.inline, теги остались списком, но "вывалились" из линий.
ps Сорри, если что... Правлю топик по ходу действия, ибо пред.просмотр почему-то не работает...
*

SeBun

  • Практически профи
  • *******
  • 3083
  • 187
  • @SeBun48
Смотрите внимательнее. Там рядом с определением класса выводится название файла, в котором этот класс прописан.
Оказываю услуги по Joomla | Миграция на Joomla 3.x | Администрирование | Разработка
Ник занят
*

AlexP750

  • Осваиваюсь на форуме
  • ***
  • 66
  • 1
Я посмотрел, повнимательнее посмотрел, но пока не нашел. Сорри, что сразу не ответил - работа...  Вечером сделаю и приложу скриншот. Может, буквально "пальцем покажете"... :)
*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
display: inline-block попробуйте
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

AlexP750

  • Осваиваюсь на форуме
  • ***
  • 66
  • 1
Гм...
Вот какая картина наблюдается - единственное, что мне пока удалось - это добавить линии сверху и снизу тегов, воспользовавшись для этого кодом
Код
.tags {
border-top: 1px solid black;
border-bottom: 1px solid black;
}
Впрочем, я об этом уже писал. Выглядит это следующим образом:

Но если в этот же класс прописать display: inline;, то получаем следующую картину:

Добавление display: inline-block; приводит к несколько неожиданному результату - список остается списком, только линии сверху и снизу становятся не на ширину страницы, а на ширину слов в списке.
Может, я не понял, куда этот код вставлять?

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Вы правило для ul назначаете. А надо для вложенных элементов. .tags li наверное правильно.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

AlexP750

  • Осваиваюсь на форуме
  • ***
  • 66
  • 1
Блин, точно! :):):)
Спасибо! Теперь все - как надо!
Остался только вопрос про поиск файла, в котором написан код...
Смотрите внимательнее. Там рядом с определением класса выводится название файла, в котором этот класс прописан.
Как найти, где написан код, который выводит FireBug на скриншотах? Где написано
Код
<ul class="tags inline">
Поиск Total commander-ом или Notepadd++-ом ничего не дает. Но ведь где-то же это написано...
Сейчас это уже не столь актуально, хотя и интересно.