업데이트, 이거 읽으세요.

최근에 몇몇 사람들이 제 CSS를 크레딧 없이 사용하는 걸 봤어요. 저는 대면할 일이 생기면 좀 쫄보 병신인데, 최근에 어떤 사람에게 물어봤더니 그냥 제가 이미 크레딧을 넣었을 거라고 생각했다고 하더라고요. 제가 그렇게 안 하는 데에는 몇 가지 이유가 있지만, 아무튼 이제부터는 제 CSS 크레딧을 코드 어딘가에 넣을 테니 당신은 안 넣어도 돼요. 하지만 만약 당신이 제 CSS를 쓰면서 저한테 크레딧을 안 주는 걸 보면, 렌트리 레이아웃에서 그렇게 하라고 말했으니 원래 해야 하는 건데, 신고할 거고 당신은 CSS를 못 쓰게 될 거예요. 네, J.ai에 실제로 있는 규칙이에요. 아무튼, 제 CSS를 쓰고 있다면 잠깐 프로필에 가서 저한테 크레딧을 주고 있는지 확인해 주세요. 크레딧을 줘서 고마워요, 사랑해요 <3

참고: CSS 8 이전의 것들은 내장 크레딧이 없어요.

거기 너! 그래 바로 너!!
프로필을 꾸미고 싶거나, 그냥 새로운 CSS를 시험해 보고 어떻게 작동하는지 배우는 걸 좋아하는 Janitor AI 봇 제작자/유저인가요?

그럼 이 봇을 확인해 보세요. 제가 모든 CSS 템플릿을 공유하고 있고, 당신이 이걸 읽는 동안에도 더 추가하려고 업데이트하고 있을 거예요 !! :3

FAQ (계속하기 전에 꼭 읽어주세요, 특히 CSS와 HTML에 대한 지식이 제한적이라면 더욱요.)



Q: "CSS가 뭐예요?"

A: CSS(Cascading Style Sheets)는 웹사이트가 보이는 방식을 바꾸는 데 쓰이는 코딩 언어예요. 색상, 글꼴, 배경, 테두리, 레이아웃, 애니메이션 등을 제어해요.


Q: "HTML이 뭐예요?"

A: HTML(HyperText Markup Language)은 웹페이지의 콘텐츠를 구조화하는 데 쓰여요. JanitorAI 프로필에서는 지원되는 곳에서 HTML을 사용해 커스텀 섹션, 링크, 정보 상자, 드롭다운 메뉴를 만들 수 있어요.


Q: "CSS와 HTML의 차이가 뭐예요?"

A: HTML은 구조와 콘텐츠를 만들고, CSS는 그 겉모습을 제어해요. 제 템플릿 대부분은 완전한 프로필 디자인을 위해 둘 다 사용해요.


Q: "당신 템플릿을 쓰려면 코딩 경험이 필요한가요?"

A: 아니요! 제 템플릿은 초보자 친화적으로 설계됐어요. 모든 템플릿에는 무엇을 커스터마이즈할 수 있는지, 어디에 정보를 넣어야 하는지 설명하는 주석이 포함되어 있어요.


Q: "당신 템플릿을 편집해도 되나요?"

A: 당연하죠! 색상, 글꼴, 이미지, 텍스트 및 기타 디자인 요소를 원하는 대로 바꾸셔도 돼요.


Q: "CSS 템플릿은 어떻게 설치해요?"

A: 잠시 후 아래에 설명이 담긴 이미지가 있을 거예요 ♡♡♡


Q: "서로 다른 두 템플릿을 합칠 수 있나요?"

A: 할 수는 있지만 CSS를 이해하지 못한다면 추천하지 않아요. 서로 다른 템플릿에 충돌하는 코드가 있어 레이아웃이 깨질 수 있어요.


Q: "색상은 어떻게 바꿔요?"

A: CSS에서 #FFFFFF 또는 #1E1E1E 같은 색상 값을 찾아서 원하는 HEX 색상 코드로 바꾸세요.


Q: "이미지는 어떻게 바꿔요?"

A: 코드에서 이미지 URL을 찾아 직접 링크한 본인 이미지로 바꾸세요. 직접 이미지 링크를 지원하는 Imgur나 다른 이미지 호스팅 서비스를 사용하는 걸 추천해요.


Q: "원하지 않는 섹션을 제거해도 되나요?"

A: 네, 다만 HTML 요소를 삭제할 때는 조심해야 해요. 잘못된 여는 태그나 닫는 태그를 제거하면 프로필의 다른 부분이 깨질 수 있어요


Q: "이 템플릿들을 모바일에서 쓸 수 있나요?"

A: 제 템플릿 대부분은 데스크톱과 모바일 모두에서 작동하도록 설계됐어요. 다만 일부 기능은 화면 크기에 따라 다르게 표시될 수 있어요.



문제 해결


Q: "왜 제 CSS가 작동하지 않나요?"

A: 괄호 누락, 충돌하는 코드, 잘못된 HTML, 또는 JanitorAI 웹사이트 변경 등 여러 이유가 있을 수 있어요. 전체 템플릿을 복사했는지 다시 확인하고, 그래도 문제가 있으면 저에게 연락해 주세요.


Q: "왜 제 이미지가 안 보이나요?"

A: 이미지 호스팅 웹페이지 링크가 아닌 직접 이미지 URL을 사용하고 있는지 확인하세요. 또한 이미지가 삭제되거나 비공개로 설정되지 않았는지도 확인하세요.


Q: "왜 제 프로필이 미리보기와 다르게 보이나요?"

A: 화면 크기, 브라우저, 기존 CSS, 또는 JanitorAI 변경 사항이 템플릿 표시 방식에 영향을 줄 수 있어요.


