러브링크 · 꾸미기

자유 CSS · 템플릿

꾸미기 → 자유 CSS 에서 페이지 전체에 내 CSS 를 얹습니다(50,000자까지). 안쪽은 직접 쓰기 · 효과 · 보관함 · 템플릿 네 칸입니다.

코드 칸 — 줄 번호 · 글자 수 · ⤢ 크게 보기
효과 프리셋을 한 번에 넣고, 보관함에 이름 붙여 저장
CSS 템플릿 — 가입자끼리 나누고, 내 페이지에 미리 써 본 뒤 가져오기
시계 · 날짜 · 곡 이름 변수 — var(--ll-time) 처럼

되는 것 · 안 되는 것

편집 창 · 「편집」 단추 · 아이콘 고르기 창은 못 건드립니다. 그쪽을 가리키는 선택자는 빠집니다.
position: fixed 는 body::before · body::after (화면 전체 효과 자리)에서만 그대로입니다. 나머지는 absolute 로 바뀝니다. 효과 자리는 클릭을 막지 않고 편집 창 아래에 깔립니다.
@import 는 빠집니다. 사진 주소(url())는 data: 와 러브링크 · 러브로그 · 러브인포에 올린 사진만 쓸 수 있습니다.
글꼴 — @import 대신, 꾸미기 → 글꼴 목록에 있는 글꼴은 이름만 쓰면 저절로 불러옵니다. 예: font-family: "VT323", "Nanum Gothic Coding", monospace; — 본문 · 제목 글꼴로 안 골라도 됩니다. 목록에 없는 글꼴은 불러오지 않습니다.
z-index 는 정해진 높이까지만입니다.

화면이 깨져서 아무것도 못 누르겠으면 주소 끝에 ?nocss=1 을 붙여 엽니다(예: luvlinks.me/sky?nocss=1). 자유 CSS 를 끈 채로 열려서 고칠 수 있습니다.

시계 · 날짜 · 곡 이름 변수

러브링크가 페이지에 지금 시각 · 날짜 · 재생 중인 곡 이름을 CSS 변수로 넣어 줍니다. content 에 var(…) 로 쓰면 보는 사람 기기의 시각이 들어가고, 1분마다 저절로 바뀝니다.

/* 이름 아래 VHS 시계 — AM 01:23 / OCT 31 2026 */
.phandle::after {
  content: var(--ll-ampm) " " var(--ll-time12) "\A" var(--ll-mon) " " var(--ll-dd) " " var(--ll-yyyy);
  white-space: pre;
}
/* 지금 듣는 곡 */
.prole::after { content: "♪ " var(--ll-track); }

--ll-time — 24시간 시:분 ("01:23") · --ll-time12 · --ll-ampm — 12시간 시:분 · "AM"/"PM" · --ll-ampm-ko — "오전"/"오후"
--ll-sec — 초 ("05"). 꾸미기 → 자유 CSS → 시계 · 곡 변수에서 「초까지」를 골라야 1초마다 바뀝니다. 기본은 「분까지」(1분마다)입니다.
--ll-yyyy · --ll-mm · --ll-dd — 연 · 월 · 일 ("2026" · "10" · "31")
--ll-mon · --ll-dow — 영어 달 · 요일 ("OCT" · "SAT")
--ll-date-ko · --ll-dow-ko — "10월 31일" · "토요일"
--ll-track · --ll-artist — 재생 중인 곡 이름 · 부른 사람. 멈추면 빈 글자가 되고, 재생 중엔 body 에 .ll-playing 이 붙습니다.
밤에는 body 에 .ll-night 이 붙습니다(낮 · 밤 배경을 켰을 때). 예: body.ll-night .pname { text-shadow: 0 0 12px #9cf; }

화면 효과 프리셋

거품 · 반딧불이 · 빛 입자 · 심해 부유물 · 금빛 별가루 · 눈 · 벚꽃 — 고르고 「넣기」를 누르면 코드 칸 끝에 붙습니다. 원래 쓴 CSS 는 그대로고, 지우려면 그 부분만 지우면 됩니다.

내 CSS 보관함

지금 코드 칸의 CSS 만 이름 붙여 저장합니다(이 계정에만 보입니다).

20개까지 — 같은 이름이면 덮어쓸지 물어봅니다.
용량 — 두 보관함(CSS · 꾸밈)은 합쳐서 1MB 까지라, 긴 CSS 를 여러 칸 저장하면 20개가 차기 전에 「보관함 용량이 가득 찼습니다」가 뜰 수 있습니다. 안 쓰는 칸을 지우면 됩니다.
꾸밈 전체는 내 꾸밈 보관함에.

CSS 템플릿

러브링크 가입자끼리 자유 CSS 를 나누는 곳입니다. 자유 CSS 맨 아래 「CSS 템플릿 둘러보기」를 누릅니다.

둘러보기

최신 순. 하나를 누르면 설명 · 만든 모양 · 글자 수가 보입니다.

미리 써 보기

「내 페이지에 미리 써 보기」 — 저장하지 않고 내 페이지에 잠깐 입혀 봅니다. 아래 띠에서 그만 보기 · 가져오기.

가져오기

바꿔 넣기 — 지금 CSS 는 보관함에 「가져오기 전 …」으로 자동으로 남겨 둡니다. 지금 CSS 뒤에 붙이기도 됩니다. 「만든 사람 모양도 맞추기」를 켜면 배치 · 스킨 · 밝기 · 프로필 카드까지 맞춥니다.

사용 규칙

올린 분이 자유롭게 고쳐 쓰기 · 고치지 말고 그대로 쓰기 중 하나를 고릅니다. 「그대로 쓰기」 템플릿은 카드와 자세히에 표시되고, 가져온 CSS 맨 위 주석에도 규칙이 적혀 남습니다. 색 · 사진 주소처럼 만든 분이 안내한 곳 말고는 고치지 말아 주세요.

올리기

지금 자유 CSS · 보관함 · 직접 붙여 넣기 중에서 골라 올립니다.

이름 · 설명 · 태그(5개) · 미리보기 사진
「주석도 남기기」 — 켜 두면 /* 여기에 사진 주소 */ 같은 안내 글이 그대로 올라갑니다(기본으로 켜져 있습니다).
20개까지, 「내가 올린 것」에서 고치기 · 내리기

이름 표시

@내 아이디 — 목록 카드와 열어 본 화면에 모두 나옵니다.
안에만 표시 — 목록 카드에는 이름이 나오지 않고, 템플릿을 눌러 연 화면과 가져간 CSS 맨 위 주석에만 나옵니다. 아이디로 찾아도 목록에 뜨지 않습니다.
익명 — 어디에도 이름이 나오지 않습니다.

올린 뒤에도 「고치기」에서 바꿀 수 있습니다.