스킨 또 변경.. CyStyle 1.5

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

아직도 진행중이다...

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


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

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



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


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


"다이어리" 카테고리의 다른 글
  · 인터넷 라디오 듣기 - 토아라디오 1.42b  2006/10/25
  · K-Lite Codec Pack 설치후 곰플레이어 자막 이중표시  2007/01/15
  · 크리스마스트리를 함 사볼까...  2006/12/21
  · 바이크  2006/08/10
  · 나의 군대이야기..1  2007/01/04
  · 난 혼자 논다, 나혼자족  2006/11/23
  · 스킨변경.. 화이트스페이스기반 뉴스페이퍼틱 스킨;  2008/05/29
  · 블로그에서 아기키우기~  2008/06/23
  · 2009년 새해가 밝았습니다.. + 프랭클린플래너 CEO구입  2009/01/02
  · 간만에 하루 휴가...  2007/10/05
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. 원래 이런 모양으로 배포를 하려고 했었는데 문제가 생길거 같아 수정요령만 알려드립니다. ^^;



"Computer" 카테고리의 다른 글
  · 넥슨 카트라이더 광고 제거하기  2008/06/15
  · 자바 동적 클래스 로딩 예  2008/08/12
  · 간단한 로또 프로그램 c#  2006/11/03
  · me2day 버그 발견 ㅋ  2007/03/12
  · [플러그인] 티스토리 , 태터툴즈 범용 포스팅 페이지 전체,오늘,어제 카운터  2007/04/09
  · 자바스크립트 디버깅  2007/07/24
  · 애드센스 첫수입 아자!  2007/05/08
  · 내 블로그에 인기글 리스트를 달자 - 티스토리,태터 겸용  2007/05/10
  · 오픈아이디 플러그인 설치  2007/04/25
  · 원격 로그인 결국 성공!  2007/09/23
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>

CyStylePage.zip


"Computer" 카테고리의 다른 글
  · 넥슨 카트라이더 광고 제거하기  2008/06/15
  · 자바 동적 클래스 로딩 예  2008/08/12
  · 간단한 로또 프로그램 c#  2006/11/03
  · me2day 버그 발견 ㅋ  2007/03/12
  · [플러그인] 티스토리 , 태터툴즈 범용 포스팅 페이지 전체,오늘,어제 카운터  2007/04/09
  · 자바스크립트 디버깅  2007/07/24
  · 애드센스 첫수입 아자!  2007/05/08
  · 내 블로그에 인기글 리스트를 달자 - 티스토리,태터 겸용  2007/05/10
  · 오픈아이디 플러그인 설치  2007/04/25
  · 원격 로그인 결국 성공!  2007/09/23
2007/01/15 09:03 2007/01/15 09:03