Bluum:fx Skin for Textcube.com

2009/05/17 23:34 / Creative

User image

얼마전 공개한 Bluum:fx 스킨의 텍스트큐브닷컴용 버전을 배포합니다.

스킨 특징/정보

  • 원래 처음에 디자인 했던 대로, 스킨의 본문 폭은 410px (그림은 최대 400px)으로, 보통 스킨보다는 좁은 편입니다. 하지만 청명님께서 폭을 늘려서 사용하시는걸 보고 이것도 나름 괜찮겠다.. 해서 폭 늘리기가 쉽도록 손을 좀 봤습니다.
  • 본문의 폭을 넓히시려면

    style.css에서 #contentColumn 부분을 찾아서 width: 410px로 되어있는 곳에 에 원하시는 값이 되도록 더해주세요. 그리고 #bgvertical와 #copyright부분의 width, 에도 동일한 값을 더해주세요. (copyright= 본문 폭+320px, bgvertical=본문폭+461px입니다) 그리고 마지막으로 index.xml에서 <contentWidth>400</contentWidth> 부분에도 동일한 값을 더해주세요.
  • 되도록이면 사이드바 모듈들은 기본으로 배치되어있던 위치에 놓아주는 것이 보기에 좋습니다. (최근 글, 댓글, 트랙백, 공지, 카테고리는 왼쪽 사이드바에, 블로그 프로필, 방문자수, 검색, 링크등은 오른쪽에.)
  • 한 페이지당 권장 표시 포스팅 갯수는 1개입니다.
  • 블로그 프로필의 그림 사이즈는 165x165px입니다.
  • BlackNoir2, 설치형 텍큐용 Bluum:fx 스킨과 동일하게, 태버 자바스크립트 기능이 포함되어 있습니다. 자세한 정보와 사용법은 이 포스팅을 참고하세요. 하지만 텍큐닷컴의 js파일 업로드제한때문에 기능이 풀리기 전에는 사용할 수가 없을 듯 합니다.

+업데이트 2009/07/11 14:46

수정 내용 보기


+업데이트 2009/10/18 00:02

수정 내용 보기


+업데이트 2009/10/19 01:36

수정 내용 보기



스킨 미리보기:


스킨 다운로드:

  • 텍스트큐브 스킨 게시판에서 받으실 수 있습니다. 설치형 텍큐버전과 같은 페이지에 있으니 알맞은 버전을 받아주세요.
  • 마지막 수정된 날짜: 2009년 10월 19일

브라우저 호환성

  • 다음 버전의 브라우저에서 테스트되었으며 정상적으로 출력됩니다.
resize
※인터넷 익스플로러 6은 지원하지 않으며 깨져보일 수 있습니다.

설치 방법:

관리자 페이지 > 꾸미기 > 스킨 편집으로 들어가서 페이지 밑의 '파일 업로드' 버튼을 누르고 다운받으신 압축 파일을 선택해주세요. 업로드가 된 것을 확인하시고 '적용하기' 버튼을 누르면 끝!

텍스트큐브닷컴의 특성상 사이드바에서 항상 '프로필''관심 블로그 목록'이 왼쪽 사이드바에 뜨는데, 되도록이면 꾸미기 > 위젯 페이지에서 두 모듈을 오른쪽 으로 끌어 옮긴 후 저장해주세요.

* * *

스킨을 사용하시다 수정해야할만한 부분을 발견하시거나 스킨에 관련한 질문이 있으시다면 이 포스팅에 댓글로 남겨주시면 답변해드리도록 노력하겠습니다.

responses

