스킨 또 변경.. CyStyle 1.5

2008/06/22 05:32 다이어리
사용자 삽입 이미지
예전에 만들었던 CyStyle을 이용해 좀 손좀 봤다.
전에는 의도적으로 미니 홈피와 좀 다르게 구성했었는데 이번엔 따라가려고 노력중...

아직도 진행중이다...

거의 같아질때까지.. ㅎㅎㅎ


하다보니 카테고리도 재구성해야했다..(이건 좀 아닌데..암튼.. 어쩔수 없고..)

나름 따라하다 보니 깔끔해 진것 같기도하다.. ㅎㅎ



덧1: 너무 같다보니... 싸이도 먹고 살아야할 거고.. 배포는 불가할 것같다.. OTL..


덧2: 역시나 공간이 협소해서 너무 답답한 스킨이다;; 휴...


2008/06/22 05:32 2008/06/22 05:32

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

2007/02/05 11:19 게시판/Computer

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

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

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



2007/02/05 11:19 2007/02/05 11:19

[태터툴즈 스킨] CyStyle 배포

2007/01/15 09:03 게시판/Computer
[by_sammy3]

사용자 삽입 이미지
태터툴즈용 스킨을 만들어봤습니다.
테스트로 계속 이것저것 수정하면서 시간을 두고 만들었는데요. 처음엔 싸이월드와 거의 판박이처럼 만들었다가 아무래도 글 보기가 안좋아서 블로그처럼 글을 늘어뜨리는 형식으로 재작업 했습니다.
사이드바 지원하구요...

이상입니다. ^^

---수정내용--
테두리 이미지 교체했습니다. png->gif

-- 버그수정 : 2007-02-05 (feat: 오이님)
쓸데없는 </div>태크가 들어가있네요;;
밑의 태그로 교체해주십시오..

<s_article_protected>
<div class="article_title"> <H2></H2></div>
<div>
<div style="float:left;"><font class="article_category"> 보호된글 </font></div>
<div align=right>&nbsp;<font class="article_date">&nbsp;&nbsp;</font></div>
</div>

<div class="article_body"><center>보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요.<br><br><label for="">비밀번호 ::</label>
<input type="password" maxlength="16" id="" name="" class="input_protect" value="" onKeyPress="if (event.keyCode == 13) { }" />
<input type="button" class="comment_submit" value="입력" onClick="" />
</center>
<br />
<br />
</div>
</s_article_protected>



2007/01/15 09:03 2007/01/15 09:03