이번에 적용한 스킨을 텍스트큐브 스킨 블로그에 올려 보았다. 올린 내용은 아래와 같다.
디자인하고는 별로 연관이 없는 사람이지만 "내가 만든 스킨을 써보고 싶다"는 갑작스런 충동에 이것저것 참고하여 만들어봤습니다. ^^
이것저것 참고해서 급조한 감이 있지만 IE7과 Firefox 2.0 및 3.0 버전에서 제대로 표시되는 것과 기본 동작을 작동 여부를 체크하였습니다. 코드는 Textcube의 Standard ver.1.1 스킨을 기반으로 작성되었으며, 웹표준을 준수하고 있습니다. 그리고 스킨 작성 가이드의 "스킨 체크 리스트"의 각 항목도 대강은 확인하였지만, 버그가 있을 수 있습니다. 이 경우 알려주시면 수정하겠습니다.
단순하고 깔끔하게 만들고자 하였는데, 역시 한계가 있군요... ^^;
그리고 본문의 너비를 조금 넓게 잡은 경향이 있는 것 같네요.
애초에 스킨을 올리고자 하는 의도는 없었습니다만, 텍스트큐브를 감사히 사용하고 또한 여러분들께서 올린 스킨도 잘 활용해오던 입장에서 혹시 한분이라도 맘에 들어하는 분이 있지 않을까 하는 맘에 허접하지만 보탬이 될까 한번 올려봅니다. 아마도 처음이자 마지막이 아닐까 하는 생각이... ^^
다운로드
KS_Simple_2008.07.04.zip적용 화면 샘플
아래 화면은 http://kyungseo.pe.kr/blog 화면을 캡쳐한 것입니다.
--
항상 좋은 일만 가득하길 바랍니다. :^)
History
* 2008년 07월 02일 15시: 댓글 입력 폼에서 홈페이지 입력 부분이 가려지는 증상이 있어서 CSS 수정후 파일을 다시 올렸습니다. 이전에 받으신 분들은 번거롭지만 참고하시기 바랍니다.
다시 올린 첨부 파일의 이름은 "KS_Simple_2008.07.01_01.zip" 입니다
* 2008년 07월 03일 16시: 사이드바에서 태그 클라우드의 좌우측에 여백을 주기위해 CSS 수정후 파일을 다시 올렸습니다. 이전에 받으신 분들은 참고하시기 바랍니다.
다시 올린 첨부 파일의 이름은 "KS_Simple_2008.07.03.zip" 입니다.
직접 수정하시려면 다음 코드를 style.css의 542 라인 정도에 추가하시면 됩니다. ^^
* 2008년 07월 04일 09시: "블로그 제목" 부분의 너비가 300 픽셀로 고정되어 있어 제목이 길어질 경우 하단으로 떨어지는 것을 수정하였습니다. 수정된 CSS 파일을 포함하여 파일을 다시 올렸습니다.
직접 수정하시려면 style.css의 154 라인의 width 값을 기존 "300px"에서 "75%"와 같이 적정 넓이로 변경하시면 됩니다.
"My Site" 카테고리의 다른 글
- Textcube 1.7.7 (Con moto)로 업데이트 (댓글 2개 / 트랙백 0개) 2009/03/13
- DokuWiki 업그레이드 (Release 2009-02-14) (댓글 4개 / 트랙백 0개) 2009/02/19
- 랭킹으로 보는 내 블로그 지표 (댓글 4개 / 트랙백 0개) 2008/11/25
- Collanos Workplace와 도쿠위키(DokuWiki) 리퍼러들. (댓글 2개 / 트랙백 0개) 2008/11/13
- 대박날 포스트에는 댓글도 조심? (댓글 4개 / 트랙백 0개) 2008/10/28
Comments
허~ 고생하셨습니다~ ㅋ
어떻게 스킨을 만드실 생각을... ^^
역쉬 대단하셔영~
여기 댓글 부분이 이상한데요~
홈페이지입력란이 가려져여~
댓글 부분 지적해줘서 고맙네...!! ^^)b
로그인한 상태로 테스트해봐서 미처 몰랐네 그려... ^^;;
덕분에 수정해서 이곳이랑, 텍스트큐브 스킨 사이트에도 다시 올려놓았네... ^^
댓글 입력 폼에서 홈페이지 입력 부분이 가려지는 증상이 있어서 CSS 수정후 파일을 다시 올렸습니다. 혹시라도 이전에 받으신 분들은 번거롭지만 참고하시기 바랍니다. ^^;;
내용의 History 부분을 참고하세요.
사이드바의 태그 클라우드 좌우측에 약간의 여백을 주기 위해 CSS 수정후 파일을 다시 올렸습니다. 혹시라도 이전에 받으신 분들은 참고하시기 바랍니다. ^^
내용의 History 부분을 참고하세요.
"블로그 제목" 부분의 너비가 300 픽셀로 고정되어 있어 제목이 길어질 경우 하단으로 떨어지는 것을 수정하였습니다. 수정된 CSS 파일을 포함하여 파일을 다시 올렸습니다. ^^
내용 하단의 History를 참고하세요.
이미지를 올리게 되면 무조건 너비는 500으로 고정되네요.
전 좀 넓게 올리고 싶은데요.. ^^;
좀 어떻게 안될까요? 어디를 수정하면되는건지 궁금합니다.
스킨 파일에 보면 index.xml을 편집하시면 될 것 같습니다.
하단에 보면 <contentWidth>500</contentWidth> 란 항목이 있는데,
아마도 이것을 <contentWidth>700</contentWidth> 정도로 수정해 주시면 될겁니다. 올리시는 이미지가 이 값을 넘어갈 경우 contentWidth에 맞게 리사이즈되어 보여지는 것으로 알고 있습니다.
변경하고 바로 확인이 안될 수 있는데(캐쉬가 남아서) 스킨 관리자에서 현재 스킨을 다시 "적용하기" 버튼을 누르시고 새로고침 하여 보면 확인이 될 것 같습니다.
블로그에 글올리실 때 사용자 이미지는 따로 사이즈 지정할 수 있다는 것 아시죠? 캡션하구요... ^^
도움이 되시길 바랍니다. :)
회사분 중 한분의 닉이 "남군"이라서 잠깐 놀랐었네요... ^^;;
친숙한 이름이라 반갑습니다. ^^
감사합니다!! ^^ 좋은 하루 되시길 바랍니다. 아주 만족스럽게 올려두게 되었네요 ^^
스킨 잘쓰겠습니다.
댓글을 뒤늦게 확인했습니다.
만족하신다니 다행이네요... ^^ 좋은 하루 되시구요~ :)
안녕하세요. 님께서 제작하신 스킨을 잘 쓰고 있습니다 .
질문이 있어서요. 제가 관리자로 로그인하고 다른 설정들은 다 되는데, 유독 스킨편집만은 '권한이 없습니다'라고 메시지가 나오면서 설정변경이 저장이 안되는데요. 어떻게 해야 되는지요? 딱히 어디 물어볼 곳이 없어서요. jason9913@gmail.com 으로 가르쳐 주시면 고맙겠습니다.
customize 디렉토리의 퍼미션(권한)을 757(또는 777)로 변경하시면 될 것 같습니다.
text가 "~/public_html/blog" 위치에 설치되었다고 가정한다면,
telnet 접속 후 다음과 같이 chmod 명령을 사용하시면 됩니다.
chmod -R 777 ~/public_html/blog/skin/customize/*
혹시 이렇게 해도 안된다면,
chmod -R 777 ~/public_html/blog/skin/*
해보세요... ^^
혹시 telnet 접속이 어렵다면,
FTP로 접속해서 다음 네개 디렉토리의 퍼미션을 위와 같이 변경해보세요~
- ~/public_html/blog/skin
- ~/public_html/blog/skin/customize
- ~/public_html/blog/skin/customize/1
- ~/public_html/blog/skin/customize/images
메일로도 동일한 내용 보내 드렸습니다.
댓글달기를 누루면 댓글창이 댓글 다는 공간에 생기는게 아니라 글 제목아래 본문 상단에 붙어 버립니다. 버그인거 같은데 어떻게 해야 될지 ㅠㅠ
두번 다시 댓글이 없습니다를 클릭하면 다시 제자리로 돌아 옵니다.
방법좀 가르쳐 주세여
지난 주 휴가라 댓글 확인을 못해서 늦게 답글 답니다... ^^;
근데, 무슨 말씀이신지 잘 이해를 못하겠군요... ^^;;;
팝업되는 댓글 입력 창은 스킨하고 무관합니다.
본문의 댓글은 입력 폼에 글 쓰고 "댓글 달기" 버튼을 누르면 바로 등록되구요...
도움을 못드려 죄송합니다.
안녕하세요. 테타툴즈에서 스킨보고 다운받아서 적용하니 글쓰기 란이 좀 이상하네요..
제가 HTML하구 CSS를 잘 몰라서 어케 수정할지 몰라 글 남기네요..
티스토리에 적용 한건데 스킨이 티스토리랑 안맞아서 그런건가여?
홈페이지 링크에 있는 블로그가 적용한 티스토리 블로근데 보시고 문제좀 해결해주세요..
파일 받아서 통쨰로 적용한거에요..
안녕하세요. ^^
제가 만든 스킨은 Textcube 1.7 이상에서만 테스트해보았습니다. 1.7 이전 버전과 티스토리는 스킨이 호환되지 않을 수 있습니다.
그런데, 글쓰기의 경우 관리자용 스킨이 적용되지 않나요?
암튼, 전 권한이 없어서 화면을 볼 수가 없군요... ^^;;
목록이 길어서 스크롤로 내릴때 백그라운드 배경이 깜박이던데 이 효과를 없앨 수 있을까요?
대강 무슨 말씀인지 알겠습니다. 제 컴에서 볼때도 약간 그런 증상이 있는데, 걍 무시하고 있지요... ^^;
배경을 없애던지 패턴이 아닌, 다른 배경으로 바꾸시면 됩니다.
답변 감사합니다. 패턴을 바꾸니 파이어폭스에서 커버페이지의 상단과 하단에 줄이 생기네요.. 깜박이는 것도 파이어폭스에서는 괜찮은걸 보니 IE7문제인가 봅니다.
그런데, 커버페이지의 썸네일 이미지가 있는 경우, 글 목록이 내려갈 수록, 이미지가 점점 오른쪽으로 가는데 혹 뭘 수정하면 괞찮을지 아시면 조언좀 부탁드려요.. 파이어폭스에서는 정상적으로 보입니다.
네, 저도 커버 페이지에 접속하면서 그런 증상을 확인했었는데요...
특정한 패턴이 있는 것 같지도 않고해서 왜 그런지 파악을 못하고 있습니다. ^^;
제 커버도 보시면 오른쪽으로 들어간 것만 계속 들어가 있는데, 그냥 두고 있죠. 스킨의 문제가 아닐 수도 있다고 생각하는데, 제대로 보진 못했습니다.
에거 도움을 못드려서 죄송하네요... ^^;;;
이미지 삽입시 br태그가 들어가면 간격이 벌어지고,이미지가 700px이 넘는 이미지를 삽입시 벌어지는것 같습니다.
이미지 삽입시 br태그만 조심하면 700px넘지 않으면 괜찮은것같은데요. 고민좀 해봐야 겠습니다.
깔끔한 스킨 배포해 주시고 신경 써 주셔서 되려 감사드립니다.
커버 페이지의 경우 thumbnail(80px*80px)을 사용하기 때문에 이미지 사이즈하고는 무관할 것 같구요. br 태그도 상관없을 것 같습니다.
일단, 잠시 스킨을 다른 것으로 변경 테스트해본 결과 제 skin의 문제가 맞는 듯 합니다. 그리고 파폭에서 보면 IE와 달리 제대로 나오는 듯 하구요(대신 다른 문제가 보이네요 ^^;).
커버 페이지의 html 소스를 보면,
-------------------------------------------------
<div class="coverpost">
<div class="img_preview">...</div>
<div class="content_box">
...
<div class="post_info"> ...</div>
<div class="post_content">...</div>
<div class="post_tags"><span>TAG : </span> ...</div>
<div class="clear"></div>
</div>
</div>
-------------------------------------------------
식으로 만들어집니다. 해당 선택자들의 경우
-------------------------------------------------
blog/plugins/MT_Meta_RecentPS_Default/style.css
-------------------------------------------------
파일에 정의되어 있는 것 같구요.
이 파일에서 img_preview는 유동(float)으로 정의되어 있는데,
".coverpost .post_tags"의 "clear: both;"를 삭제해보면 IE에서도 잘 나오네요.
하지만, 이 파일이 잘못된 건 아니구요... ^^
확인하진 못했는데, 제 스킨의 어딘가에서 정상적인 유동을 방해하는 오류가 있는 것이 당연히 맞을 것 같습니다.
나중에라도 시간날 때 함 찾아보도록 하겠습니다. 시간이 오래걸릴 듯. 기대하진 마시구요~ ^^;;
관련 파일이 거기 있었네요. 감사합니다. clear: both;"를 삭제하니 잘 보입니다.
네, 하지만 그걸 고치는 건 아닌 것 같구요... ^^;
오늘 글 하나를 포스팅하고 우연히 표지 링크를 눌렀다가 괜찮던 리스트가 새로 올린 글 이후로 밀려난 걸 봤습니다. 덕분에 어쩔 때 그런 증상이 나타나는지는 대강 감을 잡았습니다.
한마디로 (thumbnail 이미지가 있으면서) 본문이 짧을 경우이네요.