55 comments

  • 쿠나 2009/05/18 07:06

    Edit Reply

    오오오!! 청명님 스킨이 이거였군요..
    참고하겠습니다 :)
    • Kimatg 2009/05/18 16:08

      Edit

      ㅎㅎ 네, 참고하세요^^ (?)
  • 청명 2009/05/18 07:39

    Edit Reply

    부, 부끄럽사옵니다. 제 이름이 실리다니 ;;;

    확실히 원본 제작자 + 실력자 가 직접 만드니 품질이 다르군요... OTL

    잘 가져다 쓰겠습니다 ; ㅅ;
    • Kimatg 2009/05/18 16:07

      Edit

      허허 별말씀을요. 잘 쓰세요~ ^^
  • Indier 2009/05/18 17:00

    Edit Reply

    텍스트큐브닷컴스킨과 텍스트큐브스킨은 어떤 차이점이 있나요?
    • Kimatg 2009/05/18 22:32

      Edit

      베이스는 같으나 트랙백, 댓글이 하나로 통합되는 등 변화때문에 텍스트큐브닷컹에서는 더이상 쓰이지 않는 치환자 등이 있습니다. 또한 댓글 작성 부분등 여러 하드코딩되어 (skin.html에 포함되지 않음에도 자체적으로)출력되는 부분들을 CSS로 원래 스킨 디자인대로 스타일링했습니다.
  • 히라 2009/05/18 18:35

    Edit Reply

    역시 Kimatg 님 스킨 너무 이뻐요 ^.^
    그치만 지금 스킨도 공유 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
    잉잉~
    모두 공개가 싫으시다면 저한테만 살짝 ㅋ ^^^^^^^^^^^^^^^*
    • Kimatg 2009/05/18 22:34

      Edit

      앗, 그러니까 그건 좀 곤란...^^^^^^^^^;;;;
  • 2009/05/18 20:13

    Edit Reply

    와.. 배포한 스킨도 이쁘지만, 사용하고 계시는 스킨은 무지무지 이쁜걸요~ 아랫쪽 메뉴들도 이쁘게 만드셔서 부럽네요! 저도 저렇게 넣고 싶은데.. 역시 실력의 한계... (...)
    • Kimatg 2009/05/18 22:36

      Edit

      감사합니다^^
      꼬박 한주동안 스킨만 붙들고 열심히 삽질한 결과인듯 합니다^^;; (먼산)
  • 달무리 2009/05/18 21:32

    Edit Reply

    좋은 스킨 공개해주셔서 감사합니다. 전 오페라 브라우저를 사용하는데 검색창이 ie8에서보다 height가 더 크게 나오네요; 그리고 Kimatg 님이 지금 사용하고 계신 스킨도 오페라에서는 조금 이상합니다..-0-
    • Kimatg 2009/05/18 22:36

      Edit

      흠, 그런가요, 오페라는 한번도 써본 적이 없어서리...

      현재 스킨의 브라우저 호환성은 여기에 적힌 대로입니다. :)
  • 청명 2009/05/19 07:44

    Edit Reply

    적용했습니다. 달무리님 말씀대로 오페라에서 검색창이 조금 크게 나오긴 한데 그건 크게 거슬릴 정도는 아니라 다행이군요.
    그런데 오페라는 둘째치고 IE8의 호환성모드에서 레이아웃이 박살납니다 OTL

    텍스트큐브닷컴의 에디터는 IE8에서 호환성모드를 키지 않으면 이미지 업로드가 되지 않기 때문에 ..... orz 일단 껐다켰다 하거나 오페라를 사용하는걸로 대체중입니다. IE6에서도 깨지는거 확인했고요... IE7은 모르겠네요.
    그리고 이건 스킨 문제인지 정확히 모르겠는데 index.xml의 컨텐츠 폭을 바꿔도 에디터의 폭은 그대로더군요 ....... OTL 항상 640픽셀로 이미지를올리는데 .... 어휴;;

    그리고 스킨과는 좀 번외 질문인데 ... 줄간격 설정을 어떻게하죠? ...
    <p> 태그에 속성을 line-height 로 해서 주는게 맞나요?....
    오페라랑 IE랑 같은페이지에서 줄간격이 완전히 틀리게 나와서 말이죠 ... 휴;;
    • Kimatg 2009/05/19 10:51

      Edit

      ...확인해보니 그렇군요.
      폭 수정하기 쉽게 parent div에서는 width값을 지정해주지 않았는데 IE8이나 파폭에서는 괜찮은게 IE7에서는 깨지는군요. -_-;;

      아흐, 망할 IE...

      수정해서 다시 올리겠습니다.

      index.xml의 경우에는, 아마도 다른 스킨으로 적용했다가 다시 적용해야할 듯 합니다. 설치형 텍큐에서도 이상하게 이게 캐시가 남나봐요. ;;
    • Kimatg 2009/05/19 11:48

      Edit

      수정했습니다! 다시 받아가주세요.
      번거롭게 해드려서 죄송합니다ㅜㅜ
  • 청명 2009/05/19 12:54

    Edit Reply

    확인했습니다. 지금은 학교라 집에 가서 해 볼 생각인데요... 바뀐 부분이 많은가요? 지금걸 적용하고 편집한게 많아서 바뀐 부분이 조금이라면 그 부분을 제가 수정하는편이 나을 것 같아서요 . ... orz
    • Kimatg 2009/05/19 14:05

      Edit

      아 네, 확실히 그러실듯 하네요.

      수정된건 그리 많지 않습니다. style.css에서
      #mBody의 width를 없애고 대신 #bgvertical에 width: 871px를 지정했습니다. (포스트 본문에 수정해 적었듯이, bgvertical=본문폭+461px입니다)

      또한 검색창 높이 문제와 관련해
      #searchBox { height: 23px; }
      #searchBox .sInput { line-height: 1.3em }
      와 같이 추가했습니다.
  • 청명 2009/05/19 17:21

    Edit Reply

    친절히 답해주셔서 고마워요 / ㅅ/

    덕분에 잘 적용했습니다. 스킨, 감사합니다 ^^
    • Kimatg 2009/05/23 11:45

      Edit

      넵 스킨 잘 쓰시고 즐거운 블로깅 라이프 되시길! ^^
  • Luxury 2009/05/21 21:44

    Edit Reply

    이제 티스토리 버전이 나오는건가요!!!!!!!!!!
    • Kimatg 2009/05/23 11:46

      Edit

      앗, 티스토리도 있었죠 |||_|||ㅋ
  • 해바라기 2009/05/22 00:41

    Edit Reply

    머..멋진 스킨입니다!
    • Kimatg 2009/05/23 11:46

      Edit

      가...감사합니다! :)
  • 청명 2009/05/26 11:46

    Edit Reply

    뒤늦게 추가 피드백입니다.
    IE6에서 본문이 왼쪽으로 밀리면서 오른쪽 사이드바가 아래로 떨어집니다.
    그리고 댓글에 수정삭제 메뉴도 안뜨네요...

    그리고 다른 방문자분의 제본데 크롬에서도 깨진대요 .....
    • Kimatg 2009/05/26 12:09

      Edit

      음, 본 스킨과, 앞으로 제가 만들어낼 모든 스킨들도 IE6는 지원하지 않습니다.
      주변에 IE6깔린 컴터가 없어서 테스트해보지도 못했고, 앞으로 테스트 해볼 생각도 없습니다. 8년이나 된 브라우저를 아직까지 쓰는건 좀 아니라고 봐요.
      죄송합니다만 이해해주시리라 믿겠습니다. :)

      크롬은 테스트해봤는데 다 잘 나오던데요.
      어느 버전의 크롬에서 어느 페이지가 깨지나요?
  • 한비[韓非] 2009/06/17 15:03

    Edit Reply

    이유는 모르겠는데 로그인 창이 없네요..-_-
    왼쪽 상단에서보면 Kimatg님껀 있는데.....제껀 안보이네요...
    뭐가 잘못된것이지 -_-??
    • Kimatg 2009/06/17 17:54

      Edit

      혹시 설치형 텍스트큐브에 텍큐닷컴용 스킨을 잘못 설치하신건 아닌지요? ^^;;
    • 한비[韓非] 2009/06/18 03:13

      Edit

      음 말그대로 바꾸어서 되긴했는데요
      사실 여러가지 문제가 있었는데 나머지...는 고쳐졌고..
      로그인글만 안보이네요 ..-_-
      이상하게 로그인이에요
    • Kimatg 2009/06/18 07:56

      Edit

      제가 기억하기로 분명 한비님은 설치형이시죠?
      설치형 텍큐용 버전은 이 글이 아니고 여기에 있습니다. 그리고 설치형 버전에서는 텍큐닷컴처럼 왼쪽 상단에 "로그인"이라고 뜨지 않습니다.
      관리자 메뉴로 들어가시려면 사이드바에서 CP를 클릭하시거나 단축키 Q를 눌러서 들어가시면 되죠.

      이 문제가 아니라면... 정확히 뭘 뜻하시는지 잘 모르겠네요.^^;;
  • 스킨 2009/06/17 19:04

    Edit Reply

    안녕하세요~텍스트큐브에서 보고 왔는데요.
    혹시 텍스트큐브와 텍스트큐브닷컴용 스킨이
    어떤부분에서 차이가 나느지 알수 있을까요?
    다시말해서 텍스트큐브용 스킨의 어느 부분을 고쳐줘야
    텍스트큐브닷컴용으로 쓸수 있는지 그 부분이 궁금해서요.^^
    • Kimatg 2009/06/17 20:33

      Edit

      음.. 아직 공식 문서가 없어서 정확히 어떤 부분에서 다른지는 저도 자세히 설명드릴 수 없습니다만, 설치형 텍큐와 비교했을때 사용되는 치환자가 조금씩 다릅니다.

      생각나는 몇개 적어보자면... 댓글+트랙백이 하나의 "의견"으로 합쳐저서 댓글 리스트 부분이 달라졌고, 댓글 입력 창은 스킨의 HTML에 의하지 않고 기본 코드대로 출력되어서, CSS로 잡아 맞춰 스타일링할 수 밖에 없게 되었습니다. 또 프로필 페이지라는게 생겼죠. 사이드바에서 프로필 위젯과 관심 블로그 목록. 이 부분들도 마찬가지로 출력되는 코드에 맞춰 CSS로 스타일링 해 줘야됩니다. 포스팅 관리 메뉴 (편집,공개,삭제 등) 부분도 마찬가지입니다.

      다만 이 스킨(Bluum:fx)을 사용하실 생각이라면 변환하는 걱정하실 필요는 없습니다. 텍큐닷컴과 설치형 텍큐 용으로 맞춰서 두 버전을 배포하고 있습니다.
    • 스킨 2009/06/18 05:08

      Edit

      아 정말 성실한 답변 감사드립니다. 그런데 죄송하게도 무슨 말인지 이해를 잘 못하겠네요. 공부를 좀 더 해야겠네요.^^;;
    • Kimatg 2009/06/18 07:56

      Edit

      좀 복잡하긴 하죠^^;;
    • 한비[韓非] 2009/06/19 07:22

      Edit

      해결되었어요..;;; 역시 ... 그냥 제가 다르게 본거였군요..히히...
      감사해요 스킨 잘쓸께용~
    • Kimatg 2009/06/19 20:31

      Edit

      응? 한비님 엉뚱한 리플에 답변을 다셨네요 ㅋㅋㅋ
      암튼 제대로 되었으니 다행이네요.

      아 그리고 왼쪽에 그 까만 줄이 나타나는 이유는 모르겠지만... 일단 style.css에서 #bgvertical의 width를 870px로 해주시면 제대로 나옵니다. ㅎ_ㅎ;;
    • 한비[韓非] 2009/06/20 10:39

      Edit

      ㅋㅋㅋ 이거 달때 너무 졸려서 내껀줄알고 달았네요 하하하 스킨님 죄송합니다. 그리고 해결잘되었네요^^ 감사합니다
  • 엘군 2009/06/19 03:10

    Edit Reply

    아쉽게도 제 원래 포스팅이 그림 파일이 커서,
    전부 박살나는군요...좌절입니다.. 느낌좋아서 써보려고 했는데^^;;
    그림들이 전부 사이드바를 넘어서네요;;;

    인연이 닿지 않는군요~ ^___^
    하지만 좋은 스킨 감사합니다!!
    • Kimatg 2009/06/19 20:32

      Edit

      좀 폭이 좁은 편이긴 하죠. ㅎㅎ;;
      위에 설명한 대로 본문 폭을 넓혀보시는건 어떨지요? :)
    • 엘군 2009/06/20 16:54

      Edit

      제가 넷북을 쓰다보니 좌우폭이 넓어지면 느낌이 없어져서요 ^__^
    • Kimatg 2009/06/22 00:00

      Edit

      그, 그렇군요. ㅇㅅㅇ
  • 트랙백이,, 2009/07/10 20:21

    Edit Reply

    트랙백 주소가 나타나지 않네요,,
    댓글 눌렀을때,, ,왜그런거죠;;
    • Kimatg 2009/07/14 20:01

      Edit

      텍스트큐브의 코드상 뭔가 변경이 되었나봅니다. 수정했습니다 :)
  • 삼문이 2009/07/14 00:26

    Edit Reply

    본문에 줄간격이 너무 촘촘해서 보기가 힘드네요 ^^;

    혹시 줄간격 적용방법좀 알려주실 수 있으신가요?
    • Kimatg 2009/07/14 20:11

      Edit

      줄간격은 line-height로 변경할 수는 있지만, 삼문이님의 경우 블로그 글 코드를 보니 줄마다 div로 되어있더라고요? 이게 원인이지 않을까 합니다.
  • 컴포지션 2009/09/24 11:28

    Edit Reply

    안녕하세요.. 한가지 여쭈어 볼 게 있는데,
    스크립트를 그대로 사용하되 이미지들을 수정해서 사용해도 될까요?
    감사합니다
    • Kimatg 2009/09/24 19:15

      Edit

      네, 원저작자인 저를 크레딧에 넣어주신다면야 마음대로 수정하셔도 상관없습니다. :)
  • 서주현 2009/09/25 00:13

    Edit Reply

    감사합니다 :) 이쁘네요 ~
    • Kimatg 2009/10/01 21:43

      Edit

      네~ 잘 쓰세요^^
  • 세르엘 2009/10/17 16:51

    Edit Reply

    적용했을 경우, 우측 막대메뉴에 작지만 불편한(?) 문제가 있는 것 같아요. :) 이렇게요.
    적용하면 우측 상단의 막대메뉴가 밑으로 이렇게 내려와버리고, 정상적인 사용이 어렵습니다. 확인해본 브라우저는 IE7, 루나스케이프5(IE, FF), 파이어폭스3.5 , 크롬4 등인데 모두 똑같은 문제가 발생합니다. ^^;
    • Kimatg 2009/10/18 00:01

      Edit

      아, 이것도 저번의 트랙백 부분과 같이 텍큐 코드 베이스가 스킨 만들 당시와는 달라져서 이상하게 보이게 된 것들중 하나인듯 하네요-_-;;

      수정된 스타일시트와 BG 이미지를 포함한 새 압축 파일을 올렸습니다. 새로 받아가 주세요^^
    • 세르엘 2009/10/18 10:11

      Edit

      감사합니다!
    • 세르엘 2009/10/18 23:58

      Edit

      미묘하지만 몇가지 문제[...]

      1. 수정된 버전에서, 메뉴가 왼쪽으로 이동되었지만 마우스를 올리면 (멀티 블로그를 운영할경우) 뜨는 블로그 목록은 그대로 오른쪽에 뜸으로서 절대, 초속 1km의 속도로 날아가도 누를 수 없는[...] 상황이 되어버렸습니다.

      2. 컨텐츠의 가로 해상도를 임의 수정할 경우, 그보다 작은 해상도의 화면으로 서핑하는 사용자에겐 스크롤바가 생성되지 않아 가려진 부분 컨텐츠 확인이 불가능합니다[;;]
    • Kimatg 2009/10/19 01:33

      Edit

      두 문제 다 수정해 새로 올렸습니다. 확인해주세요^^
  • 아무개 2009/10/29 21:14

    Edit Reply

    엄훠나대박. 감사합니다.
  • 츠나군 2010/02/27 09:55

    Edit Reply

    우와!잘사용하겠습니다!

Submit