본문 바로가기

컴퓨터/IT

CyStylePage 스킨을 미니홈피 사이즈로 변경하기

[by_sammy3]
이전에 배포했던 CyStyle 스킨을 미니홈피의 사이즈로 바꾸는 방법입니다.

먼저 바꾼후의 모습은 아래 이미지와같이 됩니다.

CyStyle 스킨변경 후 모습

다른점은 위아래의 높이가 고정되어 미니홈피와 비슷하게 연출됩니다.
바꾸는 방법은 Style.css만 살짝 고쳐주시면 됩니다.

 /*컨텐츠위치*/
 .content_div {float:left;position:relative; left:21px;width:476; height:440px; overflow-x:auto;overflow-y:auto;  z-index:1;border-top:1px dotted #ccc; background-color:#FFFFFF}

 /*사이드바*/
 .sidebar {margin:0px; position:relative; left:45px; top:3px; z-index:2;width:180; height:440px; padding-left:0px; overflow-x:hidden;overflow-y:auto;}



Style.css파일안에서 위와 같은 비슷한 부분을 찾아 위의 코드로 바꿔주면 끝입니다
아마 18번째줄에서부터 24번째 줄까지의 부분일겁니다.

위와 같이 바꾸게 되면 사이드바에 스크롤이 생겨서 좀 보기가 흉합니다.
관리->스킨->사이드바 페이지로 이동하셔서 왠만한건 빼고 카테고리라든지 꼭 필요한 부분만 남겨 놓으시는게 보기가 더 낫습니다. ^^

ps. 원래 이런 모양으로 배포를 하려고 했었는데 문제가 생길거 같아 수정요령만 알려드립니다. ^^;