hi8ar.net

역쉬.. 은근한 개그 센스~! ;p
건강이나 강건이나 똑같은 말인데.. 왠지 강건이라 뒤집어 적으니 건강보다 더더더더더더 건강해져야 할것 같은 느낌이에요~ 깔깔.. 그치만.. 감기.. 이젠 뭐 익숙한걸요. 감기따위.. 아니 친숙합니다. 해마다 찾아오는 오랜 벗.. 감기.. 겨울이 오고 있음을 알려 주려나 봐요~ 아~ 감기가 찾아오니 오히려 바짝 긴장되는게, 일이 더 잘 되는것도 같고~~ (감기님 덕에 횡설수설중.... @_@')

넵. 아쉽지만, 티스토리에선 무용지물입죠. :)
몇가지 스크립트도 공부해 보고, 더 예쁘게도 만들어 보고.. 뭐 그러고 있습니다. :)

옙.. 기억하고 있습니다.^^
모노크롬은 이제 기억의 저편에 묻혀진 스킨입죠. 여기저기 부족한 부분이 많은...
bg_header.gif bg_content.gif bg_contentTop.gif bg_footer.gif bg_h3.gif 이정도의 이미지를 수정하셔야 할것 같습니다.
layout.css 의 width와 position들을 적절히 수정하시면 750px 로 사용하시는 것도 불가능한 것만은 아닙니다.. :)

네. 저 역시 표지엔 별 관심이 없었습니다. 블로그에 표지 라니.. 좀 어울리는 조합은 아닌것 같아서요. :)

아.. 알라..븅... *_* 사랑해 주시는 겁니..까? 발그레... :p

에?? 음악이 삑사리가 나는 건 무슨 뜻일까요? :) 버퍼링??

뭐 태터데스크가 더 좋은점도 있는 것 같습니다. !important 를 주면 태터데스크 영역도 전혀 건드릴수 없는 건 아닐겁니다.. :) 다만 IE6 에서는 소용 없을 지도....

넵~.. 감사합니다. 그런데 굳이 비밀 댓글로 남기실 이유가?.... :)

죄송하지만, 헤더부분이 막혀서 나오다는 말씀이 무슨 말씀이신지 모르겠습니다. 현재 적용되어 있지 않아서 블로그에 방문해 봐도 모르겠습니다.

앗! 정말 그렇군요. 게다가 mt 를 mp로 적었네요..@_@'' 더해서 다시 올려두었습니다. 알려주셔서 감사합니다! :)

케케케케.. 부럽삼? :)

감사합니다~! ^^ 아 정말 그렇더군요. 알려주셔서 감사합니다~! 생각했던 대로 되지 않아 IE6 은 포기해 버릴까 했습니다만, 쵸큼 억지로.... 그러니까, 완벽하진 않지만, 그래도 조금 더 보기 좋도록 수정했습니다. :)

고맙습니다..^^; 마음 같아선 지금 보다 두배 정도 더 크게 하고픈뎅.. :)

음.. 딱히 안 보일만한 이유가 없는 것 같습니다. 아마도 업로드시 이미지 파일이나 css 파일이 제대로 올라가지 않았거나, 일시적인 서버 장애가 아니었을까요? 스킨 파일을 다시 업로드해 보시거나, 올려진 파일들의 사이즈가 0byte가 아닌지 확인해 보시면 해결될 것 같습니다. :)

뭐, 돈주고 파는 것도 아닌데, 뽀려가실 것 까지야.. 그냥 대놓고 가져가세요~ :)

감사합니다. 다른분 블로그에 적용된건 첨 봐요~ ㅠㅠ;
아마도 이스킨을 사용하시게된 첫번째 분이 아니실런지.. :)

음.. 그렇군요. 사이드바의 리스트 제목을 클릭해서 열고 닫고 하는 것은 그리 어려운 건 아닙니다만, 아래 내용 없이 큰 글자의 제목만 덩그러니 나열되는 것은 썩 보기 좋을 것 같지 않습니다. :) 사실 제가 별로 좋아하지 않는 방법이기도 합니다. 아무튼 참고 하겠습니다.
기본적인 사이드바 요소들은 항상 노출시키고, 링크 같은 덜 중요한 요소들은 감출수 있게 하는 것도 나쁘진 않겠네요. 연구해 보겠습니다. :)

네.. 정말 오랜만이에요. 확실히 공개를 맘에 두고 작업을 하면, 신경 써야 할게 많아서 힘들긴 한데, 나온 결과물은 한결 낫긴 합니다. :)

