Creative

BlackNoir2 Skin Released

2008/03/30 00:36
! 이 스킨은 전 Xenosium 스킨이던 BlackNoir v4와는 다른 스킨입니다. 착오없으시기 바랍니다.

텍스트큐브용 스킨 BlackNoir의 후속작인 BlackNoir2를 올립니다. 뭐 별 특별한건 아니고 원래있던것을 마구마구 뜯어 고친 거지만 생각보다 꽤나 다른 느낌이 되었네요 ㅎㅎ

Firefox 2와 IE7에서 정상 작동합니다. IE6에선 체크 안 해 봤습니다만 적어도 PNG문제는 없을겁니다. (다 JPG나 GIF로 바꿨거든요. 캬캬캬=_=) 다 바꾼줄 알았는데, 아직 덧글/방명록 부분의 삭제/편집/댓글달기 아이콘이 PNG였네요. 뭐 다행히 작은 아이콘이니까.. orz
..아니 그건 그렇고 아직도 IE6쓰시는 여러분들 이젠 브라우저 좀 업그레이드 하시지요!!

– 이 스킨은 “맑은 고딕”을 기본 폰트로 사용합니다. 최상의 가독성을 위해서는 Cleartype폰트 스무딩 기능을 켜주세요.

나름대로 테스팅은 했으나 버그나 문제점이 발견되면 댓글로 알려주시면 해결하도록 노력하겠습니다.

기존 BlackNoir (v1.02)와의 변경점:
  • 헤더/테두리 디자인 변경
  • 풋터 제거
  • 블로그 제목 왼쪽으로 > 이제 (웬만큼) 긴 블로그 제목도 소화 가능!! =_=;;
  • sIFR 플래시 타이틀 적용 (해제하고 싶다면 skin.html의 스크립트 부분을 지워 주면 됩니다.)
    [알림: 플래시 타이틀 문자 추가시 용량이 늘어나는 관계로 기본으로는 한글과 영문자만 임베딩되어 있습니다. 따라서 운영하시는 블로그의 포스팅 제목에 한문이나 일본어 문자가 포함되어 있다면 skin.html의 sIFR 스크립트 부분의 “ygo330-en-ko.swf”를 “ygo330-en-ko-jap.swf”로 바꿔주셔야 정상적으로 표시가 됩니다. ]
  • 부분마다 제멋데로이던 사이드바를 (나름대로) 수정함
  • …또 뭐가 있더라..orz
