텍스트 마크업

Dreams Universe에 텍스트를 추가할 예정인가요? 텍스트를 특정한 방식으로 변경할 때 사용할 전문 용어들과 추가 아이콘 접근 권한을 드릴게요.

아이콘 / 이모지#

텍스트 가젯에 아이콘을 추가하려면, <> 기호 사이에 아이콘 이름을 넣으세요. 전체 아이콘 리스트와 이름은 indreams에서 찾을 수 있어요.

이모지를 추가하려면, 이모지 쇼트코드를 사용하세요. : 기호 두개 사이에 해당하는 단어를 넣으면 된답니다. 이모지 쇼트코드(새 탭에서 열기) 목록은 여기에서 찾을 수 있지만, 모든 걸 사용할 수 있는 건 아니에요! 저희 이모지 세트에 포함되어 있지 않은 것도 있으며, 관리 조치 목적으로 사용 금지된 것들도 있어요.

글꼴 마크업 옵션을 소개하는 동영상

스타일 태그#

Dreams Universe에는 특정 색상 및 줄바꿈 형식을 적용하기 위해 텍스트의 주위 또는 앞에 배치하는 많은 태그가 있어요.

텍스트의 색상을 변경하는 태그:

  • <clue> 텍스트 색상을 분홍색으로 변경해요.
  • <term> 텍스트 색상을 노란색으로 변경해요.
  • <pink> 텍스트 색상을 분홍색으로 변경해요. (네, 다른 분홍색이에요. 조금 다르긴 하지만, 이유는 묻지 마세요.)

위의 태그를 사용하려면, 색상을 변경하고 싶은 텍스트 앞에 태그를 넣고, 기존의 색을 사용하고 싶은 곳에 닫는 태그를 사용하세요. 닫는 태그는 동일하게 생겼지만, 시작하는 괄호 뒤에 / 기호를 사용해야 해요.

예시:

  • 이 텍스트는 기본 설정이에요. <pink> 이 부분의 텍스트는 분홍색이고 </pink> 이제 다시 기본 설정으로 돌아왔어요.

약간 다른 스타일의 줄바꿈 태그 2종:

  • <nl> - 이 태그는 줄과 줄 사이에 간격 없이 새로운 줄을 삽입해요.
  • <br> - 줄 사이에 간격이 추가되면서 새로운 줄을 삽입해요. 일반적으로 Enter 키를 누를 때와 비슷해요.

위의 태그를 사용하려면, 원하는 위치에 태그를 사용하기만 하면 돼요. 닫는 태그는 필요 없어요.

  • 새로운 줄 태그 <nl> 는 이렇게 쓰세요.

색상 커스텀#

저희는 창조 TLC Part #5에서 글꼴 색상 커스텀 기능을 추가했어요. HTML 코드 또는 16진수 값을 사용해 텍스트의 색상이나 투명도를 설정할 수 있어요.

텍스트에 태그를 추가하는 것과 유사한 마크업 형식이에요. 현재는 텍스트 가젯 안에서만 작동하고, 다른 드리미버스 부문에서는 작동하지 않아요. (예: 창조물 제목, 설명, 코멘트 등) 관련된 형식이 3가지 있어요.

첫 번째로, 따옴표 안에 색상 이름을 입력하면, 이름을 기반으로 설정되어 있는 색상 중 하나를 선택할 수 있어요. HTML 색상 이름 목록(새 탭에서 열기)은 여기에서 확인하세요.

  • <colour="DarkRed"> 이 텍스트는 어두운 빨간색으로 표시되고 </colour> 이 텍스트는 기본 색상으로 표시돼요.

두 번째는 # 기호 뒤에 16진수 색상 값을 입력해 색상을 선택할 수 있어요. 여러 온라인 툴(예시 1(새 탭에서 열기), 예시 2(새 탭에서 열기))에서 직접 값을 찾아볼 수 있어요. 중요한 건 값의 두 글자씩 다른 색상 채널을 나타낸다는 거예요. 첫 번째 그룹은 빨간색이 포함되는 정도, 두 번째 그룹은 초록색이 포함되는 정도, 마지막 그룹은 파란색이 포함되는 정도를 나타내요. 이 값은 16진수 값이기 때문에 0부터 9 대신 0에서 F까지의 값을 사용해요. 9보다 큰 값은 A, 그 다음 큰 값은 B로 표시되며 가장 큰 값은 F예요. 그러므로 00이라는 값은 어떤 색상도 포함되지 않았다는 의미이고, ff이라는 값은 모든 색상이 최대로 섞였다는 의미랍니다.

  • <colour=#00ff00> 이 텍스트는 밝은 녹색으로 표시되고 </colour> 이 텍스트는 기본 색상으로 표시돼요.

마지막으로, 앞에서 언급된 것과 동일한 형식을 사용해서 선택적으로 숫자 두 개를 코드 뒤에 추가로 붙일 수 있어요. 이건 색상의 알파를 조정하는 것으로, 투명도와 관련된 값이랍니다. 텍스트에 해당하는 값이 00 이라면 완전히 보이지 않게 되고, ff라면 완전히 불투명하게 보여요. 그 사이에 해당하는 값은, 값에 맞는 투명도가 설정돼요.

  • <colour=#00ffff60> 이 텍스트는 청록색으로 표시되고, 약간 투명할텐데요 </colour> 반면 이 텍스트는 기본 색상으로 표시될 거예요.

위에 있는 모든 예시에서, 단어 "colour"를 미국식 철자인 "color"로 대체할 수 있어요.

크기 커스텀#

또한 창조 TLC Part #5에는, 글꼴 크기 조절도 추가되어, 텍스트 한 줄 내에서 특정한 부분의 크기만 변경할 수 있어요. 다시 말씀드리지만, 텍스트 가젯 안에서만 작동하고, 다른 드리미버스 부분에서는 작동하지 않는답니다.

  • 이 텍스트는 기본 크기예요. 또한 <size=60> 이 텍스트는 크고 </size> 반면에 <size=10> 이 텍스트는 작아요 </size>.

크기=숫자 형식을 사용해서, 태그의 시작부터 끝까지 사용할 텍스트의 크기를 설정할 수 있어요. 숫자 값은 1부터 512 사이의 정수를 사용해야 해요. 512보다 큰 값을 입력해도 크기는 512로 설정돼요. 기본 크기는 32이므로, 1로 값을 낮추면 32배 작아지게 되고, 512로 값을 올리면 16배 커지게 되죠.

Dreams Universe 유저 가이드는 제작 진행 중입니다. 학습 자원 및 기사를 계속 추가할 예정이므로 업데이트를 수시로 확인해주세요.