demun.skin.no.16 티스토리 스킨 16버젼 배포합니다.

demun
티스토리/스킨배포
2011. 1. 10. 06:00

대문 스킨 16번째 버젼을 배포합니다. 먼저 아래글을 참고하세요. 형태별로 나누어서 다시 배포한글입니다.

http://demun.tistory.com/1878

중간에 15번째는 제가 만들다 포기해서 16번째로 넘어갔네요...

15번째 버젼은 없구요. 바로 16번째입니다.

다음 포스팅으로 현재의 버젼을 수정하는 방법을 포스팅 할 예정입니다.
적용하시고 변경하시고 싶으신분은 포스팅을 참고해주세요.
이번 스킨의 특징은 아래와 같습니다.

나눔고딕 글씨체를 기본으로 했습니다.
크로스브라우징 환경에 맞출려고 노력했습니다. 테스트된 브라우져 IE6, IE7, IE8, 크롬,오페라,파이어폭스,사파리 모두 정상적으로 보입니다.
사이드바 확장(아래 설명 참고)
배너영역 확장.
CSS 분리(아래 설명 참고)
HTML 코드 WC3 합격(확인)

사이드바 확장.

사이드바 부분을 확장했습니다.

이전에도 한 이야기이지만 블로그를 하다보면 사이드바에 놓고 싶은 메뉴가 있고, 블로그 하단에 놓고 싶은 메뉴가 있습니다. 그래서 이 부분을 확장한겁니다.
즉 아래처럼 4가지 형태로 이용하실수 있습니다.

본문 + 사이드바
본문 + 사이드바 + 하단 사이드바
본문 + 사이드바 + 하단 사이드바 + 하단 배너영역

있는것과 없는것을 스샷을 찍었으니 참고하세요.

차후에 댓글 부분에 이미지를 하나 추가했는데 익스에서는 보이지 않더군요. 있으나 없으나 그리 상관은 없지만 걍 진행합니다. 다른 브라우져에서 보면 댓글 부분에 이미지가 하나 더 보일겁니다.
또 한가지 특징은 스샷에는 안나왔지만 배너부분에 이미지부분을 이전보다 약간 보기좋게 했습니다.

스킨을 사용하시는 분은 한가지 수정을 하셔야 합니다. 블로그 제목이 이미지로 되어 있습니다. psd 파일을 첨부하니 이름만 변경해서 사용하시든, 아님 다른 이미지를 만들어서 사용하세요. 스킨을 변경하시면 블로그 제목부분이 아래의 이미지로 보여집니다.

배포에 대해서 다시 한번 말씀드립니다.비정상적으로 블로깅을 하시는 분과 스킨을 공유하고 싶은 맘은 없습니다.
정상적으로 글을 쓰고 블로그를 하는분과 공유를 합니다.
여기서 정상적인 블로그란 어느정도의 포스팅을 한 블로그를 뜻합니다.
글이 하나도 없는 빈 블로그는 아닙니다.블로그 주소와 이메일을 적어주셔야 합니다.
그래야 비번을 이메일로 보내드립니다.자세한것은 공지사항을 읽어주세요.

확인을 한다고 하나 버그가 하나 발견되었습니다. IE7에서 댓글이 안보이는 증상입니다. IE6과 8은 정상적이나 IE7 이 문제네요. 버그해결시까지 잠정 배포 중지합니다. 미안합니다.
ie7에서 댓글 부분이 안보이는것은 ie버그로써 hasLayout 입니다. 이놈을 해결하느라고 몇몇군데를 더 손을 봤습니다. 저의 모토인 브라우저 호환성(cross browsing)을 해치는 아주 나쁜넘이죠^^; 여하튼 해결하고 ie 모든버젼에서 정상적으로 보입니다.
요전에 제작배포한것에서 아래 몇군데가 추가되어 변경됐습니다.

게스트와 관리자가 따로 이미지가 표기되도록 했습니다.게스트 빨강색이미지, 관리자 검은색이미지.
관리자 댓글부분은 검은색배경과 흰색글씨로 했습니다.
댓글부분에 html 코드를 좀더 손봤습니다.
댓글부분에 한단락이 지나면 점선이 표기되도록 했습니다.

이유는 게스트와 관리자가 구별이 안되서 약간 더 손을 본것입니다.

이미지 첨부합니다.

추가합니다.(2011-01-13)

파일중에 main.css 를 다시 업로드 해주시면 됩니다.
수정사항. 공지사항도 본문과 같은 스타일 적용(글꼴,리스트 스타일,pre,이미지크기 등등) 불필요한 코드 2개정도 삭제.

추가합니다.(2011-01-16)

방명록에서 admin 댓글달때 검은색 이미지가 안보이는것을 보이게끔 수정.(파일교체했습니다)
기존의 스킨을 사용하시는분은 스킨을 변경하시 뭐하시면 아래 노랑색 있는 부분을 검색하셔서 그아래 3줄만 추가해주면 됩니다.


<div id="guestListWrap" class="[#\#_guest_rep_class_##]">
	<div class="pic_admin">
		<img alt="" src="./images/admin.gif">
	</div>

바꾸지 않아도 상관없지만 좀더 좋은 가독성을 위해 하나더 추가했습니다. 추가된 코드는 아래와 같습니다. 스킨 변경하기 싫으신분은 코드만 style.css 에 추가하면 됩니다.


.guest_admin p a, 
.rp_admin p a{
	color:#fff;
	text-decoration: underline;
}

추가합니다.(2011-1-20)(파일교체했음)

방명록에서 관리자가 쓴글을 검은색 배경에 흰글씨가 되도록 표현. 스킨을 적용하신분은 아래처럼 노랑색 코드하나만 추가해주세요.


.guest_secret ul li p, .guest_admin p, .rp_admin p{
	background-color: #333;
	color:#fff;
	border: 1px solid #CCCCCC;
	height: auto !important;
	line-height: 1.5em;
	margin: 0;
	min-height: 150px;
	padding: 20px;
	width: 370px;
}

추가합니다.(2011-6-30) 파일 교체했음.

ie 에서 검색이 안되는점을 수정했습니다. 파일교체했습니다. 변경된 부분은 아래 주소를 참고하세요.
http://demun.tistory.com/1929

개 개

demun(대문블로그)