Section id: HTML section id Attribute — Dofactory

Объяснение идентификатора раздела — Темы Artbees WordPress

  1. Главная
  2. Объяснение идентификатора раздела

Обновлено 4 января 2019 г.

это для настройки.

Темы Jupiter и The Ken имеют шорткод раздела страницы, который можно использовать для создания отдельных разделов на странице, и вы можете организовывать различные элементы внутри Visual Composer с помощью раздела страницы.

Чтобы убедиться, что стили и настройки CSS будут ограничены рассматриваемым разделом страницы, в шорткоде есть опция, называемая идентификатором раздела. Вы можете добавить имя в опции ID раздела, которое должно быть уникальным для всей страницы и все в нижнем регистре без пробелов, например:

my-section-id

Если вы добавите туда уникальное имя и сохраните страницы, используя функцию Inspect Element вашего веб-браузера, вы можете увидеть, что тема добавляет ваш текст в качестве идентификатора HTML для элемента-оболочки раздела страницы. Это даст вам возможность использовать селектор идентификаторов CSS, чтобы выбрать определенный тег внутри этого раздела страницы и добавить свой пользовательский код CSS, ограничивающий его в этом конкретном разделе. Для получения дополнительной информации о функции Inspect Element щелкните здесь.

Аналогичные функции доступны для разделов страницы с именем Extra Class Name . Функционал практически одинаков с той лишь разницей, что использовать эту опцию можно в разных случаях и имя класса не должно быть уникальным. В этом случае также применяются правила «Без пробела и всех строчных букв». Например:

имя моего класса

Эта функция также добавляет имя класса в элемент-оболочку раздела страницы в сгенерированном HTML-коде, и вы можете проверить это с помощью инструмента «Проверить элемент» в браузере.

В качестве примера мы добавляем раздел страницы с идентификатором раздела my-section-is , а внутри раздела страницы мы добавляем шорткод текстового блока с образцом текста. Мы можем изменить цвет этого текста внутри этого конкретного раздела страницы, используя селектор идентификатора CSS (#) и добавив код в «Параметры темы»> «Дополнительно»> «Пользовательский CSS для Юпитера» или « Настройки темы»> «Скин»> «Пользовательский CSS для Кена». .


#my-section-id p {
color : #ff0000;
}

Если у нас есть более одного раздела страницы, в котором мы хотим изменить цвет текста, нам нужно добавить дополнительное имя класса, например

имя моего класса для всех случаев раздела страницы. Затем мы используем код селектора классов CSS, чтобы выбрать все нужные случаи и добавить код в тему, как упоминалось ранее. Код для этого случая будет таким:


.my-class-name p {
color: #ff0000;
}

Опция Extra Class Name доступна буквально для всех шорткодов, закодированных нами в Jupiter и The Ken.

Необработанный код для раздела страницы и текстового блока внутри приведен ниже для справки:

[mk_page_section section_id="my-section-id" el_class="my-class-name" sidebar="sidebar -1"][vc_column][vc_column_text]Образец текста[/vc_column_text][/vc_column][/mk_page_section]

Вы получили ответ на свой вопрос?

😁 😐 😔

Идентификаторы разделов — Ephinea PSO Wiki

Из Ephinea PSO Wiki

Пространства имен

  • Стр.
  • Обсуждение

Действия

  • Читать
  • РЕДАКТИРОВАТЬ
  • РЕДАКТИРОВАТЬ ИСТОЧНИКИ
  • ИСТОРИЯ

(переезд из секционных идентификаторов)

111111111111111111111111111 год. каждый персонаж игрока при создании персонажа, которые определяют многие из обычных предметов и все редких предметов, которые можно найти на вечеринке, организованной этим персонажем. Идентификатор раздела игрока становится постоянным, когда персонаж достигает 20-го уровня; перед этим его можно изменить один раз с помощью 9Команда 0113 /modsecid .

В игре Phantasy Star Online Blue Burst есть 10 различных идентификаторов разделов, каждый из которых имеет свои сильные и слабые стороны. Идентификаторы разделов имеют текущие темы среди своих таблиц выпадения, что делает многие из них идеальными для определенных классов или стилей игры в зависимости от того, на что игрок хочет охотиться.

Значок Имя Сильные стороны Слабые стороны Известные редкие предметы Известные эксклюзивы
Виридия++Обычные выстрелы
+Обычные партизаны
— Обычные слайсеры
  • Хромой д’Аржан
  • Ледяной стрелок
  • Боевой L&K38
  • Красное кольцо
  • Ограничитель
  • Паразитический ген «Flow»
  • Зонтик мадам
  • Сердце сумасшедшей мелодии
  • Сердце ромашки
  • Коса Сердце Хамелеона
Гринилл ++ Обычные винтовки
+ Обычные кинжалы
— Обычные выстрелы
— Обычные мечи
  • Ледяной стрелок
  • Пистолет: Гульд
  • Небесный Страйкер
  • Распорная игла
  • Красное кольцо
  • В101
  • В502
  • Сердце Рянова 303SNR
  • Яйцо-бластер «Сердце яйца»
  • Сердце Кролика Жезл
Скайли ++ Обычные мечи
+ Обычные винтовки
— Обычные выстрелы
— Обычные мехганы
  • Дневной шрам
  • Ламе д’Аржан
  • Вивьен
  • Небесный каратель
  • Красное кольцо
  • Герметичный J-образный меч
  • Сердце Фламберга
  • Топор Сердце Лакониума
  • Сердце Вздоха Бога
Блюфулл ++ Обыкновенные партизаны
+ Обыкновенные стержни
— Обычные выстрелы
— Обычные жезлы
  • Вджая
  • Юньчан
  • Занба
  • Небесный каратель
  • Психическая палочка
  • Ограничитель
  • Изгнание души
Пурпурный ++ Обычные мехганы
+ Обычные кинжалы
— Обычные мечи
— Обычные партизаны
  • Ледяной стрелок
  • Небесный Страйкер
  • Тиски M&A60
  • Распорная игла
  • Психическая палочка
  • В502
  • В801
  • Ясминков 9000М
  • Сердце ружья с глушителем
  • Сердце Ясминкова 9000М
Розовый ++ Обычные жезлы
+ Обычные партизаны
— Общие выстрелы
— Обычные винтовки
  • Диск Braveman
  • Ламе д’Аржан
  • Слайсер Фанатика
  • Вивьен
  • Бессвязный май
  • Ограничитель
  • В801
  • Клио
  • Сердце леденца
  • Сердце Измаэлы
  • Сердце ангельской арфы
Редрия + Обычные рамки
+ Обычные слайсеры
— Обычные кинжалы
  • Диск Braveman
  • Лавис Кэннон
  • Кэннон Руж
  • Небесный Страйкер
  • Распорная игла
  • Красное кольцо
  • В502
  • Волшебный камень «Иритиста»
  • Сердце Диски Освободителя
  • Сердце рубиновой пули
  • Сердце колдовской трости
Оран ++ Обычные кинжалы
+ Обычные мечи
— Обычные выстрелы
— Обычные стержни
  • Дневной шрам
  • Слайсер Фанатика
  • Пророки Мотава
  • Психическая палочка
  • S-детали версии 2.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *