웹마스터 팁
졸졸이 스토커 가두어보기 2탄(보드우측에 포함된 것처럼)
2008.04.26 18:45
먼저 레이아웃 CSS에서
/* Site Layout - Column Left */ <=기본스킨 그대로 두었읍니다. /* Site Layout - Column Right */ <=변경 합니다. |
Column Right부분을 둘로 나누어 줍니다.
그전에 본문부분을 padding으로 여백을 주어 졸졸이가 들어가도 어울리게 조정합니다.
제가 사용하는 졸졸이 이미지는 폭이 10px이하라 본문의 좌측에 10px, 우측에 22px(졸졸이가 다닐공간 포함)을 주어서 조정했읍니다.
다음 본문의 leftcontent에 본문 디자인을 해주고, rightcontent에 졸졸이 공간을 정해줍니다.
언자 , Layout에서
<div> <div id="columnLeft"> <=좌측메뉴가 있는 공간(아래 구문은 로그인과 메뉴 대신에 이미지와 위젯으로 내용만 바뀐 경우입니다.) </div> </div> |
적용된 페이지 예문 그림입니다.
적용 홈페이지는 관리자 전용이라 접근이 곤란 할 것입니다.
레이아웃 구성이 완료되면 전체게시판에 적용할 예정입니다. 한번 보시고 싶어한는 분들에게는 죄송합니다.

아래 376번 게시물 ARTLAB님 팁을 참고하여 약간 변형 & 쫄쫄이 스토커 레이아웃에 붙이기 의 댓글에 있는 제글대로 하면 아래 그림처럼 적용됩니다(보드를 쪼그려트리고 우측에 비집고 들가기).

둘의 차이는 배경색을 주었을때나 와이드모니터에서 엄청 큰 차이가 납니다.
위에 그림은 columnRight 배경색위에 본문과 졸졸이가 오는 경우이고
아래 그림은 별개로 노는 경우입니다. columnRight에는 게시판만 오게 되고 졸졸이는 우측에 새로운 column에 오게되는 경우이지예.
뭐, 정밀하게 색상과 PX 지정해 주면 같은 모양처럼 보이게 만들 수도 있겠지만은 여러번의 시도 끝에 위에 방법이 간단하고 편집하기도 훨씬 쉬워 보이네예.
제목 | 글쓴이 | 날짜 |
---|---|---|
졸졸이 스토커 가두어보기 2탄(보드우측에 포함된 것처럼)
[1]
![]() | 갯가 | 2008.04.26 |
게시판에서 확장 변수를 쓰는 경우 1.2.0 이상 버전으로 업그레이드하기 전에 패치하시기 바랍니다.
[5]
![]() | mooo | 2009.04.14 |
홈페이지 타이틀이 $user_lang->home ,freeboard등으로 나오는 문제 수정방법(자체해결) [1] | 정박사닷컴 | 2009.04.18 |
홈페이지 접속 속도에 미치는 에드온. [2] | jih449 | 2009.03.27 |
폰트가 작아져요
[2]
![]() | 황소111 | 2009.04.17 |
상단메뉴 개수를 지정한 만큼만 보여주고자 할 경우 [9] | 똑디 | 2007.08.23 |
여러 개의 메뉴를 달아보자!
[5]
![]() | 고라리 | 2007.08.23 |
위지웍에디터가 갑자기 작동을 안할때 | 팔공산 | 2007.08.23 |
확장변수 [2] | 다케루 | 2007.08.25 |
플래쉬 화일을 헤더와 푸터에 넣어보기
[11]
![]() | choi2007 | 2007.08.27 |
분류(카테고리) 색상 지정하기.
[12]
![]() | 송암 | 2007.08.27 |
올블로그에서 제로보드가 깨질때..
[1]
![]() | 스컬리지금어디야 | 2007.08.27 |
썸네일 크기 줄이는 법 [6] | 느까끼 | 2007.08.27 |
최신댓글에 닉네임 출력하기... [5] | 똑디 | 2007.08.28 |
플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
페이지수정 안되시는 분들께 드리는 팁 [2] | 다케루 | 2007.08.30 |
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] | kangho | 2007.08.30 |
(최근글목록) 분류명 표시하기 & 이미지 [7] | Simulz | 2007.08.31 |
서버이전하고 마이그레이션하고 경험담 [3] | 팔공산 | 2007.08.31 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |