본문 바로가기

블로그 이야기/스킨 단순강좌

블로그 - 상단 또는 하단 고정 바 만들기

적용 예제: http://jmskin.textcube.com(상단바)

일단 자기가 넣고 싶은 div를 작성합니다.

예제:

<div>

뻥튀기 뻥뻥 뻥튀기

</div>

여기서 상단 div 태그를 요렇게 바꿔줍니다.

상단일경우:

<div style="z-index:99;top:0px;left:0px;right:0px;position:absoulte !important; position:fixed;"

뻥튀기 뻥뻥 뻥튀기

</div>

하단일경우:

<div style="z-index:99;bottom:0px;left:0px;right:0px;position:absoulte !important; position:fixed;"

뻥튀기 뻥뻥 뻥튀기

</div>

끝입니다.

만약 <div>가 <div id="어쩌구" class="어쩌구">따위라면

<div id="어쩌구" class="어쩌구" style="어쩌구">

로 바꿔주세요.

단순강좌! 끝!