본문 바로가기

[ favorite ]/- 티스토리 -

티스토리 스킨 html 분석




<!-- HEADER -->

<div id="header">

        <nav>

            <h1><a href="https://nyhya.tistory.com/">감성 syrup</a></h1>

            <div class="topnav inertia">

</div>

            <div class="head_nav"><a href="javascript:;" id="head_nav"><span class="entypo-menu"></span></a></div>

            <div class="head_top"><a href="javascript:;"><span class="entypo-up"></span></a></div>

        </nav>

    </div>

<!-- //HEADER -->




< Header 전체 코드 >









































위의 이미지 중 

홈 / 태그 / 미디어 로그 / 위치 로그/ 방명록에 해당하는 topnav inertia class 















function popview(url){

  // alert (url);
  // window.open(origUrl,"new","scrollbars=yes,width=1000,height=800,resizable=yes");
 }

 

<a href="javascript:popview('image.jpg');"/>










유추 해본건데


저 버튼의 side_top 상태와 side_bottom상태가 있다고 판단됨.












컨텐츠 영역에 따른 너비 계산이 아니고

고정적인 값으로 정해져 있음.



최소값이 3190px

글의 길이에 따라 늘어남.