hi8ar.net

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

글쎄요. 왜 적용되지 않을까요? 딱히 문제가 될만한 부분이 없을것 같습니다. 아예 적용이 안되는 건가요? 아니면, 레이아웃이 틀어진다는 건가요? 저 역시 소스 들여다 보기 귀찮아서 ^^;; 고치기

hi8ar~

케케케케.. 부럽삼? 고치기

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

하나는 리스트의 의미에 맞는 <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에 이미 포함되어 있습니다.


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

감사합니다. ^^ 고치기

hi8ar~

덧붙여서 몇 말씀만 더 드리자면...
사용하시는 플러그인중 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"> 영역 밖으로 플러그인 치환자를 빼내시거나....


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

hi8ar~

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

hi8ar~

언젠간 한번 함께 라운딩이라도.... 깔깔... 고치기

hi8ar~

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

아.. 각설하고..

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번 답변중 파란 글자로 표시한 부분을 삭제해 주시면 됩니다. 고치기

hi8ar~

몇가지만 덧붙여 말씀드리자면..
사이드바를 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를 이용해서 간단히 테스트해 본 거라 틀렸거나 잘못 되었거나, 엉뚱한 소리를 했을런지도 모르겠습니다...하하...;;;;

암튼, 감사합니다.. 고치기

hi8ar~

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

hi8ar~

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

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

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

hi8ar~

사실.. 가로크기 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 에서만 테스트 해서 제대로 표현되지 않을수도 있습니다.

행운을 빌어요~ 고치기

hi8ar~

별 말씀을요~ 고맙습니다~! 고치기

hi8ar~

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

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

댓글 입력 폼 글씨
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;
}
-------------------------------------------------------- 고치기

hi8ar~

뭐 간절히 바라고 원하면 생길지도... 고치기

hi8ar~

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

hi8ar~

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

hi8ar~

감사합니다. 고치기

hi8ar~

As your wish~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

hi8ar~

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

헤딩(문단의 중간 제목)은 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을 적당히 줄여 주시거나, 삭제 하시면 원하시는 간격을 만드실수 있지 않을까 싶네요. 고치기

hi8ar~

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

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

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

hi8ar~

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

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

hi8ar~

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

hi8ar~

와 노벨 테마상~ 정말 있었음 좋겠습니다~ 깔깔~ 고치기

hi8ar~

그 부분은 skin.html 에서 수정하셔야 합니다.

