티스토리 스킨에 사용될 상단 아이콘 메뉴

<div class=top_icon_menu>	<!-- 상단 메뉴 아이콘 폰트어썸 사용 PC버전에는 fa-solid-900.woff 추가 fas=폰트어썸솔리드  -->
    <a href="https://tsskin.tistory.com/" title="홈"><i class="fas fa-home fa-1x"></i></a> |
    <a href="https://tsskin.tistory.com/notice" title="공지사항"><i class="fas fa-bullhorn fa-1x"></i></a> |
    <a href="https://tsskin.tistory.com/tag" title="태그"><i class="fas fa-hashtag fa-1x"></i></a> |
    <a href="https://tsskin.tistory.com/guestbook" title="방명록"><i class="fas fa-grin-wink fa-1x"></i></a> |
    <a href="https://tsskin.tistory.com/rss" title="RSS"><i class="fas fa-rss fa-1x"></i></a> |
    <a href="https://tsskin.tistory.com/admin/entry/post/" title="쓰기"><i class="fas fa-pen-square fa-1x"></i></a> |
    <a href="https://tsskin.tistory.com/manage" title="관리자"><i class="fas fa-user-cog fa-1x"></i></a>
</div> <!-- 상단 메뉴 아이콘 폰트어썸 사용 PC버전에는 fa-solid-900.woff 추가  끝-->

티스토리 스킨을 제작 하다보면 가로와 세로 크기를 확인할 필요가 있음.

다음과 같은 스크립트로 확인이 가능함.

<div style="text-align:center; margin: 10px auto;"> <!-- 본문 사이즈(가로*세로) 확인 스크립트 시작 -->
	<script> 
			const elem = document.getElementById("wrapper");
			document.write("현재 화면 크기 : ");
			document.write(elem.clientWidth);
			document.write("*");
			document.write(elem.clientHeight);
	</script>
</div> <!-- 본문 사이즈(가로*세로) 확인 스크립트 끝 -->