Niedawno Janitor AI zaktualizowało nazwy klas i powiązane style CSS, co wpłynęło na biogramy i opisy botów.

Zaktualizowane nazwy klas i selektory CSS udostępnione w tym poście zostały zidentyfikowane poprzez analizę kodu źródłowego front-endu Janitor AI za pomocą narzędzi deweloperskich przeglądarki (DevTools). Są udostępniane wyłącznie do celów kosmetycznego motywowania i kreatywnej personalizacji przez społeczność.

Te nazwy klas nie są oficjalnie udokumentowane ani wspierane przez Janitor AI i mogą się zmienić lub przestać działać w dowolnym momencie, bez powiadomienia, po aktualizacji strony.

Informacje te są udostępniane wyłącznie w celach edukacyjnych i twórczych.
Nie uzyskano dostępu do żadnych zastrzeżonych danych, danych użytkowników ani danych logowania do kont i nie zostały one wyodrębnione.

Nie jest to powiązane z JanitorAI, nie jest przez nie popierane ani zatwierdzone, ani przez jego personel w jakikolwiek sposób.

i Jeśli masz problem z wklejeniem kodów do karty postaci, polecam zajrzeć do przewodnika Rocketa — to znacznie bardziej szczegółowy przewodnik wizualny, który wchodzi głębiej niż ten znajdujący się na dole tego bota.

Jeśli problemy się utrzymują, spróbuj zapytać na serwerze Discord J.AI, ponieważ z mojej strony nie mogę zrobić wiele więcej.

Najczęściej używane:

div _characterInfoMarkdownContent_123vi_223

_input_jv6cc_126

Wciąż szukam kolejnych.
Ta lista jest na bieżąco aktualizowana w miarę odkrywania nowych nazw klas. Zaglądaj tu po więcej.

• ~101 wpisów klas
  

• 2026-28-04
  - Zaktualizowano 4+ klas dzięki permanent
  - Uporządkowano listę od A do Z
  

• 2026-29-04
  - Dodano <p class="class_name"></p> do sekcji osobowości
  - Otwarto Definition
  

• 2026-30-04
  - Zaktualizowano _card_13n8k_2
  - Dodano _cardTitle_13n8k_402
  

• 2026-01-05
  - Usunięto przestarzałe klasy
  ( _viewAllStandalone_mi467_68, _segmentActive_kwwol_63, _segmented_kwwol_51, _content_1chl9_11, _characterMenu_128g5_496, _count_kwwol_25, _count_mi467_31)
  

• 16/05/2026
  - Zaktualizowano zmienione klasy
  ^Dzięki raz jeszcze, permanent(puppy)^
  

• 2026-19-10
  - Usunięto przestarzałe klasy
  - Zaktualizowano klasy zastępcze

A

_appModalBadge_xxqvx_134

_appModalContent_xxqvx_85

_appModalCta_xxqvx_195

_archiveButton_di476_217

_autoResizeTextarea_mrqt8_1

B

_banner_2x3bf_17

_baseOverlay_gj1jh_20

_betaBadge_mbh48_65

_btnDanger_1fl1d_98

_btnGhost_1fl1d_59

_btnOutline_1fl1d_48

_btnPrimary_1fl1d_80

_btnSolid_1fl1d_70

_btn_1fl1d_2

C

_cancelButton_10ud6_165

_cancelScheduleButton_1s17f_1202

_cancel_16pja_84

_cancel_1pa8q_211

_cardActions_1tlzn_324

_cardDescription_1mhuy_352_cardHeader_1tlzn_315

_cardMeta_1mhuy_375

_cardTitle_1mhuy_333

_card_1mhuy_2

_card_1tlzn_308

_characterInfoMarkdownContent_123vi_223

_characterInfoMarkdownContent_1yi4w_5

_characterInfoMarkdownContent_9gldz_223

_characterInfoShinyBox_1yi4w_265

_characterInfoShinyBoxInner_1yi4w_286

_checkboxCard_exkyv_105

_checkboxCardError_exkyv_112

_content_xxqvx_12

_count_138g0_7

_createButton_1jb5k_14 pp-top-bar-create-char profile-top-bar-create-char glow-on-hover

css-197qci7

css-1d22cyw

css-1jdnh42

css-1vh5zal

css-2lj9yr

css-7kiadw

css-z5908y

_content_67d1x_11

D

_detailName_4cue2_1923

_detailPane_4cue2_1839

E

_editScheduleButton_1s17f_1180

_expanded_2x3bf_208

_expandedInner_2x3bf_220

F

_filterButtonOpen_1vsdv_27

_footerHint_exkyv_148

_footer_w3wuk_1

H

_hintBox_2ljd6_74

_historyItem_10txd_1

_historyItemFocused_10txd_34

_holidays2025Pattern1_d0q9a_115

_holidays2025Pattern2_d0q9a_124

I

_iconError_1jwi8_310

_iconGlobe_2x3bf_84

_iconInfo_1jwi8_295

_iconSuccess_1jwi8_300

_iconWarning_1jwi8_305

_iconWarning_1s17f_102