Q: "왜 제 프로필이 모바일에서 깨지나요?"

A: 일부 CSS 속성은 작은 화면에서 다르게 작동해요. 특정 레이아웃은 모바일 전용 추가 조정이 필요할 수 있어요.


Q: "왜 제 드롭다운이 제대로 안 열리나요?"

A: HTML 구조가 올바른지, 모든 여는 태그에 짝이 맞는 닫는 태그가 있는지 확인하세요. 충돌하는 CSS도 드롭다운 동작에 영향을 줄 수 있어요.


Q: "JanitorAI가 업데이트되어 템플릿이 깨지면 어떻게 해야 하나요?"

A: 웹사이트 업데이트로 템플릿이 의존하는 클래스나 요소가 바뀔 수 있어요. 일부 템플릿은 최신 버전에서 작동하도록 업데이트가 필요할 수 있으니, 알려주시면 최대한 빨리 고쳐볼게요.


Q: "템플릿 고치는 걸 도와줄 수 있나요?"

A: 물론이죠! 문제가 생기면 언제든 디스코드 @sandy_bear_my_baby10로 저에게 연락하는 걸 두려워하지 마세요, 같이 해결해 볼 수 있어요 ♡



사용 및 크레딧


Q: 당신한테 크레딧을 꼭 줘야 하나요?

A: 렌트리 코드에 저에게 크레딧을 달라는 요청이 있다면, 페이지에 크레딧을 꼭 남겨주세요. 아무도 안 볼 상자에 제 이름을 넣어두는 건 괜찮지만, 원본 코드를 본인 것이라고 주장하지는 말아주세요.


Q: 당신 템플릿을 재배포해도 되나요?

A: 제 템플릿을 다시 게시하거나, 재배포하거나, 본인 것으로 업로드하지 말아주세요. 대신 사람들에게 원본 템플릿이나 제 프로필을 링크해 주세요.

Q: "CSS 템플릿은 어떻게 설치해요?"
↓

많은 사람들이 설정의 "About me" 섹션에 CSS를 설치하라고 권할 수 있지만, 제 모든 코드는 이렇게 설치해도 작동하도록 되어 있고, 무엇을 편집하고 있는지 볼 수 있어요 ♡

About me 섹션에 설치했는데 렌트리 코드에 나온 이미지와 다르게 보인다면, 먼저 제가 안내하는 방식대로 설치해 보고, 그다음 모든 코드를 복사했는지 확인해 주세요. 그래도 안 되면 연락해 주세요.

CSS 하나: 기본적인 모노크롬, 회색, 배너 두 개, 드롭다운 네 개, 여러 링크, 그리고 원한다면 즐겨찾는 크리에이터나 친구용으로 바꿀 수 있는 상자 하나. 제 가장 기본적인 CSS로, 기본적인 걸 원하고 CSS/HTML 경험이 많지 않은 사람에게 좋아요

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/kashvault-css

CSS 둘: 쿠로미와 고딕에서 영감을 받은 프로필 테마로, 짙은 회색 배경, 더스티 핑크와 모브 색상 포인트가 특징이며, 더 복잡하고 귀여운 걸 원하는 사람에게 좋아요.

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/Kashvault-css2

CSS 셋: 데이팅 앱에서 영감을 받은 프로필로, 어두운 기본 색상과 핑크·레드 외곽선이 특징이며, 멋져 보이고 기본적인 CSS 지식이 있는 사람에게 더 적합해요

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/kashvault-css3

CSS 넷: 군대/SAS 테마로, 어두운/군대 녹색, 드롭다운, 링크가 있으며, 복잡해 보이지만 실제로는 아주 기본적이고 바꾸기 쉬운 걸 원하는 사람에게 좋아요.

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/kashvault-CSS4

CSS 다섯: 데스크톱용 귀엽고 심플한 테마로, 현재 흰색과 검정색 모노크롬이며, 제 다른 템플릿보다 더 복잡하고 코드가 더 많아요

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/Kashvault-CSS5

CSS 여섯: 데스크톱 "Corn"Hub에서 영감을 받은 테마로, 클래식한 검정과 주황 색상 구성을 특징으로 해요. 대담하고 장난스러우며 제 단순한 템플릿들보다 더 세밀하고, 커스텀 레이아웃과 편집 가능한 기능이 많아요. 제 생각에 제일 복잡한 CSS예요

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/KashVault-CSS6

CSS 일곱: 봇 설명을 보여주고 마우스를 올리면 태그를 보여주는 기본 봇 카드로, 모노크롬이고 기본적이며 색 바꾸기 쉬워요.

이미지는 더 많은 기능 설명과 있을 수 있는 제한 사항과 함께 렌트리.co에 포함되어 있어요 = https://rentry.co/kashvault-CSS7

CSS 여덟: 해변 테마의 시폼 그린과 흰색 Janitor AI 레이아웃으로, 커스터마이즈 가능한 링크, 드롭다운, 캐릭터 카드, 바다 장식, 모바일 친화적 스타일링이 특징이에요.

이미지는 렌트리.co에 포함되어 있어요 = https://rentry.co/Kashvault-CSS8

CSS 아홉: 뒤집히는 기본 빈 봇 카드로, 마우스를 올리면 전체 이미지와 봇 소개 및 태그가 보이며, 데스크톱과 모바일 모두에서 작동해요.

이번에는 이미지가 렌트리.co에 포함되어 있지 않아요 = https://rentry.co/Kashvault-css09

기억하세요: 저는 학생이에요.
저는 웹 개발자가 아니고, 인간이에요.

제가 하는 모든 게 완벽하지 않을 수 있다는 것만 기억해 주시고, 제가 실수하면 친절하게 바로잡아 주세요.

디스코드 서버링크