3월 31일 1:14AM 수정판 (v2.01):
  • 사이드바 태그 링크 버그 수정.
  • 사이드바 h3 타이틀에도 sIFR 플래시 타이틀 적용
  • sIFR 타이틀 사이즈 조정/ Firefox에서 첫부분 뜨는 문제 처리
  • 댓글/방명록 입력창/내용 디자인 수정
  • ! 본문 폭 크기 680px !
  • 본문 줄 간격 조정 (1.4em)
  • 본문 기본 h5, h6 (서브타이틀) 스타일 추가
  • 본문 리스트 (ol, ul) 스타일 추가
  • 사이드바 링크 색깔 수정 (본문보다 눈에 튀어서 #999999로 더 어둡게)
  • 기타 조잡한 코드 청소 등등
3월 31일 2:06PM (v2.02):
  • sIFR 두줄 문제 수정/사이즈 조정. [두줄짜리 긴 제목도 이제 제대로 나옵니다. 야호!]
  • sIFR 2.05로 업그레이드/ 링크 안 눌러지는 문제 해결

4월 1일 11:44PM (v2.02):
  • 기본으로 skin.html에 tabber기능 자바스크립트 삽입. (관련 포스팅)
  • 기타 작은 버그들 수정

4월 3일 03:42AM (v2.02):
  • 아아아악 옥의 티!! 제가 작업한 1280×1024에서는
    아무 문제 없는데, 새 와이드 모니터로 바꾼 후 보니 1680×1050같은 더 넓은 해상도나 스킨 폭보다 작게 창을 줄이면
    헤더와 배경이 겹치는 부분에서 1px정도 어긋납니다. (풋터도 마찬가지)
  • 문제점 고쳐서 파일 다시 업로드 합니다만 다시 받기 귀찮으신 분들은 직접
  • style.css에서 #maincontentbg 를 찾아서 background-attachment: fixed;라인을 지워주시고
  • skin.html에서 맨 밑에

    <!-- Footer Start-->부터 <!-- Footer End-->까지 부분을 바로 위의 </div><!-- maincontentbg close --> 안으로 넣어주세요.

  • 번거롭게 해드려서 다시한번 죄송합니다. ㅜㅜ

4월 18일 4:25PM (v2.02):
  • print.css를 추가했습니다.

현재 알려진 문제점들:
  • 텍스트큐브에 기본 내장되어 있는 “블로그 아이콘 표시” 플러그인에 아이콘 사이즈가 16×16 이상으로 되어 있으면 덧글 부분이 깨질 수 있습니다. 작은 사이즈로 사용하시길 권합니다만 (아니면 아예 꺼버리시던가.. 비표준 XHTML1.0코드이니까=_=) 만약에 큰 아이콘을 그렇게 원하신다면 (…) style.css에서 .comment p.repinfo 와 .guestList p.repinfo 부분을 찾아서 height: 20px 부분의 값을 알맞는 사이즈로 변경해주세요.
  • 방명록이나 메인 페이지에서 ‘댓글에 댓글’을 달때 (팝업창에 내용 입력하고 저장할때) 댓글이 등록됨과 함께 플래시 타이틀이 사라지는 경우가 있습니다. 이것은 sIFR의 동작 특징상 어쩔 수 없는 문제이므로, 이해해주시기 바랍니다. (당연히 다른 페이지로 이동하거나 해당 페이지를 새로고침하면 다시 나타납니다.

* * *

아무튼, 텍스트큐브 스킨 갤러리에서 다운 받으시고
미리보기는 여기(현 블로그에 미리보기 모드)
또는 여기(개별 서버에 따로 설치된 테스트용 블로그) 클릭하세요.

알림!
– 플래시 10에 맞춰 sIFR이 업데이트되었습니다. 이 포스팅을 참조해주세요.

[알림: 첫 링크(제노시움에 미리보기모드)로 들어갔을때 코멘트를 남기시면 코멘트 창 스타일이 깨지는 에러가 발생하는데, 이것은 미리보기 모드여서 그렇고, 개별 블로그에 기본 스킨으로 설정했을때에는 발생하지 않으니, 걱정하지 않으셔도 됩니다. (하타님 감사합니다^^)]

– 이 스킨은 태버 자바스크립트 기능이 기본으로 내장되어 있습니다! 다국어 블로깅을 하시는 분들에겐 필수! 이 포스팅을 참고하세요.

! This skin is different from the previous Xenosium skin BlackNoir v4. Please don’t be confused.

Here comes the sequel(?) to my first ever created BlackNoir skin for Textcube. Well I just messed around with the original design and fixed here and there, and voila it turned to this which looks quite different from the original.

Works (Looks) fine in Firefox 2 and IE7. I haven’t tested in IE6, but at least there shouldn’t be any PNG problems, mainly because there aren’t any PNG graphics in the skin!!! hahahahah 😀 Never mind, as there were a couple teeny-tiny icon bits left in the comment/guestbook part. 😛
Having said that, COME ON people! (those who still use IE6) upgrade your browsers already!! ~_~

Tested a several times to look for design faults or bugs… but who knows there might be some more.. I’m open for feedback, BUT sorry can’t do much about the fact the code is fugly dirty. really sorry. 😛

Changes from BlackNoir (v1.02):
  • Header, border design
  • Footer removed
  • Blog title to the left > Now can display long blog titles without any problem (I hope)
  • sIFR Flash Title applied (If you don’t want it just remove the related script part in skin.html)
    [Note: If you’re running a blog with article titles having Japanese characters, you need to change the sIFR script part’s “ygo330-en-ko.swf” to “ygo330-en-ko-jap.swf” in order to display correctly.]
  • fixed the design inconsistency in sidebar elements
  • eh and there was more? XP
March 31, 1:14AM (v2.01):
  • Sidebar tag list color bug fixed.
  • Applied sIFR flash titles to sidebar h3 headings
  • sIFR text size fix, post title blank space bug in Firefox fixed
  • Comment/Guestbook input panel design changed
  • ! Main content column width is 680px !
  • Article line height set to 1.4em
  • Default article h5, h6 (subheadings) styles added
  • Article list styles (ul, ol) added
  • Sidebar link color set to #999999 (equal as normal article text)
  • etc minor code clean-ups and fixes
March 31, 2:06PM (v2.02):
  • sIFR Multi-line problem solved. [Now can display long titles with multi-line without any problem! hurray]
  • sIFR upgraded to version 2.05 – link problem fixed

April 1, 11:44PM (v2.02):
  • Tabber function javascript link inserted to skin.html by default. (A post explaining the function will come up soon)
  • Other various bugs fixed

April 3 03:42AM (v2.02):
  • Arrgh!! Another issue! When I first made it in 1280×1024 it
    looked ok without any problems, but after getting my new wide monitor,
    I noticed the section where header bg and vertical bg meets gets
    displaced by 1px, as well as the footer, in larger screen resolutions
    like 1680×1050 or smaller resolutions than the actual skin width.
  • I reuploaded the file, but if you’re too lazy to DL it again, do the following:
  • style.css: find #maincontentbg, and erase the following line:
    background-attachment: fixed;

  • skin.html: cut from <!-- Footer Start-->to <!-- Footer End-->,and paste it INSIDE the </div><!-- maincontentbg close -->.
  • Sorry for the bother. T_T

April 15, 4:25PM (v2.02):
  • style.css added

Known issues so far:
  • When using the default-installed “Blog Icon” plugin in Textcube, and the icon size setting is set to anything larger than 16×16, the comment section of the skin may crash. I would recommend to use 16×16 size (or just don’t use it at all, cause it’s invalid XHTML code.. =_=) or if you’re desparate for large icons, go to style.css, find style class .comment p.repinfo and .guestList p.repinfo and modify  height: 20px to an appropriate value.
  • When you register a comment from an external popup window (ex. comment on comment function), the page’s flash title will dissapear. This is a problem caused by sIFR’s characteristic, and so there is no way of fixing it other than disabling sIFR. Please bear with it. (Of course, if you reload the page or navigate to a different page in the blog, flash titles will reappear. This does NOT affect normal comment written in normal non-popup, original window.)
* * *

Anyways, enough talk, download in the Textcube Skin Gallery
and preview by clicking here (this blog in skin preview mode)
or here (a separate blog set up for testing purposes)

Notice!

– After the Flash player 10 update, sIFR has been updated. Make sure you read this posting.

[NOTICE: When you preview the skin through the first link (my blog in temporary skin preview mode) and try to write a comment, the box style crashes to white. However this is ONLY because it’s in the preview mode, and the bug does not appear when skin is applied properly (like the second link above). No need to worry. (Thanks to Hata(하타))]