Usr 681ab43c-99d7-4e40-92ba-956d9d8d66e7/sandbox: Difference between revisions

From VRChat Wiki
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
When contributing to the VRChat Wiki, you can use Templates to help create rich links and content that can be useful. Here are some templates that may be particularly useful:
<!-- Template:UserProfile -->
 
<div style="---radius: 0.5rem; ---card-flex: 1 0 max(calc(25% - 4rem), 230px); ---card-bg: rgb(60, 65, 72); ---card-padding: 1rem; ---card-title-color: rgb(85, 130, 138); ---card-title-margin: 0.5rem;">
==Inline Templates==
  <h3 style="z-index: 5; margin-top: 2rem; padding-top: 0.2rem; padding-bottom: 0.5rem; font-weight: 700; color: rgb(106, 227, 249);font-size: 2.5rem; position:sticky; top: 0; background-color: var(--more-dark-grey); border: none;">{{{username|Username}}}</h3>
 
  <div style="display: flex; flex-wrap: wrap; align-items: stretch; gap: 1rem; color: rgba(255,255,255,0.8)">
These templates may be used inline, such as links to official VRChat documents, vrchat worlds, or other resources.
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding); overflow: hidden;">
 
      <div style="position: relative; margin-inline: calc(-1 * var(---card-padding)); margin-top: calc(-1 * var(---card-padding)); margin-bottom: 3rem">
{| class="wikitable"
        <!-- PROFILE THUMBNAIL -->
|+
        [[File:{{{thumbnail|Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg}}}|none|frameless|640x427px]]
!Template
        <div style="position: absolute; bottom: 0; left: 1.25rem; transform: translateY(50%); display: flex; align-items: center; justify-content: center; width: 80px; font-size: 2rem; aspect-ratio:1; font-weight: 400; background-color: rgb(55, 65, 82); border-radius: 100%; color: #fff; box-shadow: -2px 1px 0 0 #000, 0px 0px 0px 2px var(---card-bg);">{{{usernameInitials|XX}}}</div>
!Template code
      </div>
!Result
      <div style="display: flex; align-items: center; gap: 0.5rem;">
|-
        <div style="width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: rgb(86, 242, 92); margin-inline: 0.1rem"></div>
| [[Template:VRC link]]
        <div style="line-height: 1.15;">
| <code><nowiki>{{VRC link|https://vrchat.com|VRChat Home page}}</nowiki></code>
          <!-- STATUS -->
| {{VRC link|https://vrchat.com|VRChat Home page}}
          <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Status</div>
|-
          <div style="font-size: 1.05rem">{{{status|Online}}}</div>
|[[Template:World link]]
        </div>
|<code><nowiki>{{World link|wrld_4432ea9b-729c-46e3-8eaf-846aa0a37fdd|VRChat Home}}</nowiki></code>
      </div>
|{{World link|wrld_4432ea9b-729c-46e3-8eaf-846aa0a37fdd|VRChat Home}}
      <div style="display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem;">
|}
        <div style="margin-inline: -0.1rem;">[[File:Icons ShieldLevel Normal 25.png|none|frameless|28x28px]]</div>
 
        <div style="line-height: 1.15;">
==Infoboxes==
          <!-- TRUST RANK -->
 
          <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; font-size: 0.8rem;">Trust Rank</div>
{| class="wikitable"
          <div style="font-size: 1.05rem">{{{trustRank|Trusted User}}}</div>
|+
        </div>
!Template
      </div>
!Template code
    </div>
!Result
    <div style="flex: var(---card-flex); font-weight: bold; flex: 1 0 max(calc(50% - 3.7rem), 230px); border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
|-
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Bio</div>
| [[Template:Infobox/World]]
      <!-- BIO -->
| <code><nowiki>{{World
      <div style="font-size: 1rem;">
|name=
{{{bio|Default bio goes here.}}}
|image=
      </div>
|imagecaption=
    </div>
|developer=
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
|publisher=
      <!-- LOCATION -->
|designer=
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Location</div>
|gen=
      <div style="margin-inline: calc(-1 * var(---card-padding)); margin-bottom: var(---card-padding)">
|platform=
        <div style="overflow: hidden;">
|themes=
          <div style="margin-block: -1rem; display: flex; align-items: stretch; justify-content: stretch;">[[File:{{{locationImage|VrcHomeThumb.png}}}|none|frameless|800x600px]]</div>
|link=
        </div>
|labs=
      </div>
|published=
      <div style="font-size: 1.1rem;">
}}</nowiki></code>
{{{location|VRChat Home}}}
| {{Infobox/World
        <div style="display: flex; flex-direction: column; gap: 0.33rem;">
|name=VRChat Home
          <div style="display: flex; gap:0.2rem; align-items: center;">
|image=
            <div style="display: flex; align-items: center; justify-content: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: rgb(0, 51, 154); margin-inline: 0.1rem">
|imagecaption=
              <div style="width: 59%; height: 59%; border: 1.9px dotted yellow; border-radius:100%;"></div>
|developer=VRChat
            </div>
|platform= PCVR, Android
            <div>#1337 - Invite</div>
|link={{World link|wrld_4432ea9b-729c-46e3-8eaf-846aa0a37fdd|VRChat Home}}
          </div>
|published=Sep 30 2022
          <div style="display: flex; gap:0.2rem; align-items: center;">
}}
            <div style="margin-inline: 0.1rem;">
|-
              <div>[[File:Icons Social 25.png|none|frameless|18x18px]]</div>
| [[Template:Infobox/Official World]]
            </div>
| <code><nowiki>{{Official World
            <div>1/16</div>
|name=
          </div>
|image=
        </div>
|imagecaption=
      </div>
|developer=
    </div>
|publisher=
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
|designer=
      <!-- LANGUAGES -->
|gen=
      <div style="color: var(---card-title-color); font-weight: bold; text-transform: uppercase; margin-bottom: var(---card-title-margin)">Languages</div>
|platform=
      <div style="display: flex; flex-wrap: wrap; align-items-center; gap: 0.5rem;">
|themes=
{{{languages|<div style="display: flex; align-items: center; justify-content: center; width: 70px; aspect-ratio:1; font-weight: bold; background-color: var(--more-dark-grey-border); border-radius: 100%;" title="English">ENG</div>}}}
|link=
      </div>
|labs=
    </div>
|published=
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
}}</nowiki></code>
      <!-- LINKS -->
| {{Infobox/Official World
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Links</div>
|name=VRChat Home
      <div style="display: flex; flex-wrap: wrap; align-items-center; gap: 0.5rem; font-size:0;">
|image=
{{{links|<div style="border-radius: 100%; overflow: hidden;"><a href="https://vrchat.com/home/user/usr_7d3dca04-5671-4738-a277-04fad9b586e4"><div style="display: flex; align-items: center; justify-content: center; width: 70px; aspect-ratio:1; font-weight: bold; background-color: var(--more-dark-grey-border); border-radius: 100%; font-size: 0.95rem;">VRChat</div></a></div>}}}
|imagecaption=
      </div>
|developer=VRChat
    </div>
|platform= PCVR, Android
    <div style="flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
|link={{World link|wrld_4432ea9b-729c-46e3-8eaf-846aa0a37fdd|VRChat Home}}
      <!-- BADGES -->
|published=Sep 30 2022
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Badges</div>
}}
      <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
|}
{{{badges|<div title="Supported VRChat through VRC+ when it first launched">[[File:Early_Supporter.png|none|frameless|70x70px]]</div><div title="Awarded to users who have made major contributions to the localization of VRChat">[[File:VRChatTranslatorBadge.png|none|frameless|70x70px]]</div>}}}
 
      </div>
==Noticeboxes==
    </div>
 
    <div style="display: flex; flex-direction: column; flex: var(---card-flex); font-weight: bold; border-radius: var(---radius); background: var(---card-bg); padding: var(---card-padding);">
{| class="wikitable"
      <div style="color: var(---card-title-color); text-transform: uppercase; margin-bottom: var(---card-title-margin)">Groups</div>
|+
      <div style="flex-grow: 1; display: flex; align-items: center; justify-content: center; color: var(---card-title-color); text-align: center; font-size: 1.3rem; line-height: 1.25; font-weight: 700;">{{{groups|Not representing<br/>any group}}}</div>
!Template
    </div>
!Template code
  </div>
!Result
</div>
|-
| [[Template:Stub]]
| <code><nowiki>{{Stub}}</nowiki></code>
| {{Stub}}
|-
|[[Template:Noticebox/official]]
|<code><nowiki>{{Noticebox/official}}</nowiki></code>
|{{Noticebox/official}}
|-
|[[Template:Delete]]
|<code><nowiki>{{Delete|reason|~~~~}}</nowiki></code>
|{{Delete|This page is literal garbage|[[User:Usr 681ab43c-99d7-4e40-92ba-956d9d8d66e7|Usr 681ab43c-99d7-4e40-92ba-956d9d8d66e7]] ([[User talk:Usr 681ab43c-99d7-4e40-92ba-956d9d8d66e7|talk]]) 10:01, 22 June 2024 (UTC)}}
|-
|[[Template:Noticebox/community]]
|<code><nowiki>{{Noticebox/community}}</nowiki></code>
|{{Noticebox/community}}
|-
|[[Template:Noticebox/unreleased]]
|<code><nowiki>{{Noticebox/unreleased}}</nowiki></code>
|{{Noticebox/unreleased}}
|-
|[[Template:Noticebox/wip]]
|<code><nowiki>{{Noticebox/wip}}</nowiki></code>
|{{Noticebox/wip}}
|}

Latest revision as of 06:35, 7 August 2024

Username

Forester kangaroo (Macropus giganteus tasmaniensis) juvenile Esk Valley.jpg
XX
Status
Online
Icons ShieldLevel Normal 25.png
Trust Rank
Trusted User
Bio

Default bio goes here.

Location
VrcHomeThumb.png

VRChat Home

#1337 - Invite
Icons Social 25.png
1/16
Languages
ENG
Badges
Early Supporter.png
VRChatTranslatorBadge.png
Groups
Not representing
any group