_inner_2x3bf_31

_inputContainer_d8bkw_27

_inputError_exkyv_86

_input_10ud6_126

_input_1tlzn_260

_input_exkyv_52

_input_owmrz_7

_iosAlert_1s17f_263

_iosModalWarning_1s17f_544

_iosSelect_1s17f_805

_iosSettingItem_1s17f_46

_iosSettingsSection_1s17f_35

_iosStatusSection_1s17f_208

L

_loadMoreButton_1jwi8_474

_loadMore_1nqdj_38

M

_messageNavigation_1yi4w_348

_modal_pru5r_15

_modalContent_1jhaa_166

_modalWarning_1jwi8_779

_moderationBlock_1s17f_320

_moderationHeader_1s17f_360

_moderationNotes_di476_369

_moderationNotification_di476_333

_moderationReason_1s17f_405

_moderationSubject_di476_360

_motionHeader_1s17f_1361

_motionModal_1s17f_1339

_motionWarning_1s17f_1459

N

_navButton_1yi4w_359

_notificationsButton_1jwi8_7

_notificationItem_di476_2

O

_option_pru5r_82

_otherInput_pru5r_156

P

pp-top-bar-logo profile-top-bar-logo glow-logo css-1bmggo3

_primaryButton_2ljd6_91

_priorityHigh_1jwi8_372

_priorityLow_1jwi8_380

_priorityMedium_1jwi8_376

_privacyNote_2x3bf_301

profile-badge-flex-outer Btn2-purple pp-pg-total css-72h1ey

S

_scheduleInfoNote_1s17f_1106

_scheduleTypeOption_1s17f_1231

_scheduledInput_1s17f_887

_scheduledPreview_1s17f_972

_scheduledReleaseInfo_1s17f_1136

_scheduledReleaseSection_1s17f_863

_scheduledReleaseWarning_1s17f_876

_showLess_1bk4j_26

_signupTextarea_45b6m_172

_submitBtn_1gzug_172

T

_toolbar_1oo8z_6

Szybka wskazówka:
Możesz łączyć wiele nazw klas w jednym znaczniku paragrafu zamiast używać osobnych. Dzięki temu możesz nakładać efekty z różnych klas jednocześnie.

Prosty przykład:

div _characterInfoMarkdownContent_123vi_223 _trigger_6hekb_453 _autoResizeTextarea_mrqt8_1 image-input-dropzone

<p class="div _characterInfoMarkdownContent_123vi_223 _trigger_6hekb_453 _autoResizeTextarea_mrqt8_1 image-input-dropzone">twój tekst</p>

Stworzone przez Utkarsh na Discordzie:

<p class="div iosStatusSection1s17f_208 iosStatusLine1s17f_223">Tekst <strong>Tekst</strong></p>

'Tekst'Tekst

<p class="div _iosStatusSection_1s17f_208 _iosStatusLine_1s17f_223">'Tekst' <a target="_blank" rel="noopener noreferrer" class="div Btn2-purple pp-pg-total" href="your-link-here"><strong>link</strong></a></p>

'Tekst' link

<p class="css-1jdnh42 _iosStatusLine_1s17f_223"><strong>Tekst tutaj</strong>twój tekst tutaj</p>

Tekst tutajtwój tekst tutaj

. <p class="_notificationItem_di476_2" style="text-align: center;"><a target="_blank" rel="noopener noreferrer nofollow" class="_unreadIndicator_di476_23" href="blank">.</a>twój tekst tutaj</p>

Test! <p class="_characterInfoMarkdownContent_9gldz_223 _iosStatusLine_1s17f_223" style="text-align: center;"><a target="_blank" rel="noopener noreferrer nofollow" class="_characterAvatar_di476_67" href="blank">Test !</a>Twój tekst tutaj</p>

<p class="_card_13n8k_2 _list_13n8k_67 _clickable_13n8k_28

_card_13n8k_2 _list_13n8k_67 _selected_13n8k_67 _clickable_13n8k_28

Po prostu oddziel każdą nazwę klasy spacją. Pamiętaj, że im więcej ich nałożysz, tym trudniej będzie ustalić, która z nich powoduje problem, jeśli coś się zepsuje.

Jak ich używać:
Bardziej szczegółowy przewodnik wizualny dotyczący użycia znajdziesz w przewodniku Rocketa

Otwórz pole biogramu postaci i kliknij przycisk </> w prawym górnym rogu edytora. Przełączy to na widok surowego HTML, w którym możesz bezpośrednio zobaczyć i edytować kod.

Aby zastosować klasę, owiń treść w znacznik paragrafu w ten sposób:
<p class="TUTAJ_WPISZ_NAZWĘ_KLASY">Twój tekst tutaj</p>

Na przykład:

<p class="div _characterInfoMarkdownContent_123vi_223">Twój tekst tutaj</p>

Po prostu zamień TUTAJ_WPISZ_NAZWĘ_KLASY na wybraną nazwę.
Po zakończeniu edycji kliknij Apply (Zastosuj) na dole panelu HTML, aby zapisać zmiany.