Kraft Paper v1.0
Kraft Paper v1.0 스킨의 티스토리용 버전입니다.
스킨에 대한 설명은 텍스트큐브용 Kraft Paper v1.0 스킨 공개 포스트를 보시기 바랍니다.
(티스토리에서는 about메뉴 대신, media메뉴가 들어가 있음을 알려드립니다.)
관련된 글 | "스킨,아이콘 배포" 카테고리의 다른 글 |
|
|
10 감사합니다.^^ |
이 블로그 게시글의 무단 펌을 금합니다. 북마크 또는 아래의 permalink를 이용해주세요.
trackback
1 trackback http://babmucza.com/trackback/111 hide trackbacks
-
드디어 스킨 작업을 완료했습니다.
Tracked from "Can you feel it ?" 2010/5/21 01:36 X
comment
22 comments (+댓글 쓰러가기) hide comments
-
-
-
-
-
5이쁘네요^^ 그리고 손으로 그린 메타사이트와 북마크 눈에 화악~ 들어와요.
블로거 뉴스 옆의 <이글을 추천해 주세요>는 어느곳에 추천하는건가요?? -
-
7오옷~ 드뎌 공개하셨군요.^^
저도 받아가서 연구를 좀 해봐야겠어요.ㅎㅎ
저는 본문이 750이라서 맞추려면 힘들라나.ㅠㅠ -
-
9안녕하세요!
바꿀 스킨을 찾다가..
크라프트지 스킨이라니,그림쟁이에게 딱이잖아-!
하면서 받아서 적용해 봤습니다.. 참 이쁘네요 *^^*
좋은 스킨 공개 감사드립니다~
그런데 한 가지 궁금한 점이 있어서요..
저는 티스토리를 쓰지만 공지로 프로필 메뉴를 작성해 써왔거든요..
티스토리에서는 공지를 이용한 프로필 메뉴를 상단에 저런 메뉴로
사용하는 건 불가능한 건가요? ㅜㅜ
제가 텍스트 큐브 버전 about 아이콘으로 바꿔치기하면서
수정을 해봤었지만 아이콘 변화가 제대로 표시 안되더라구요.;-
anil님, 안녕하세요.^^
티스토리는 페이지용 body id를 지원하지 않기 때문에 about 메뉴로 바꿔치기해도 변화가 제대로 표현되지 않습니다. ^^;;
공지를 여러개 말고 about 단 한가지로만 쓰실거면, 방법이 있습니다. 블로그 보니까 keyword기능을 쓰지 않으시는 것 같은데, 이걸 제거하고 about을 추가하는 소스를 적어드릴께요. (대신 about.gif파일을 업로드 해주셔야합니다.)
style.css파일을 열고,
#nav {height:55px; position:relative; list-style: none; background:url(images/navBottomBar.jpg) no-repeat left bottom; margin:40px 15px 0; font-size:0; /*for IE6,IE7*/}
#nav a {display: block; position: absolute; outline-color:#000; text-indent: -999%;height:20px; border-top:10px solid #cbc5ad;}
#nav a:hover, #nav a:focus { background-position: left center; border-style:none; border-top:10px solid #b4ae94;}
#nav .home {width:54px; background:url(images/home.gif); right:474px;}
#nav .about {width:65px;background:url(images/about.gif); right:395px;}
#nav .location {width:98px; background:url(images/location.gif); right:287px;}
#nav .keyword {width:96px;background:url(images/keyword.gif); right:182px;}
#nav .guestbook {width:112px; background:url(images/guestbook.gif); right:60px;}
#nav .rss {width:48px; height:46px; background:url(images/rss.gif); right:0; top:-15px; border-style:none; opacity:0.5; filter:alpha(opacity=50);}
#nav .rss:hover, #nav .rss:focus {border-style:none; opacity:1; filter:alpha(opacity=100);}
#tt-body-cover #nav .home,
#tt-body-pages #nav .home,
#tt-body-page #nav .about,
#tt-body-location #nav .location,
#tt-body-keylog #nav .keyword,
#tt-body-guestbook #nav .guestbook {background-position: left bottom; border-color:#504d42;}
부분을 지우시고 아래 소스로 대체하여주시기 바랍니다.
#nav {height:55px; position:relative; list-style: none; background:url(images/navBottomBar.jpg) no-repeat left bottom; margin:40px 15px 0; font-size:0; /*for IE6,IE7*/}
#nav a {display: block; position: absolute; outline-color:#000; text-indent: -999%;height:20px; border-top:10px solid #cbc5ad;}
#nav a:hover, #nav a:focus { background-position: left center; border-style:none; border-top:10px solid #b4ae94;}
#nav .home {width:54px; background:url(images/home.gif); right:433px;}
#nav .about {width:65px;background:url(images/about.gif); right:358px;}
#nav .media {width:58px; background:url(images/media.gif); right:290px;}
#nav .location {width:98px; background:url(images/location.gif); right:182px;}
#nav .guestbook {width:112px; background:url(images/guestbook.gif); right:60px;}
#nav .rss {width:48px; height:46px; background:url(images/rss.gif); right:0; top:-15px; border-style:none; opacity:0.5; filter:alpha(opacity=50);}
#nav .rss:hover, #nav .rss:focus {border-style:none; opacity:1; filter:alpha(opacity=100);}
#tt-body-page #nav .home,
#tt-body-notice #nav .about,
#tt-body-media #nav .media,
#tt-body-location #nav .location,
#tt-body-guestbook #nav .guestbook {background-position: left bottom; border-color:#504d42;}
단, 여러개의 공지를 쓰실 경우 버튼 활성화가 이상하게 되니 공지를 about 한개로 쓰실 경우에만 사용하시기 바랍니다.
그래도 문제가 있으면 문의해주세요. ^^ -
아..ㅜㅜ 친절하게 설명해주셔서 감사합니다..!
설명대로 하니 버튼 변화가 잘 나오네요.
다시 한 번 좋은 스킨 공개 감사드립니다.
여기 스킨도 전에 볼 때부터 느꼈던 거지만 멋져요.
행복하세요!
-
-
10정말 좋은 스킨 고맙습니다~
덕분에 너무 잘쓰고 있어요~
다만 제가 너무 초보라...
이미지에 관한 <p class="image"></p><--요 부분을 제대로 이해못하고 있는데...
어디다 넣어줘야 할지 잘 모르겠습니다.
여튼...지금 스킨도 정말 대단히 이쁜데요?
이렇게 예쁜 블로그는 정말 처음인듯...
최고입니다.
