hi8ar.net

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

감사합니다~! ^^ 아 정말 그렇더군요. 알려주셔서 감사합니다~! 생각했던 대로 되지 않아 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;
}
--------------------------------------------------------

뭐 간절히 바라고 원하면 생길지도... :)

제가 더 감사하지요. :) #445b69 색상도 잘 어울리는데요? ^^

음.. 그렇군요. 티스토리 버젼의 경우, IE 에서 검색폼이 동작하지 않네요. 뭐 건드리셔서 그런게 아니라 첨부터 있던 문제 같습니다. 일단 확인했습니다. 조만간에 레이아웃 문제를 해결한 버젼에서는 고쳐서 내 놓겠습니다. :)

감사합니다. :)

As your wish~ :)

텍스트큐브 닷컴은 아직 베타 서비스 중이니까요. 언젠간 스킨도 되겠죠? ^^;

아아~ 내가 좋아하는 보라색.. :) 역시 이드씨는 똘끼 충만? ;p

새 포스팅은 새 블로그에서? 응? 잘 지내시죵? 같이 늙어가는 처지에 우리 서로 위로하며 지내요~ 하하.. 무슨 소리 하는 지는 나도 모르니, 그냥 흘려 들으셈.. :)

네.. 아마도 해결되었을 거라 생각합니다. :) 꼼꼼해지려고 노력하는데, 아무래도 제 성격은 그리 꼼꼼하진 못한가 봐요. 한번에 깔끔이 끝내는게 없넹.. :)

우왕~ 오랜만에 뵙습니다. :)
저야 뭐.. 돈 못 버는거 빼곤 그럭저럭 잘 지내고 있습죠..=_=''

헤딩(문단의 중간 제목)은 article.css 에 있습니다.
--------------------------------------------------------------
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { letter-spacing:-3px; color:#666; }
.article h1 { font-size: 48px; border-bottom: 3px solid #eee; }
.article h2 { font-size: 39px; border-bottom: 2px solid #eee; }
.article h3 { font-size: 30px; border-bottom: 1px solid #ddd; }
.article h4 { font-size: 22px; }
.article h5 { font-size: 18px; letter-spacing:-1px; }
.article h6 { font-size: 14px; letter-spacing:-1px; }
--------------------------------------------------------------

음.. 지금 보니 다 따로따로 쓰면 될 것을 몇 글자 줄여 보려고 제일 윗줄에 중복 되게 적은게 있네요.

암튼.. 글간격이 좁은 이유는, h1~h4 까지는 letter-spacing이 -3px 가 적용되고,
h5~h6 까지는 letter-spacing 이 -1px 가 적용되기 때문입니다.

본문글을 적을때 좀 더 멋을 내기 위해 위와 같이 하였는데, div article 영역에 위치하게 되는, 플러그인 따위가 만들어 내는 부분에도 영향을 미쳐 버립니다.
아마 티스토리의 "이 분류의 다른글 보기" 기능의 제목의 줄 간격이 줄어든것 때문에 묻지 않으셨나 싶습니다. :) letter-spacing을 적당히 줄여 주시거나, 삭제 하시면 원하시는 간격을 만드실수 있지 않을까 싶네요. :)

지금 티스토리의 다른분 블로그를 보니,
'****' 카테고리의 다른글 의 글자 간격은..
.another_category_color_gray h4 라는 클래스로 h4 로 작성되는군요. 티스토리에서 만들어 주는 클래스라... 이 클래스에서 직접 수정하면 좋겠지만, 그럴 수 없으니,

.article h4 { font-size: 22px; letter-spacing: 0; }

이정도로 수정하면 원래의 모습이 되지 않을까 싶습니다. :)

흠.. 왜 그럴까요. 스킨 상세 설정의 내용이 저장이 안되는 이유는 딱히 스킨에서 찾을 수는 없을 것 같습니다. 설치된 텍스트큐브의 문제가 아닐지... 텍스트큐브 포럼에 문의해 보시거나..

직접 스킨에 포함된 index.xml 파일의 내용을 수정하신후(스킨 상세 설정의 초기 내용은 index,xml 에 있습니다.) 스킨을 새로 적용하시거나 하셔야 할것 같습니다.

방금 블로그 가서 구경하고 왔습니다~! 배경 이미지 짱 멋져부러요~ :)
css 분리에 대해서라면... 사람마다 나누는 기준이 다르고, 각자의 코딩 습관도 다르고 해서.. 잘했다고도 못했다고도 할 수 없는 부분이라고 합니다.
암튼 감사합니다. 스킨은 마음에 드실때까지 마음껏 수정하세요~ 저작권 운운한건.. 사실, 별 관심이 없습니다. :p