틀:뱃지그룹 문서 원본 보기

<includeonly><onlyinclude>{{#css:
	.template-badges-param .template-ambox, .template-badges-param .template-userbox{
		display:none;
	}

	#template-badges-output{
		margin-top:8px;
	}
	
	#template-badges-output::after {
		content: "";
		display: table;
		clear: both;
	}

	.template-badge{
		--width-arrow:12px;
		position:relative;
		float:right;
		cursor:pointer;
		width:48px; height:48px;
		margin-left:8px;
		border: 4px solid #fff;
		border-radius:8px;
		outline: 2px solid var(--color-theme);
		box-shadow:0px 4px 4px rgba(0,0,0,0.25);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.template-badge .image{
		height: 100%;
		width: 100%;
		object-fit: contain;
		border-radius: 8px;
	}
	
	.template-badge .tooltip, .template-badge .descript{
		position: absolute;
		right: 0; bottom: 0;
		visibility: hidden;
		transition: all 0.2s ease-in-out;
	
	}
	.template-badge .tooltip{
		background: #000;
		color: #fff;
		width: 400%;
		padding: 4px;
		font-size: 0.7rem;
		opacity: 0;
		transform: translateY(100%);
	}
	
	.template-badge:hover:not(.active) .tooltip{
		opacity: 0.8;
		visibility: visible;
		transform: translateY(calc(100% + 8px));
	}
	
	.template-badge .descript{
		width: 600%;
		font-size: 0.7rem;
		opacity: 0;
		background:#fff;
		box-shadow:0px 4px 4px rgba(0,0,0,0.25);
		transform: translateY(calc(100%));
		cursor:initial;
	}
	
	.template-badge.active .descript{
		opacity: 1;
		visibility: visible;
		transform: translateY(calc(100% + var(--width-arrow) + 6px));
	}
	
	.template-badge .descript .title{
        line-height: 1em;
		vertical-align:middle;
		padding:4px;
		background:var(--color-theme);
	    color: var(--color-theme-inverted);
	    font-weight: bold;
	}

	.template-badge .descript::before {
		content: '';
		position: absolute;
		top: calc(var(--width-arrow) * -1 + 2px);
		right: 0px;
		transform: translateX(-50%);
		width: 0; height: 0;
		border-left: var(--width-arrow) solid transparent;
		border-right: var(--width-arrow) solid transparent;
		border-bottom: var(--width-arrow) solid var(--color-theme);
	}
	
	.template-badge .descript .title *{
		vertical-align: middle;
	}
	
	.template-badge .descript .content{
		padding:4px;
		background: var(--color-background);
	}
}}<div class='template-badges-param'>{{{1|}}}</div></onlyinclude></includeonly>
{{소도구|defaultTemplate}}
파라미터로 넣은 모든 머릿글틀이나 유저박스 틀을 보기좋은 형태로 바꿔서 푸터에 넣어줍니다. 아직 프로토타입이기에 지원되지 않는 유저박스 틀이 일부 있습니다.

== 예시 ==
{{예시|<nowiki>{{</nowiki>{{FULLPAGENAME}}<nowiki>|{{소도구}}{{잼 없음}}{{고대유물}}{{흑역사}}}}</nowiki>|{{:{{FULLPAGENAME}}|{{소도구}}{{잼 없음}}{{고대유물}}{{흑역사}}{{편집금지}}}} 뱃지그룹 가젯 활성화 후 문서 하단을 봐주세요
}}

[[분류:편의 틀]][[분류:목록 틀]][[분류:유저박스 관리용 틀]]