사실, 까다롭긴 하지만 익숙해 지면, 그냥 저냥 나도 모르게 쑴풍쑴풍 되버리지요. :) 이번에 나름 신경 써서, skin.html을 작성했으니, 앞으로는 css만 바꿔가면서.. 다산의 꿈을..... ㅎㅎ;
항상 감사합니다. :)

텍스트큐브에서는 두가지의 카테고리 리스트 치환자를 제공합니다.

하나는 리스트의 의미에 맞는 <ul> 안에 <li> 로 만들어지는 리스트형 카테고리([ ##_category_list_## ])이고, 다른 하나는 <table> 을 이용한 카테고리([ ##_category_## ]) 입니다.

리스트형 카테고리에서 비공개로 설정한 카테고리가 출력되는지는 몰랐습니다. 뭐 이정도라면 텍스트큐브 포럼에 버그신고라도 해야 할지도 모르겠어요. :)

아무튼, 펼쳐졌다 접혔다 하는 카테고리라는건 테이블형 카테고리를 말씀하시는 것 같습니다.


skin.html 에서 아래와 같은 내용을 찾으셔서 수정하시면 됩니다.

--------------------------------------------------------------
<!-- 블로그 카테고리 -->
<div class="categoryNav">
<h3>category</h3>
[##_category_list_##]
<!-- 의미있는 마크업을 위해 [샵샵_category_list_샵샵]를 권장 -->
<!-- 테이블형 카테고리를 사용하는 경우 [샵샵_category_list_샵샵]를 삭제 또는 주석처리하고,
아래 [샵샵_category_샵샵]의 주석 제거 -->
<!-- [샵샵_category_샵샵] -->
</div>
--------------------------------------------------------------

주석의 내용을 보시고 [ ##_category_list_## ] 를 [ ##_category_## ]으로 교체하시면 됩니다. ('#'을 '샵'으로 적어 둔 이유는 텍스트 큐브가 주석을 치환자로 인식하지 않도록 하기 위해서 입니다.)

테이블형 카테고리의 경우, 텍스트큐브 내부에서 코드가 만들어지고, css 적용을 하기 힘들다 보니 whiteBoard 스킨의 리스트 디자인이 담기지 않습니다. 다만 기본적인 css 내용은 sidebar.css에 이미 포함되어 있습니다.


지금 막 든 생각인데.... 좀 복잡한 코딩이 되겠지만, 어쩌면 리스트형 카테고리에서도 숨겨 놓을 수도 있을지도 모르겠네요.. 연구해 보겠습니다. :)

감사합니다. ^^

덧붙여서 몇 말씀만 더 드리자면...
사용하시는 플러그인중 Entry Hits Plugin, Recent Guestbook 등에서 만들어 주는 사이드바 리스트 에도 whiteBoard 의 리스트 디자인을 적용하실수 있습니다.

사용하시는 플러그인 환경 설정을 보시면... (JP님의 플러그인들은 거의 동일)
html 헤더 부분의
<div class="listbox"> 만
<div class="sidebarListBox"> 로 변경해 주시면 됩니다. :)


본문 부분에 "~분류의 다른 글" 보여주는 플러그인은 리스트를 테이블 안에 담아서 보여주는군요. 본문 영역에서 작성되는 테이블은 article.css 에서 테이블 보더(border)를 미리 디자인해 두었기 때문에 모두 article.css 의 스타일에 영향을 받습니다.다른 스킨들 처럼 테이블 boder가 보이지 않게 하시려면, article.css 에서 table 관련 스타일을 모두 삭제 하시면 됩니다. 혹은 <div class="article"> 영역 밖으로 플러그인 치환자를 빼내시거나.... :)


원래는 따로 글로 적어두려고 했던 내용들인데 말 나온 김에 길게 적어 봤습니다. ^^;;;;;;;;
너무 신경쓰진 마세요. :)
고맙습니다...

허허허.. 지나친 칭찬과 감탄으로 부담 잔뜩 주시는 당신은.......
멋쟁이~ 우후훗~

언젠간 한번 함께 라운딩이라도.... 깔깔... :)

민노씨처럼(음.. 그러니까.. 아... 뭐냐하면.. 저기.. 블로그 필명이 왠지 존대하기 힘든 이름이에요. 왠지 어색하게 느껴지는 게 제가 이상한건 아니겠지요? 하.. 하하... 아 무슨 소리를 하고 있는지....) 유명하신 분의 블로그에 제 스킨이 걸리다니 영광입니다. :)

아.. 각설하고..

