Category
Date2009/03/26 19:04
2009/03/26 19:04Happy Dot ver.1 공개 (티스토리 스킨)
테이블과 div를 혼합해서 만들었습니다.
3월 24일 오후 4시 13분에 오류 수정해서 다시 올립니다.
이전에 받으셨던 분들은 skin.html의 _article_rep_title_ 찾으셔서
그 앞에 <a href="[샵샵_article_rep_link_샵샵]">으로 바꿔주세요.
실수로 그만.. 제목을 누르면 카테고리로 가게 해 놨었네요.. 죄송죄송..
Download
Screen Shot
Tip
세로정렬의 사이드바는 접었다 폈다 할 수 있습니다.
스킨 위자드를 지원하지 않으며, 가로폭은 625에 맞추어져 있습니다.
IE6에서 간격이 조금 차이가 있는 것을 제외하고, IE6, IE7, 오페라, 사파리, 크롬, 파이어폭스에서 다 잘 보입니다.
글씨가 깨져보이거나 이상하게 보이면 다운받은 파일을 메모장으로 열어 전체선택 -> 복사 해서
html/css수정 창에 들어가셔서 붙여넣어보세요.스킨 파일을 바로 올렸을 때 가끔 깨져보이네요.
글씨가 깨져보이거나 이상하게 보이면 다운받은 파일을 메모장으로 열어 전체선택 -> 복사 해서
html/css수정 창에 들어가셔서 붙여넣어보세요.스킨 파일을 바로 올렸을 때 가끔 깨져보이네요.
사이드바의 최근댓글이 두 줄로 출력되어 밉게 보인다면,
skin.html의 최근댓글부분에서 width="70%" (댓글내용부분) width="30%" (이름/날짜부분)를
본인에 맞게 수정해서 예쁘게 한 줄로 출력되도록 하세요. ^^
네글자 닉네임일 경우 70% 30%, 다섯글자 닉네임의 경우 60% 40% 가 딱 맞더라구요..
3월 26일 오후 7시 4분에 수정본 다시 올립니다.
이전에 받으셨던 분들은 style.css의 /* Guestbook List */ 를 찾으셔서
그 아래에
#guestList .hiddenComment {width:99%; font-family:Batang; font-size:9pt; color:#999999; line-height:20px;}
#guestList .guest_secret {width:99%; font-family:Batang; font-size:9pt; color:#555555; line-height:20px;}
를 삽입해주세요.
방명록 댓글의 댓글 비밀글 출력 글씨체가 투박하게 나오는 오류(?)가 있었습니다.
이전에 받으셨던 분들은 skin.html의 _article_rep_title_ 찾으셔서
그 앞에 <a href="[샵샵_article_rep_link_샵샵]">으로 바꿔주세요.
실수로 그만.. 제목을 누르면 카테고리로 가게 해 놨었네요.. 죄송죄송..
Download
happydot_gray1.zipScreen Shot
Tip
세로정렬의 사이드바는 접었다 폈다 할 수 있습니다.
(1번스킨: 최근포스트, 최근댓글, 최근트랙백, 링크, 카운터 / 2번스킨: 링크)
현재 기본값은 1,2번 스킨 모두 링크만 접혀 있습니다.
다른 세로정렬 사이드바도 접어놓고 싶으시다면 소스를 간단히 수정해야 합니다.
skin.html에서 아래의 해당 부분을 찾으셔서 바꿔주시면 됩니다.
최근포스트: <div id="chupyrp">를 <div id="chupyrp" style="display:none">로
최근트랙백: <div id="chupytb">를 <div id="chupytb" style="display:none">로
최근댓글: <div id="chupyrl">를 <div id="chupyrl" style="display:none">로
카운터: <div id="chupycount">를 <div id="chupycount" style="display:none">로
접기 기능을 사용하지 않으시려면 skin.html 상단의
<script language="javascript" type="text/javascript">로 시작되는 스크립트를 삭제하시고,
onclick="javascript:toggle(chupyrp)" 부분을 찾으셔서 삭제하세요.
(최근트랙백/댓글/카운터 부분도 동일하게 삭제)
사이드바 제목의 마우스 커서가 손가락 모양으로 바뀌는 것이 싫으시면
style.css의 chupyside 클래스를 찾으신 후 끝에 있는 cursor:pointer; 를 삭제하세요.
파일명 분류
happydot_somecolor1.zip 파일은 가로/세로 혼용 사이드바를 쓴 스킨이고
happydot_somecolor2.zip 파일은 가로 사이드바의 비중이 큰 스킨입니다.
사이드바 미리보기
스킨 위자드를 지원하지 않으며, 가로폭은 625에 맞추어져 있습니다.
사이드바 지원합니다. 위치를 바꾸실 때,
세로사이드바는 세로사이드바 끼리, 가로사이드바는 가로사이드바 끼리 바꾸셔야 합니다.
태터데스크 권장하지 않습니다. 너무 길면 잘려요..ㅠㅠ
그리고 태터데스크 내에서 html수정으로 폰트설정하셔야합니다.
대중적이지 못한 제 취향의 스킨이지만 마음에 드시는 명랑소녀들이 써주셨음 좋겠습니다. ^^
-
-
peterfish
-
-
-
행복박스
Edit/DelReply
스킨 너무 너무 예뻐요..^^2009/03/25 14:34
최근에 본 스킨 중에서 가장 마음에 듭니다..
저도 바꾸고 싶은데
혹시 파란색은 없나요?^^
파란색 있으면 바로 바꿀텐데...
아~진짜 봐도봐도 너무 예뻐요...^^ -
리아 Edit/DelReply스킨이 너무너무 이쁘네요. ^^2009/03/25 20:57
근데 사이드바에 있는 카테고리를 최근 포스트처럼 크게 한개만 둘수는 없나요?
Grace* 님 블로그 처럼 카테고리 크게 한개 두고 아래에 최근 포스트 한개 크게 두고 싶은데
올려주신 스킨을 적용해 보니까 사이드바가 2단이더라고요..
설명하는 재주가 없어서...;ㅁ; 알아들으실수 있으실지 모르겠네요 [..]
혹시 방법을 아신다면 좀 알려주시면 감사하겠습니다!
이쁜 스킨 감사해요. ^^리아 -
니키
-
세라피안
Edit/DelReply
안녕하세요 Grace님,,, 덕분에 좋은 스킨 잘 적용했습니다.2009/03/26 21:54
그런데 bg이미지(whole_back)가 사이즈가 너무크네요,,, 3M가 넘으니,,,처음로딩하는데 시간이 걸리네요,,, 그래서 저는 1024 * 1004로 수정하니 456kb로 작아졌어요^^ 이미지가 동일한 패턴형태의 그림이라서 큰 해상도에서도 자동으로 채워주니 문제 없을것 같습니다. -
마조람
Edit/DelReply
스킨이 정말 예쁘네요. 마음에 들어서 바로 블로그에 적용했습니다. ^^2009/04/03 20:39
잘 사용하겠습니다. 예쁜 스킨 만들어주셔서 감사합니다~~~~ ^0^ -
+에이미
Edit/DelReply
분홍색을 너무 좋아해서, 분홍색 스킨을 찾는중에 마음에 쏙 드는 스킨 발견해서 적용했어요 ^^2009/04/04 15:53
감사합니다~ 잘 쓰겠습니다 ^^ -
-
핑크냥
Edit/DelReply
분홍이 스킨 잘 사용하겠습니다 !! 제 닉이랑 너무너무 잘어울리는거 같아서 기분 좋아요 ~ 예쁜 스킨 감사합니다 ^^2009/06/20 09:22 -
사우다지
Edit/DelReply
스킨 바꿀려고 이리저리 다니다가 완젼 맘에 드는걸 만났어연~!! 넘 이뻐염^^2009/09/05 00:39
바로 적용했답니당 ㅎㅎㅎㅎ
긍데.. 저두 저~저~ 위에 리아님 말대로 카테고리를 크게 한개로 두고 싶은데...
방법좀 갈켜 주세연~~
글보관함 은 버려도 되니 ^^;;
꼭! 좀 알려주세연~~
글구 스킨 잘사용할께연~ 감사해연^^-
2009/09/05 00:48
<!-- 사이드바 2 --> 부터 <!-- 사이드바 3 --> 윗줄까지 몽땅 지워주세요.
그리고 <!-- 사이드바 3 --> 위에 다시 아래 내용을 복사해서 붙여넣습니다.
샵은 '#'으로 바꿔서요.
<!-- 사이드바 2 -->
<s_sidebar>
<s_sidebar_element>
<!-- 카테고리 -->
<div class="chupyside" onclick="javascript:toggle(chupycat)"><h2>Categories</h2></div>
<div id="chupycat">
<div class="chupylace">
<div class="lacetop"></div>
<div class="lacemidcat">
<div id="category">[샵샵_category_list_샵샵]</div>
</div>
<div class="lacebot"></div>
</div>
</div>
</s_sidebar_element>
</s_sidebar> -
2009/09/05 00:48
그리고 style.css 에서
/* Sidebar */ 부분을 찾으셔서 그 아래줄에
.chupylace .lacemidcat {width:100%; background-image:url('./images/lace_mid.gif'); background-position:left top; background-repeat:repeat-y; padding-top:5px; padding-bottom:5px;}
을 추가합니다.
이렇게 수정하신 후에 관리화면의 스킨/사이드바 설정으로 가셔서
최근게시물과 카테고리 위치를 바꿔 놓으시면 됩니다.
-
-
사우다지
Edit/DelReply
참..그리구연~2009/09/05 01:10
포스트 박스라고 해야되나
사이드바 옆에 본문부분 오른쪽(흰색부분)이 좀 짤려서 나오네연..
이젠 봤다는 ㅜㅜ;;
요거는 어케 해야되연? -
사우다지
Edit/DelReply
엥.. 내컴에서만 그렇게 보이는건가..2009/09/05 01:25
본문 내용 밑에 ㅇㅇ카테고리의 다른글 보기 박스 있자나여 거기가
오른쪽에 좀 짤려서 나오는뎅..ㅜㅜ
내컴에서만 그렇다면 상관은 없지만은 ㅎㅎㅎ -
-
안지용
Edit/DelReply
넘 이뻐서 제 블로그에 적용했어요.. 넘 이쁘게 만들어주셔셔 감사드립니다.2009/10/23 14:57
근데.. 관지라 모드 들어가는 부분이 없어요..? -
으힝
-
지니양 Edit/DelReply우와 너무 예뻐라..~~ 위에 댓글 참고해서 카테고리도 넓게 넓혔어요~ 핑크색 스킨 필요했는데 너무 예쁘네요 ^.^ 잘쓰겠습니다 감사드려요 !!2010/01/29 19:29지니양
-
꼬꼬마뽀
-
엘도
Edit/DelReply
샤방샤방한 핑크 스킨이네요 +_+2010/03/11 22:49
세심한 부분까지~ 완전 마음에 들어요~ @.@
블로그 봄맞이 단장에 딱! 맞는 스킨~ 감사히 잘 쓸께요~^^ -