다만, 텍스트큐브에서 링크를 만들어 주는 치환자가 변경 되었습니다.
[ ##_link_list_## ] 이 치환자 하나가 리스트 링크를 모두 만들어 줍니다. 이 치환자가 만들어 주는 링크 리스트에는 새창으로 여는 코드가 없습니다.

예전부터 텍스트큐브는 레거시 치환자도 잘 지원해 줬으니.. 아마 예전의 방식대로 아래와 같이 수정하시면 되긴 될겁니다.
티스토리 버젼의 whiteBoard 스킨은 아래와 같습니다.

-----------------------------------------------------
<s_sidebar_element>
<!-- 링크목록 -->
<div class="listbox">
<h3>link</h3>
<ul>
<s_link_rep>
<li>
<a href="[샵샵_link_url_샵샵]" onclick="window.open(this.href); return false"> [샵샵_link_site_샵샵].</a>
</li>
</s_link_rep>
</ul>
</div>
</s_sidebar_element>
-----------------------------------------------------

사족: 무조건 새창으로 여는 방식은 좋지 않은 방법이라고 합니다. 사용자에게 선택의 기회를 주지 못하니까요. 지금 같은 방식에서도, 쉬프트 키와 함께 링크를 클릭하거나.. 대부분의 탭 브라우저에서는 마우스 가운데 버튼을 클릭하는 것만으로 새 창 혹은 새 탭으로 열 수 있습니다. 고치기

hi8ar~

음.. 답신이 늦어서 죄송합니다..;;

아무튼, 미도리님 블로그에 가보니 이미 많은 것을 수정하시는데 성공하신것 같습니다. 1,2 번은 이제 해결 된 건가요? ^^;;;; 댓글의 폰트와 크기라면 댓글 본문을 말씀하시는 건가요?

댓글 본문의 스타일은..
main.css 에
.commentList li p { } 에 디자인 되어 있습니다.

원하시는 답변이 이게 아니라면.. 좀 더 구체적으로 어느 부분을 말씀하시는 건지 적어 주세요~.. 아는건 없지만 열심히 답변해 보겠습니다요~
감사합니다. 고치기

hi8ar~

별 말씀을요~ 부족한 스킨, 칭찬에 몸둘바를 모르겠습니다! 감사합니다!!! 고치기

hi8ar~

넵! 아~ 푸르딩딩한 느낌~! 파랗게라면 기대하지 않았을텐데.. 푸르딩딩한 느낌은 왠지 기대가 됩니다. 기대 많이 많이 하고 있겠습니다! ^^ 고치기

hi8ar~

아.. 부끄럽습니다. 높은 완성도라 말해 주시면... *^^* 고치기

hi8ar~

넵! 물론입니다~! 제작자 표시만 해 주시면 그 어떤 블로깅툴에서 사용하셔도 괜찮습니다! 배포하셔도 괜찮습니다! 어쩌면.. 아니 오히려, 제가 감사하지요~! ^^* 고치기

hi8ar~

1. 태그구름..
음.. 정말 그렇군요. 시옷 정도까지 나오고 그 뒤는 안 나오네요.;; 아무튼 이 문제는 스킨과는 무관한 문제로 보입니다. 가질수 있는 태그의 갯수의 제한이 있는지 없는지에 대해, 텍스트큐브포럼에 문의해 보시는게 좋을 것 같습니다. ^^*

2. 눈이 아파요..
네. 제가 생각하기에, 이 문제는 딱히 답이 없습니다. @_@' 사람들 마다 자신에게 익숙하지 않은건 불편하다고 생각할테니까요. 저마다 모니터 해상도도 다르고, 가지고 있는 모니터의 종류도 다릅니다. LCD, CRT, 너무 밝은 설정의 모니터, 너무 어두운 설정의 모니터, 사용하는 비디오카드에 따라 색감도 다 다를테고.. 사용하는 모니터의 색온도 설정, 사용장소의 밝고 어두움, 사용하는 운영체제에 따라 글꼴 렌더링하는 방법도 다 다릅니다. 어떤 사람은 클리어타입이 더 가독성 좋다고 말할 것이고, 어떤 사람은 클리어타입을 켜면 글자들이 번져 보여서 눈만 아프다고 말하니까요.

저처럼 예쁜게 좋은 사람들은 돋움이나 굴림 따위가 마음에 들리가 없습니다. 명확하고 익숙한게 좋은 사람들은 돋움이나 굴림이 최고의 글꼴일테지요. 아.. 그렇다고 제가 돋움이나 굴림이 싫다는게 아니고....

아무튼, 세상 사람들 모두의 취향을 맞춰 줄 수는 없습니다. 다만 보다 많은 사람들의 취향을 맞춰 주는 건 가능하겠지요.

대부분의 모던 브라우저들은 웹사이트에서 지정된 글꼴을 무시하는 설정을 가지고 있습니다. 만약 그 사이트의 글자모양이 정 그렇게 마음에 들지 않는다면, 브라우저 설정으로 각자 개인이 원하는 글꼴로 맞춰서 볼 수 있습니다..

나눔고딕, 맑은고딕 따위의 작은 크기에서도 클리어타입이 먹히는 글꼴이 눈이 아파서 보지 못하는 경우는 대개, 나눔고딕, 맑은고딕따위의 글꼴은 설치되었으나, 윈도의 클리어타입을 켜지 않고 사용하는 사람들인 경우가 많습니다. 클리어타입이 기본이 아닌 XP 가, 클리어타입이 기본인 Vista 혹은 Window 7 로, 점점 대체되는 만큼 사람들은 클리어타입에 익숙해 지겠지요...


아 차라리 글로 적을걸 그랬나? 잡설이 너무 길었습니다.


블로그 전체의 글꼴에 영향을 미치는 부분은 basic.css
------------------------------------------------------------
body {
font: 400 0.75em/1.9 NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Lucida Grande", "Segoe UI", Arial, AppleGothic, Sans-serif;
color: #333;
background-color: #fff;
}
------------------------------------------------------------
font 부분입니다. 다른 부분에 특별한 글꼴 설정이 없다면, 위에서 지정한 내용을 상속 받습니다.

아무튼, 본문 글의 경우는 article.css 에서 설정하시면 됩니다.
------------------------------------------------------------
.article {
margin: 15px 0;
font-size: 1.1em;
text-align: justify;
}
------------------------------------------------------------
위의 부분에 적용하시고픈 내용을 적으시면 됩니다.
글꼴만 변경하시려면,
font-family: 적용하시고픈 글꼴이름,적용하시고픈 글꼴이름;
색상을 변경하시려면,
color: 색상값;
(현재 본문글자의 색상은 #333 입니다. 약간은 흐린 검정인데, #000 이 가장 진한 검정입니다. 물론 색이름인 black 으로 적어주실수도 있습니다. 색상을 조금 진하게 하시는 것이 좋을 수도 있을것 같습니다.)
말씀하신대로 배경에 회색을 넣으시려면,
background-color: 색상값;
정도로 수정하시면 될 겁니다.

애초에 글이 많은 블로그를 염두한 스킨은 아니기에, 전체적으로 조금 블러리하게 보이는 면이 있는 것도 사실입니다.

basic.css 에서
-----------------------------------
a:link { color: #963; }
a:visited { color: #963; }
-----------------------------------
링크의 색상을 파란계열.. #3366cc 정도로 바꿔주시는 것도 좀 나아 보지이 않을까 싶습니다.

화이트보드의 테마 취지 같은건 너무 염두하시지 않으셔도 괜찮습니다. 배경을 싹 없애고, 검정 배경으로 만들셔서 사용하셔도 괜찮습니다~! 아 그럼 이름이 바껴야겠군요~! @_@'' 고치기

hi8ar~

넵! 감사합니다~! @_@'' 고치기

hi8ar~

음.. 그렇군요. 말씀하신 부분이랑 서울비님과의 대화는 방금 보고 왔습니다. 넵.. 굴림으로 설정해야 하시는 것도 나쁘지 않은 방법입니다. 이제는 다 아셨겠지만, 윈도에서 클리어타입 설정하시는 방법에 대해서 어떻게 말씀드릴까 하다가 멀지 않은(?) 곳에서 좋은 글을 하나 찾았습니다.

http://www.nirvanana.com/369
너바나나님은 맑은 고딕을 사용하고 계시는 군요. 아무튼, 글꼴 설치에서 부터, 웹페이지에서 지정된 글꼴 무시하는 방법까지 자세하게... ^^*

저 역시 자세히는 모르고, 이런 것까지 아셔야 할 이유는 절대 없습니다만, 제 오지랖을 탓하며, 몇 마디만 더 붙이자면...
굴림, 돋움, 바탕 따위의 MS 윈도의 기본 글꼴들은, 클리어타입을 설정하건 그렇지 않건 언제나 동일한 모습으로 나옵니다. 이는 한글 글꼴의 특성상 작은 크기에서 오히려 흐릿해져 알아보기 힘든 모습을 피하기 위해, 고정 비트맵 정보(Embedded Bitmap Data:EBDT)를 가지게 했기 때문이라고 합니다.
http://www.parkoz.com/zboard/view.php? ··· o%3D1682
고정 비트맵 정보를 가지지 않은 큰 글꼴에선 다른 영문 글꼴들 처럼 똑같이 클리어 타입이 적용됩니다. 예를 들면 제 스킨의 댓글창의 이름정도의 크기에서 말이죠..

개인적으로 저는, 이 불량한 글꼴들 덕분에 클리어타입이라는 훌륭한 안티앨리어싱 기술이 한글글꼴들에게 불필요하게 느껴지고 있다고 생각합니다. 때문에 한글 글꼴들은 영문글꼴에 비해, 죄다 못생겼다 생각되게 되고.. 웹페이지에서 글자로 표현되면 될 것들이 죄다 이미지가 되어 사이트에 붙고 있습니다.

최근에 등장한 맑은고딕과 나눔고딕 같은 글꼴들은 이런 기술적인 문제들을 많이 해결했다고 합니다. (아 자세히는 몰라요~) 게다가 나눔고딕은 무료로 배포되고 있고, 많은 분들이 가독성과 아름다움에 대해서 좋은 평가를 하고 계신 것 같습니다.

다만 문제는 대부분의 많은 사람들이, 이런 것들에 대해서 관심이 없다는 것이지요. 그렇기에 굴림을 선택하셔도 나쁘지 않은 선택이라 말씀드리고 싶습니다...

아.. 전 원래 댓글에 인색한 편인데.. 어째, 민노씨께 드리는 글은 이렇게 길게만 적게 되는 걸까요? 쓸데없이 말입니다. 아하하하하하핫~ 이상하네~ 글로 적기에는 아는게 부족하여 쓰기 힘든데, 부담없는 댓글이라 그런지 술술 적어집니다.. 이해해 주세요~ @_@''

아무튼...
수정하신 내용을 보니 굴림,굴림 이렇게 두번 적으셨던데.. 한번만 적으셔도 됩니다. 굴림, Gulim 이라고 적으시면 더 좋습니다만.. 굴림이 없는 운영체제를 위해 마지막에 Sans-serif 라고 적어서 이 부분은 시스템에 설정된 Sans-serif 글꼴로 출력하렴 하고 알려주시는 것도 좋습니다.
댓글 부분에 설정된 "NanumGothic bold","나눔고딕 bold"는 굴림으로 바꾸시지 않으셨던데요.

추.
1. 댓글 익스프레스
그저 a(앵커)태그로 구현하시면 됩니다. href= 에 점프할 곳의 id 나 빈 앵커에 name 을 적어두시면 되는데요..;;;;; 댓글로만 설명하기엔 너무 복잡합니다. 나중에 글로 적거나, whiteBoard 2.1 정도로..;;;;

2. 검정배경
핫~ 농담입니다, 농담~ 배경을 검정으로 만드는 것은 사실, 스킨 하나를 새로 만드는 것과 다를게 없습니다. @_@'' 개인적으로는 사진 블로그가 아닌 이상 검정배경은 그다지 권해드리고 싶지 않습니다..^^ 아무튼 whiteBoard를 blackBoard 로 만드는 건 수정해야 할 곳이 너무 많아서.. 차라리 새로 만드시는게 좋겠습니다!

아.. 이건 댓글이라 하기엔 너무 깁니다. 글 하나 적은 기분이에요~ 냐하함~ #_#'' 그래도 덕분에 제 스킨도 조금씩 발전하고, 저 역시 조금씩 계발되고 있습니다. 고맙습니다! 고치기

hi8ar~

음.. 연동시키려 하시는 것이 단순히 앵커(a) 태그를 이용해서 페이지 링크를 하시려는 것인가요? 아니면, iframe 등을 이용해서 블로그 페이지에 삽입하시려는 건가요?

단순히 페이지 링크 하시려는 것이라면, 하시던 데로 카테고리 영역에 나모웹에디터로 링크를 삽입하시면 됩니다. 텍스트큐브 카테고리 링크 치환자를 삭제하시고..

iframe으로 삽입하시는 걸 말씀하시는 거라면, 이런 플러그인이 있습니다.
http://www.textcube.org/plugin/557
iframe 삽입에 관련된 정보는 텍스트큐브 포럼에서 iframe 으로 검색해 보시면 될것 같습니다.
http://forum.tattersite.com/ko/search. ··· 39691479 고치기

hi8ar~

별말씀을요.
축하드립니다. 이 글의 백한번째 댓글의 주인공이십니다. ^^;
아쉽지만 선물은 없어요~ 고치기

hi8ar~

딴게 안 보인다는 말씀이 무슨 말씀이신지..;;;
본문 너비를 늘리시려면 배경 이미지를 수정하셔야 합니다. 포토샵 따위의 툴로 말예요. 그리고, layout.css 를 수정하셔야 하는데.. 쉽지만은 않겠어요. 고치기

hi8ar~

넵.. 좌우 패딩을 조절해서.. 660px 정도까지 늘리는 거라면 모를까..
http://hi8ar.net/entry/whiteboard-for- ··· ent18915
700까지 늘리시려면 이미지 수정하셔야 합니다. 고치기

hi8ar~

넵.. 고정된 전체 크기의 배경이미지를 사용했기 때문에, 본문 너비는 고정입니다. 너비를 늘려주시려면 배경이미지도 함께 수정하시거나, 아예 배경없는 흰 바탕으로 사용하시거나, 하셔야 합니다.

다만, 전에 올려 두신 그림들을 보니, 가로 크기 640px 더군요.
20정도는 좌우 padding을 줄여서 넓힐수 있을 것 같습니다.

그림의 테두리 보더 크기를 생각해서 여유있게..
본문 크기를 660px 로 만들고..

layout.css 28줄.
------------------------------------------------------------
#content {
float: left;
width: 660px;
padding: 10px 30px 50px 204px;
background: transparent url(../images/bg_contentTop.gif) no-repeat scroll 0 0;
}
------------------------------------------------------------

main.css 284줄.
------------------------------------------------------------
/* ####### 본문 ####### */
.entry {
margin: 0 0 100px;
width: 660px;
overflow: hidden;
}
------------------------------------------------------------

index.xml 에서
<contentWidth>640</contentWidth>
위와 같이 수정하시고 스킨을 재적용하시면, 이미지 리사이즈는 640px 로 적용 될겁니다.

확실하게 테스트 해본건 아니지만, 텍스트 큐브를 사용하시니, 이미지 리샘플링 기능을 사용해 보시는 건 어떨까요? 아마도 올려두신 이미지들이 600px 로 리사이즈 되지 않을까 싶습니다만.. 될는지 안될는지는 저도 잘 모르겠습니다. 고치기

hi8ar~

사이드바에 마우스 갖다 대면 댓글 보여지는건 이미 사과벌뢰님 블로그에서도 보이는 걸요. 다만 저처럼 팝업 레이어 위에 띄우고 싶으시다면,
http://www.dustindiaz.com/sweet-titles/
위 링크의 스크립트를 설치해 보세요.

skip to content랑 back to top 은 다음 버전에서 구현해 보겠습니다...;; 고치기

hi8ar~

음.. RSS 주소를 피드버너로 수정하시면서, 최근 댓글과 최근 트랙백 부분의 치환자가 잘못 된 듯 합니다. skin.html 파일을 수정하시면서 그 부분을 잘못 수정하신것은 아닐런지요..;;
타이틀은 나타나는 듯 합니다만.. 고치기

hi8ar~

아.. 그렇군요. 원인을 파악했습니다. 이것은 티스토리 새관리자 '화면출력' 설정과 텍스트큐브의 관리자 '스킨상세설정'이 다르기 때문인것 같습니다.

index.xml 파일에 최근 댓글과 트랙백의 글자수가 지정되는데, 현재 whiteBoard 스킨의 값은 100 글자 입니다.
index.xml
----------------------------------------------------
<lengthOfRecentComment>100</lengthOfRecentComment>
<lengthOfRecentTrackback>100</lengthOfRecentTrackback>
----------------------------------------------------

텍스트큐브에서는 관리자 페이지 - 스킨 상세 설정에서 최대값을 무려 950까지 가질수 있습니다. 하지만 티스토리의 관리자 페이지에서의 최대값은 40 글자 더군요. 100 글자의 값을 가진 index.xml 의 내용이 최초 스킨 적용시 적용되는데는 문제가 없습니다.. 다만, 티스토리 화면출력설정에서는 100의 값을 가져 오지 못하는 듯 합니다. 아마도 최대값인 40보다 크면 제일 작은 값인 3글자로 지정되는것 같습니다.

때문에 태그 갯수만을 수정하신 듯 하지만, 사실은 최근댓글과 최근 트랙백의 글자수까지 새로 저장하게 되는겁니다.
http://img175.imageshack.us/img175/8426/1234gn8.png
3이라는 너무 작은 값으로 수정되기에 마치 뭔가 깨져서 출력되는것 처럼 보입니다.

화면출력 설정시 최근 댓글과 트랙백의 글자수를 항상 같이 조절해 주시거나, index.xml 파일의 글자수값을 40 이하로 수정하시고 스킨을 새로 적용하시면 문제 없이 해결될 겁니다.
혹시, 최근 댓글/트랙백 글자수를 100개를 유지하시고 태그 갯수만 조절하시려면, index.xml 을 수정하셔서 항상 스킨을 새로 적용하시는 방법밖엔 없겠습니다. 고치기

hi8ar~

안녕하세요.

1. 사이드바 h3 를 말씀하시는 것 같습니다.
sidebar.css
-------------------------------------------------------
#sidebar h3 {
font: 400 30px "NanumGothic bold","나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
letter-spacing: -2.5px;
border-bottom: 1px solid #eee;
}
-------------------------------------------------------

색상은
theme.css 에 따로 적혀 있습니다. 26라인
-------------------------------------------------------
#sidebar h3 { color: #966; }
-------------------------------------------------------

2. 사이드바의 리스트가 접혔다 펴졌다 하게 하려면, html 과 css 수정만으로는 어렵습니다. 간단한 스크립트가 하나 필요한데, 죄송하지만 whiteBoard 스킨에서는 아직 이 기능을 지원할 예정이 없습니다. 고치기

hi8ar~

감사합니다~! 아름다운 밤 황홀한 밤 보내겠습니다요~ ^^ 고치기

hi8ar~

옙! 고맙습니다!! 고치기

hi8ar~

음.. 그러셨군요. 일단 문제의 원인은 ㄱ은 훌륭히 삽입하셨고, ㄴ 과는 아무런 연관이 없겠습니다. 다만 ㄱ 에서 딜리셔스가 만들어주는 리스트 코드에 .delicious-even 과 .delicious-odd가 있으니,sidebar.css 아무곳에나 아래와 같은 css 를 추가하시는 것도 괜찮아 보입니다. 아 물론 원하실 경우에만..

.delicious-even { background-color:#eee; }


1,2번 모두 말씀하신 '새드개그맨님을 소개하는 배너'를 다시면서, </div> 하나를 빼 먹으셨기 때문에 발생한 문제입니다.

------------------------------------------------------------
<div align="center">
<a href="http://sadgagman.tistory.com/75"><span style="margin: 3px; padding: 5px 3px 3px; background: rgb(255, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-family: 고딕;">나경원법안과 사이버모욕죄 (by 새드개그맨) </span></a>
</div> (요렇게 여기에 닫힘</div> 를 추가하세요.)
<br><div align="center">
<a href="http://kino21.com/">
이하생략..
---------------------------------------------------------------

<div align="center"> 다음에 빠뜨리신 </div> 하나만 닫으시라고 말씀드리려 했는데, 코드를 보니 이유없이 복잡하군요. (아니면 아래 <div align="center"> 영역에 새드개그맨님 링크만 옮겨 넣으셔도 되구요. 아무래도 후자의 방법이 더 좋겠습니다.)

저 같으면 적당한 class 명을 하나 지정하고 스타일을 외부로 뺐겠지만.... 넣으신 태그는 어디서 따로 만들어 주는 태그인가요?

아무튼 빨갛게 표시한 부분은 모질라계열 브라우저 전용 속성인데, 딱히 필요하지 않습니다. 아니 불필요해 보입니다. 녹색으로 표시한 부분은 짧게 쓰는 방법이긴 한데, 배경으로 다른 이미지가 지정된게 아니기에, 이 경우에는 background-color: rgb(255, 0, 0); 이렇게만 쓰시는게 좋겠습니다. font-family: 고딕; 이라 지정된 부분은 아무런 역할을 못합니다. "고딕" 이라는 이름을 가진 글꼴은 윈도에 없기 때문에요.

음 그리고 span 같은 인라인 요소에는 padding은 상하 값이 먹힐수 있지만, margin 값은 먹히지 않습니다. margin: 0 3px; 정도로 수정하시는게 좋겠습니다.

아.. 그러니까 이렇게 되겠군요.
----------------------------------------------------------
<span style="margin: 0 3px; padding: 5px 3px 3px; background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);">나경원법안과 사이버모욕죄 (by 새드개그맨) </span>
---------------------------------------------------------- 고치기

hi8ar~

흠냐~ 이제 슬슬 민노씨 댓글이 무서워집니다~ 깔깔~
농담이구요. ^^;;

1. 본문과 댓글 글꼴 진하기 차이.
몇일 뜸한 사이에, 글꼴 지정을 굴림에서 맑은 고딕으로 변경하셨네요? 암튼, 이제는 클리어타입을 사용하시기로 하신건가요? ^^ 네 말씀하신대로 font(혹은 font-family) 에 글꼴을 나열하면 처음 나열된 것부터 적용되기 시작합니다. 첫번째 것이 없으면 두번째 것으로 적용되고, 두번째도 없으면 세번째... 이런식으로 말이죠. 결국 나열된 것들이 하나도 없다면, 사용자 브라우저에서 지정된 고딕체(sans-serif) 혹은 명조체(serif) 가 지정되는 식입니다.

현재 민노씨 블로그를 기준으로, 일단 본문에 지정된 첫번째 글꼴은 맑은 고딕입니다.

article.css
----------------------------------------------------------
.article {
font-family:"Malgun Gothic","맑은 고딕",NanumGothic,나눔고딕,Gulim,굴림,"Lucida Grande","Segoe UI",Arial,AppleGothic,Sans-serif;
..이하생략..
}
----------------------------------------------------------

댓글에 첫번째로 지정된 글꼴은 "나눔고딕 bold" 라는 글꼴입니다. 그냥 "나눔고딕"이 아니라, "나눔고딕 bold".. 두 글꼴은 서로 다른 글꼴입니다.

main.css
----------------------------------------------------------
.commentList li p {
font-family:"NanumGothic bold","나눔고딕 bold",NanumGothic,나눔고딕,"Malgun Gothic","맑은 고딕",Arial,Sans-serif;
..이하생략..
}
----------------------------------------------------------

그냥 글꼴이 달라서 그렇습니다.. 나눔고딕 bold 가 아니고 그냥 나눔고딕 이었다면 댓글이 진하게 보이지 않았을 겁니다. 그냥 나눔고딕을 지정하고, font-weight: bold; 를 주어서 두껍게 보이게 할수도 있습니다. 하지만 이럴경우 보다 나눔고딕 bold 를 지정하는게 더 예뻐 보였습니다. ^^

아무튼 그저 글꼴의 차이입니다. 나눔고딕 bold 를 사용하지 않으시겠다면, .commentList li p { } 안에 있는 color:#333; 을 좀더 진한색으로 하시는게 좋을것 같습니다. #000, #111 따위..


2. 키워드 문제..
ㄱ.
키워드 링크가 사라졌다는건 본문 중에 키워드 링크 표시가 사라졌다는 건가요?

일단 스킨의 css 는 정상으로 보입니다.

.article .key1 {
border-bottom:1px dotted #CCCCCC;
cursorointer;
}
제가 키워드가 있는 본문을 찾지 못하겠습니다.. 너무 글이 많아서욤 깔깔..^^;;;;

keylog 페이지 에서 키워드를 클릭해도 팝업창이 뜨지 않는군요. 본래, 링크에 걸리는 이벤트가..

onclick="openKeyword('/keylog/키워드이름'); return false;"

위와 같이 걸려야 하는데 민노씨 블로그는 return false 만 걸리네요..; 딱히 원인은 모르겠고, 다른 스킨 적용시에도 같은 증상인지 확인해 보시면 스킨의 문제인지, 업데이트시에 뭔가가 잘못되었는지 확인하실수 있을것 같습니다.

ㄴ.
키워드의 색상은 theme.css 에서 변경하실수 있습니다.
.article .key1 { color: #966; }

몇일 먹고 살라 노력하다보니 답신이 늦었습니다..^^;
뭐 일단 통닭은 킵해두죵.. 깔깔~ 고치기

hi8ar~

티스토리의 경우, 임포트한 css 파일을 블로그 내부 스킨 편집기에서 수정하실수 없습니다. 다운 받으신 스킨의 images 폴더 안에 보시면 위 임포트되는 css 파일들을 찾으실수 있습니다.

Editplus 따위의 텍스트 편집기에서 위 임포트된 css 파일을 열어서 편집하셔야 합니다. 메모장으로도 가능하긴 하지만, 메모장은 추천하고 싶지 않네요. 고치기

hi8ar~

적당한 무료 텍스트 에디터를 찾으신다면..
acroeditor 나 notepad++ 을 추천해 드려요~

http://www.acrosoft.pe.kr/board/
http://notepad-plus.sourceforge.net/uk/site.htm 고치기

hi8ar~

훕~ 그러게요. 댓글이 너무 많아져 버렸습니다! ^^;;; 본의 아니게 스크롤 압박을... 감사합니다! 고치기

hi8ar~

파란색이 멋져부러요~! 아.. 그렇군요. 페이지 타이틀 부분 치환자를 체크하지 못했네요.. ^^;;;;;; 수정해서 새로 올려두도록 하겠습니다. 알려주셔서 감사합니다! 고치기

hi8ar~

fficial&client=firefox-a" target="_blank">http://www.google.co.kr/search?q=%EC%83%89%EC%83%81%EC%BD%94%EB%93%9C&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:kofficial&client=firefox-a
그냥 그림판에서 알려주는 RGB 값을 사용해도 됩니다.
color: rgb(255,255,255);
이런식으로..
#fff, #ffffff, rgb(255,255,255), white... 모두 같은색코드.

고치기

hi8ar~

넵! 감사합니다! 고치기

hi8ar~

어머나! 부끄랍게 시리.. 정말 시안 주실 건가용? WP라면 곤란한뎅. 비용은 협의 ;-) 라는 글짜가 왠지 비용은 공짜 ;-) 라고 보입니다만.. 깔깔~ 고치기

hi8ar~

넵! 감사합니다. ^^;; 스킨 덕분에 많은 분들께 덕담도 들어보고.. 출세한 기분입니다. 즐거운 연말 보내세요!! 고치기

hi8ar~

안녕하세요.
사이드바의 링크 모듈에서 링크를 클릭시 새창으로 열리지 않는 다는 말씀이신것 같습니다. 새로 제공되는 텍스트큐브 링크 치환자는 새창으로 열리게 하는 코드를 지원하지 않습니다. 사용자에게 새창으로 열지 기존의 창으로 열지 선택권을 주기 위함으로 알고 있습니다.
새창으로 열리게 하시려면, 텍스트큐브 버젼의 기존의 치환자는 삭제하시고,
티스토리 버젼에 쓰인 링크 모듈 부분으로 교체하시면 됩니다.
티스토리는 아직 예전 치환자 밖에 지원하지 않기에, 예전 치환자로 작업해 두었습니다. 고치기

hi8ar~

어익후~ 그렇군요. 이미지를 대충 그렸더니, 바꼈는지도 몰랐습니다. 하하.. 감사합니다! 고치기

hi8ar~

넵. 고맙습니다요~ 고치기

hi8ar~

안녕하세요.

1. 맨 위 메인 네비게이션을 없애는 방법이야, skin.html 에서 아예 <div id="mainNav"> 영역을 삭제해 버리시거나, css 에서,
#mainNav {display:none;} 이라고 추가해 주시면 되지요.

2. 방명록을 넣으신다는것이 링크를 넣으신다는 건가요? 긁적긁적...^^;;
아무튼, 특정한 본문 영역으로 링크를 거는 방법은,
빈앵커를 만드시고 빈앵커를 타겟으로 링크를 하시거나,
타겟 영역의 id 가 있다면 id 로 링크하시면 되는데요.. 예를 들어,
<a href="#container">본문으로</a>
이런식입니다.

음.. 근데 질문을 유보 하신거구만요? 고치기

hi8ar~

아.. 과분한 말씀이십니다. 감사합니다! ^^ 고치기

hi8ar~

음.. 이미지를 수정하시는건 하셨군요. 그런데 각 탭마다 현재탭 활성화 하는 건 힘들것 같습니다. 링크가 모두 공지의 글이라서요.
whiteBoard 스킨에서 현재탭 표시하는건 각 페이지마다 갖는 body-id 가 다른 것을 이용하여 표시합니다. 그런데 네비의 링크가 모두 공지글이니까, body-id 가 모두 같습니다. 스크립트로 주소를 확인해서 표시해야 할것 같은데.. 제가 실력이 많이 부족해서요. 죄송합니다. ^^;;;; 고치기

hi8ar~

글쎄요..;; 짜부되어서 보인다는게?? 혹시 클리어타입을 설정하지 않으신건 아니실지요..;; 고치기

hi8ar~

추가하신 엘리먼트가 어떤 것인지 잘 모르겠습니다. padding 이나 margin 값으로 조절하시면 되는데..;;

글 리스트 부분은 좌우 여백 간격을 줄여서 이미 수정하신듯 합니다. 글자 크기를 줄이시려면,
main.css 에서 아래와 같은 부분을 찾으셔서 수정하시면 됩니다.

.searchList li {
font-size:18px;
} 고치기

hi8ar~

그래도 시간 투자하신 만큼 html 에 조금 더 익숙해지셨을거에요. 감사합니다! 고치기

hi8ar~

글쎄요. 문제가 발생되는 모습을 봐야지 알수 있을것 같습니다만, index.xml 을 수정하신 적이 있으신지요. 스킨을 다시 적용해 보시면 해결되실지도 모르겠네요.; 고치기

hi8ar~

헤헤.. 감사합니다. 새해복 많이 받으세요! 고치기

hi8ar~

음.. 위젯에서 추가하면 떠야 할텐데요.;; 글쎄요..;; 딱히 안될 이유가 없을텐데.. 위젯에서 제대로 적용되었나 보시고... 브라우저 새로고침? ^^;;; 고치기

hi8ar~

음, 글쎄요. 해당 문제는 스킨에서 제어할수 있거나 제어하는 문제가 아닌듯 합니다. 텍스트큐브 포럼에 질문해 보심이 좋을것 같네요.;; 고치기

hi8ar~

넵.. 수정하시는 거야 뭐.. 감사합니다. 복 많이 받으세요!! 고치기

hi8ar~

글쎄요..;; 제대로 수정되지 않았거나, 제대로 업로드가 되질 않았거나, 브라우저의 캐쉬가 남아서겠지요. ctrl+f5 해보시거나..;; 고치기

hi8ar~

답신이 늦어 이미 수정하신듯 합니다.. 죄송합니다.
새해복 많이 받으세요! 고치기

hi8ar~

티스토리의 경우, 임포트한 css 를 관리자 창에서 수정하실수 없습니다. 따로 각각의 파일들을 텍스트 에디터로 수정하셔서 새로 업로드 하셔야 합니다. 고치기

hi8ar~

네.. 지금 봐도 보라색으로 보이네요. 브라우저에는 항상 서버에서 css 를 읽어오지 않습니다. 임시 폴더에 캐시를 저장해 두는데요. 임시폴더의 캐시가 비워지지 않아서 그렇습니다. 시간이 흐른뒤 자동으로 갱신된거구요. ctrl+f5 를 하거나, 인터넷 설정에서 캐시를 비우시면 됩니다. 혹은 텍스트큐브 관리자 페이지에 보시면 캐시 비우기가 있는데요. skin.html 따위를 수정할 경우, 제대로 반영되지 않는다면, 관리자 페이지 캐시 비우기를 하시거나, 스킨을 새로 적용해야 합니다. 고치기

hi8ar~

안녕하세요. 티스토리에서 스킨을 올리시는 방법은.. 새 스킨 올리기로 올리시는게 맞습니다. FTP 가 접속이 안되는걸 왜 저에게 물어오시나요? 고치기

hi8ar~

자막탭의 글자색은 theme.css 23라인..
.article .cap1 { color: #966; }
부분의 색상을 변경하시면 됩니다.

링크에 보통의 상태에도 도트를 표현하시고 싶다면,
음.. 테스트해보지 않아 제대로 될런지는 모르겠습니다만..
basic.css 14라인.
a:link { color: #963; border-bottom:1px dotted #963; }
위와 같이 수정하세요. 본문글에만 적용하고 싶다면, article.css 에
.article a:link { color: #963; border-bottom:1px dotted #963; }
와 같이 추가하세요. 고치기

hi8ar~

옙.. 감사합니다. 고치기

hi8ar~

배경 이미지입니다. 이미지를 모두 없애시면 나오진 않겠죠. 하지만.. 제대로된 방법은 아닙니다. 간단히 수정해서 없어지진 않겠네요..;; 고치기

hi8ar~

예.. 너무 많은 댓글이.. 저 역시 익숙하지 않긴 합니다.. 감사합니다!! 고치기

hi8ar~

안녕하세요!

article.css 에서 52라인

.article table img,
.article .imageblock img {
padding: 6px;
background-color: #f6f6f6;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 5px 0;
}
.article table img:hover,
.article .imageblock img:hover {
background-color: #212121;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

부분을 삭제 하시면 이미지 테두리는 나오지 않습니다. 고치기

hi8ar~

넵.. 아니요.. 고치기

hi8ar~

안녕하세요. 음, 해당 문제는 스킨의 문제는 아닌듯 합니다. 아마 다른 스킨으로 교체하셔도 같은 문제를 보실것 같습니다.
종종, 데이타베이스의 문제로 그와 같은 문제를 본 적이 있습니다만, 확실한 답변이 될지는 모르겠습니다.
관리자 화면 - 설정 - 데이터 관리 에서, "데이터를 교정합니다." 와 "데이터베이스를 최적화합니다." 를 해주시면 해결될것 같습니다. 고치기

hi8ar~

안녕하세요..
말씀하신 것처럼 카테고리가 매우 많은 경우에는 리스트형 카테고리가 아닌 테이블형 카테고리를 쓰시는게 좋을것 같습니다.
skin.html 399라인에서 주석으로 적어둔 부분을 참고하세요.
본문 크기는 이미지 배경을 함께 수정해야 하므로, 간단히 수정하실수 없습니다. 고치기

hi8ar~

핫.. 걸렸군요. 네 맞습니다. 방명록의 비밀글 치환자가 잘못 되었습니다. 텍스트큐브용, 티스토리용 모두 잘못 되었구요. ^^;;; 얼마전에 알게 되었는데요. 신경쓸 겨를이 없어서, 수정하지 못하고 있습니다요. 친절히 수정방법을 알려주셨으니 다른분들도.....
아무튼 감사합니다요! 고치기

hi8ar

헤더 제목부분 블로그 설명은,
skin.html 55라인입니다.
<span>[##_desc_##]</span> <!-- textcube 블로그 설명 -->

사이드바 블로그 로고 아래 블로그 설명은,
skin.html 502라인입니다.
<p class="blogDesc">[##_desc_##]</p>

둘 중 하나를 삭제 하시면 되겠네요.

혹은 main.css 에서, 90라인.

/* ####### 블로그 설명 ####### */
#header span {
display: none;
}

위와 같이 수정하셔도 됩니다. 고치기

hi8ar

안녕하세요!
댓글 양식이 기본으로 펼쳐 보이게 하시는 것은, 티스토리 관리자 화면 - 스킨 - 화면출력 설정 에서 설정하실수 있습니다.
댓글을 기본으로 펼침, 트랙백을 기본으로 펼침 에 체크하세요.

기본 링크색은 basic.css 14라인..

a:link { color: #963; }
a:visited { color: #963; }

해당 부분의 색상을 변경하시면 됩니다. 고치기

hi8ar~

옙~ 과분한 칭찬이십니다요! 감사합니다. 고치기

hi8ar~

헐.. 이 댓글 다 보는데.. 5시간이나 걸리는구만요.. 허허허.. 저보고 보라하면 다 못 볼것 같습니다.. 허허허.. 뭐 딱히 대단할 것도 없는데.. 다 모아두니, 대단한게 되버리는 것 같습니다.. 고치기

hi8ar~

음.. 일단 전 민노씨가 아니구요.. ^^
글쎄요. 블로그 표지 플러그인이 제대로 동작하지 않는건 딱히 스킨의 문제로는 보이지 않습니다..;; 그리고 태터데스크 같은 플러그인은 저에겐 무리인걸요. 고치기

hi8ar~

1. 질문의 내용은 잘 모르겠습니다만, 현재 블로그에 "카테고리의 다른글 플러그인"이 달려 있는걸 보니 해결하신듯 합니다만..;;
2. 네, 치환자를 넣어서 만듭니다. 그런데 이 질문 역시 무슨 말인지 잘모르겠군요..;;
3. 스킨영역에서 제어하기는 힘듭니다. 고치기

hi8ar~

해결하신 결로 보입니다. 이미지 리사이즈 크기는 index.xml 에서 수정하실수 있습니다. 수정후 새로 적용하시면 끝..;; 고치기

hi8ar~

안녕하세요~
음.. skin.html 50라인 정도에 있는 검색폼 치환자 부분을 사이드바로 옮기시면 사이드바에 나타낼수는 있습니다. 다만, 현재의 검색 디자인을 그대로 옮겨지진 않을것 같네요..;; 고치기

hi8ar~

에고, 고생이 많으십니다요...;; 음.. 배경 이미지 수정 없이, css 에서만 수정해서는 730 크기로 수정하는 것은 불가능합니다.
배경 이미지 수정없이 본문 영역이 가질수 있는 최대 크기는 720인데, 이경우, 배경과의 여백이 하나도 없게 됩니다.

layout.css 28라인즈음..
padding:10px 0 50px 174px;
width:720px;

main.css 278라인즈음..
width:720px;

모양이 썩 보기 좋진 않을것 같군요.. 고치기

hi8ar~

안녕하세요~
에.. 오브젝트?? 쇼크웨이브?? 무엇을 말씀하시는지 잘 모르겠습니다만, 해당 문제는 스킨의 문제라고 보이진 않습니다만....;; 고치기

hi8ar~

안녕하세요.
article.css 4라인..

.article {
font-size:1.1em;
margin:15px 0;
text-align:justify;
}

에서 font-size 부분을 수정하시면 됩니다. font-size: 11pt; 정도로 수정하시면 되겠네요.. em 단위를 유지한채 수정하시려면, 1.3em 정도?? 고치기

hi8ar~

첫째. 저는 텍큐 닷컴을 써 본적이 없습니다.
둘째. 텍큐 닷컴에 스킨을 어떤식으로 적용하는지 잘 모르겠지만, 티스토리용을 적용하신듯 합니다. 스타일 쉬트의 임포트 경로가 images/ 로 되어 있어서, 스타일이 하나도 임포트 되지 않고 있습니다. 고치기

hi8ar~

안녕하세요. 혹시 그 사이 고치신 건가요? 아리수님 블로그 방명록에 글을 남겨 봤습니다. 제겐 재현 되지 않는 문제 인것 같습니다. 방명록의 글을 확인하신후 삭제 하세요.. 고치기

hi8ar~

넵.. 감사합니다. 고치기

hi8ar~

아... 삶의 여유가 좀 생기면 해 보도록 하겠습니다.. 고맙습니다! 고치기

hi8ar~

넵.. 감사합니다! 고치기

hi8ar~

안녕하세요.. 말씀하신 코드 부분에서,
위쪽의 내용은 제가 배포한 스킨의 코드로 보입니다. 하지만 아래쪽 내용은 제 스킨과는 관련없는 코드로 보입니다. 아무래도 다른 스킨과 혼동이 있으신듯 합니다..;;; 고치기

hi8ar~

안녕하세요. 호스팅에 문제라기 보단, 제가 좀 쓸데 없는 짓들을 많이 해 놓아서 그렇습니다요. 고치기

hi8ar~

알아서 잘 고치신듯.. 고치기

hi8ar~

"마우스 오버시 점선 저렇게 고치면 익스플로러에선 않보이는데, 파이어폭스 에서는 점선이 보이는군요"

그럴리가요?...;; 앞서 답변의 빨강색 부분을 삭제하시면 마우스 오버시 아래 점선은 나오지 않습니다.

"공지사항 목록버튼 notice 그림 있지 않습니까, 거기에 마우스 오버시 움직인다는 소리죠"

sidebar.css 67 라인 아래 부분을 삭제합니다.
.noticeBox li a:hover {
padding:0 0 0 34px;
} 고치기

hi8ar~

코드를 살펴보면. 사이드바에 있는 검색폼안의 내용 코드가 없습니다.
<div id="searchForm"> ~ <div>
안이 아무런 내용이 없습니다.
텍스트 큐브 사이드바 위젯 치환자가 빠진게 아닐까 싶기도 하고, 아무튼, 검색창 뒤 배경만 나오고, 내용인 input 폼이 없는 상태인데요..; 고치기

hi8ar~

저는 안보이는데요? 아마도 브라우저 캐시가 남아서 그런것 같으니. 새로고침 여러번 해 보아요. 고치기

hi8ar~

에.. 저 역시 22인치 와이드 모니터를 사용합니다만... 고치기

hi8ar~

두줄인 이유는 html 이 제대로 작성되지 않아서 그런것 같습니다. 빈 <h3 /> 로 처리되는 부분이 있네요. 아마도 제대로 닫혀지지 않았거나 한것 같습니다.
조금 올라와 있는 것은 article.css 4째 줄 .article 에서 line-height 를 삭제하세요. 고치기

hi8ar~

티스토리시군요.. 기존에 있던 스킨에서 파일 업로드를 하신 것 같습니다. "새스킨등록" 버튼을 클릭하셔서 새로운 스킨으로 등록하세요. 고치기

hi8ar~

직접 skin.html 에서 수정하셔야 합니다. id="rssBtn"을 검색하셔서, href 속성에 치환자를 삭제하고, 피드버너의 주소를 넣으세요. 고치기

hi8ar~

main.css 36라인..

#searchForm {
top:36px;
}

으로 수정하세요. 고치기

hi8ar~

네 맞습니다. 방명록 부분의 비밀글 치환자가 잘못되어 있습니다.
예전에..
http://hi8ar.net/entry/whiteboard-for- ··· ent20043
이 댓글에서 한번 나왔던 내용이었는데.. 아마 제가 수정해서 새로 올리진 않았나 보네요..;;; 고치기

hi8ar~

..
http://skyume.tistory.com/62#comment3087060 고치기

hi8ar~

안녕하세요. 트랙백을 거실때 에러가 뜨는 현상은 딱히 스킨의 문제로 보이지 않습니다만..;;;
"카테고리의 다른글" 부분은..

article.css 의 13라인에.

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

letter-spacing: 0; 을 추가해 주시면 해결될 것으로 보입니다요! 고치기

hi8ar~

안녕하세요!
기본툴에 있는 Background 이미지가 무엇을 말씀하시는지 잘 모르겠습니다. 말씀하신 이미지가 배포된 스킨에 포함된 배경 이미지를 말씀하시는 거라면,
얼마든지 수정하셔도 좋습니다! 고치기

hi8ar~

안녕하세요. 딱히 도와드리거나 한 것도 없는데, 감사 인사라니요.^^;;;
오히려 제가 감사하지요! 즐거운 블로그 생활 되세요! 고치기

hi8ar~

넵.. 감사합니다. 새해복 많이 받으세요! 고치기

hi8ar~

main.css 288라인..

.titleBox h2 {
color:#666666;
font:400 39px "NanumGothic bold","나눔고딕 bold",NanumGothic,나눔고딕,"Malgun Gothic","맑은 고딕",Arial,Sans-serif;
letter-spacing:-3px;
}

에서 39px 를 원하시는 만큼 줄여 주시면 됩니다. 고치기