1. 글제목은 main.css 294째 줄
--------------------------------------------------
.titleBox h2 {
margin-top: 18px;
color: #666;
font: 400 39px "NanumGothic bold","나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
letter-spacing: -3px;
}
--------------------------------------------------

에서 font 39px 부분을 원하시는 사이즈로 줄여주시면 됩니다.


2. 동시 블록 설정이 무슨 말씀인지 몰라서 머리만 긁적이고 있었는데, 민노씨 블로그의 제 스킨에 관한 글을 읽고 이해 했습니다. :)

글쓴 날짜 부터 시작해서 글 제목까지 함께 블럭이 잡히지 않는 이유는, 모니터상에서 보기에는 '글쓴 날짜'가 '글 제목'보다 위에 있지만, html 문서상에선 '글 제목'이 '글쓴 날짜' 보다 위에 위치하고 있기 때문입니다. 실제로 글 제목부터 마우스로 블럭잡기 시작해서 글쓴날짜까지 블럭 잡으시면 한꺼번에 잡히는걸 보실 수 있을 거에요. ^^;;;
아무래도 글제목이 글쓴 날짜 보다는 중요하다고 생각되서 html 문서상에는 위에 위치시켰습니다. 뭐 그런걸 열심히 고려하는 건 아니지만, 이를테면 구조적인 접근 뭐 그런겁니다요..^^;;;; 그러니까 모니터상에 보일때는 CSS에서 디자인을 위해 날짜를 위로 올린 거죠.

실제로 skin.html 문서를 보시면..
--------------------------------------------------
<div class="entry"> <!-- 본문 시작 -->
<div class="titleBox"> <!-- 제목 상자 -->
<h2><a href="[ ##_article_rep_link_## ]" title="PermaLink :: ">[ ##_article_rep_title_## ]</a></h2>
<div class="articleRepDate">[ ##_article_rep_date_## ]</div>

이하 생략...
--------------------------------------------------

div class="articleRepDate" 와 <h2><a href="[ ##_article_rep_link_## ]" title="PermaLink :: ">[ ##_article_rep_title_## ]</a></h2> 의 순서를 보실 수 있습니다. 함께 블럭을 잡기 위해서 할 수 있는 가장 간단한 방법은 이 둘의 위치를 바꿔 주시는 겁니다. :)

둘의 위치를 바꿔 주시고, CSS 를 살짝 수정해 주시면 훨씬 보기 좋을겁니다.

main.css 303째 줄
--------------------------------------------------
.articleRepDate {
position: absolute;
top: 0;
left: 0;
padding: 2px;
font-size: 18px;
font-weight: bold;
letter-spacing: -2px;
}
--------------------------------------------------
에서 posion:absolute;, top: 0;, left: 0; 을 삭제하시고,

같은 파일 294째 줄..
--------------------------------------------------
.titleBox h2 {
margin-top: 18px;
color: #666;
font: 400 39px "NanumGothic bold","나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
letter-spacing: -3px;
}
--------------------------------------------------
에서 margin-top: 18px 를 margin-top: -10px 정도로 음수값을 주어서 위로 살짝 붙여 주시면 현재와 비슷한 모양으로 나올 것 같습니다. :) 어쩌면 IE6에서는 음수값 때문에 핵이 필요할지도 모르겠습니다.. 암튼 비슷하게는 나올겁니다요. ^^;;;

3. 날짜의 볼드체를 해제 하려면.. 앞서 2번 답변중 파란 글자로 표시한 부분을 삭제해 주시면 됩니다. :)

몇가지만 덧붙여 말씀드리자면..
사이드바를 300px 로 수정하시면서 footerAdmin의 글자가 레이아웃을 뚫고 나간것을 수정하시느라고 text-align: center 로 수정하신 것 같습니다.. ^^;;;

--------------------------------------------------
#footerAdmin {
margin-top: 10px;
padding-right:100px;
text-align: right;
color: #ccc;
}
--------------------------------------------------
사이드바를 100px 늘려 주셨으니까.. padding-right 혹은 margin-right를 100px 정도 주셔서 오른쪽 여백을 잡아 주시면 원래 자리로 돌아 올겁니다. :)

음.. 길게 쓴 김에.. 앗쌀하게~, 별로 중요치 않은 것까지 말씀드리자면...^^;;;;
IE6에서는 min-width를 이해 못해서, 레이아웃 보다 작은 브라우져 크기에서, 가로 스크롤바를 우측으로 스크롤하면 검색폼 옆으로 배경이 생기지 않는 문제가 생깁니다. 이를 해결하기 위해서,

screen_ie6.css 10번째 줄..
--------------------------------------------------
#mainNav ul {
width: 1010px;
padding-right: 2%;
overflow: hidden;
background: #ccc url(../images/bg_mainNav.gif) repeat-x scroll 0 bottom;
}
--------------------------------------------------
width: 1110px; 정도로 수정하시면 땜빵을 떼우실수 있을것 같습니다. :)



대충 파이어폭스에서 firebug를 이용해서 간단히 테스트해 본 거라 틀렸거나 잘못 되었거나, 엉뚱한 소리를 했을런지도 모르겠습니다...하하...;;;;

암튼, 감사합니다.. :D

답글 작성중에 이미 보셨네요..^^
사실 솔직히 말씀드리면, 호칭에 관련한 이야기는 민노씨 블로그에서 이미 본 적이 있습니다. ㅎ 나름 민노씨 블로그 애독자라면 애독자입죠.. 아 조금 뻘쭘하군요.. 냐하하함~~

이미지에 hover 효과는 나름 whiteBoard 만의 내세울 만한 자랑거리~ 말하자면, 킬러 콘텐츠 같은 거랄까~ 뭐 그런 건데... 마음에 안 드신 다면 어쩔 수 없지요...^^;;;

article.css 80째줄..
-----------------------------------------
.article .imageblock img:hover {
background-color: #212121;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
-----------------------------------------

위 부분을 삭제 하시면 됩니다.

사실.. 가로크기 1024 해상도도 고려해서, 전체 가운데 정렬을 하려고 했었는데.. 배경 이미지 자르면서 쉽게 하려고 하다 보니, 현재는 이모냥이 되었습니다...;;;

아무튼, 배경 이미지를 손대지 않으면서 좌측으로 바짝 붙이는 가장 간단한 방법을 생각해 보면..

layout.css 4째 줄..
------------------------------------------
#wrap {
width: 1134px;
margin-left: -150px; 수정
}
#mainNav {
margin-left: -150px; 추가
height: 60px;
min-width: 1184px;
overflow: hidden;
background: #ccc url(../images/bg_mainNav.gif) repeat-x scroll 0 bottom;
}
------------------------------------------

main.css 34째 줄..
------------------------------------------
#searchForm {
position: absolute;
top: 4px;
left: 784px; 수정
width: 200px;
height: 59px;
background: transparent url(../images/bg_searchForm.gif) no-repeat 0 0;
}
------------------------------------------

왼쪽 마진으로 음수값을 줘서 화면 밖으로 밀어내는겁니다.

후~ 머릿속에서 그리고 firebug 에서만 테스트 해서 제대로 표현되지 않을수도 있습니다.

행운을 빌어요~ ;)

별 말씀을요~ 고맙습니다~! :)

잘 적용된다니 다행입니다. :)

1. 블로그를 방문해 보니 이미 수정하신 듯 합니다. :)
2. 트랙백과 코멘트 옆에 viewed 로 표기 되는 부분은 따로 설치해야 하는 텍스트큐브 플러그인중 하나입니다. :)

시간을 뺏기긴요. :) 좋아서 하는 일인걸요. 이것 저것 해결해 드리면서, 아는 것도 늘려가고.. 암튼 즐거운 일입니다..^^
글재주도 없고, 아는 것도 미천하여, 댓글은 잘 적지 못하지만, 앞으로도 열심히 읽어 보겠습니다~ 꾸벅~ (__)

안녕하세요. :)
이미지가 리사이즈 되는 것은 스킨에 포함된 index.xml의 <contentWidth>600</contentWidth> 의 값을 기준으로 텍스트큐브에서 자동으로 리사이즈 됩니다. :)

흠... 원하시는게 많으시군요.
표현하신대로 적겠습니다.

댓글 입력 폼 글씨
basic.css
--------------------------------------------------------
input, textarea { font-family: NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Lucida Grande", "Segoe UI", Arial, AppleGothic, Sans-serif; }
--------------------------------------------------------

comment, what's on your mind? 이 글씨들
main.css
--------------------------------------------------------
.comment h3 {
font-size: 28px;
font-weight: normal;
letter-spacing: -2.5px;
}
--------------------------------------------------------

댓글에 붙은 닉네임 글씨크기
main.css
--------------------------------------------------------
.commentList .name {
display: block;
float: left;
font-family: Georgia, "Times New Roman", serif;
font-size: 26px;
letter-spacing: -1px;
height: 49px;
}
--------------------------------------------------------