티스토리 블로그 스킨 공개 - simpleX EF version
2011. 9. 2. 09:22 블로그 (티스토리)
지금까지 한달정도 사용했던 티스토리용 블로그스킨 simpleX EF version를 공개해요.~
필요하신 분 가져다 쓰세요. 물론 수정 및 배포 자유~롭게 하세요.
단, 원 제작자(티스토리)와 재구성자를 지우지 말아 주시고 영리 및 상업적으로 이용하지 말아 주세요.
약속 안 지키시면 스킨배포를 중지하고 이후에 혹시 모를 다른 스킨도 배포 안 할꺼에요. (삐침 --;)


simpleX EF version 특징

■ 제목에서 풍기듯이 A4용지 한장 올려 놓은 듯한 심플한 1단 스킨입니다.
■ 본문크기는 640입니다.
■ 사이드바는 오른쪽 화면에 전원단추모양을 클릭하면 나타나고 다시 한번 클릭하면 사라집니다. 이거 하느라 머리 뽀개지는 줄 알았습니다. ㅎㅎ
■ 자주사용하는 기능 위로가기, 아래로 가기, 글쓰기, 관리자메뉴등을 스크롤를 따라다니는 메뉴에 아이콘화하여 편의성을 도모하였습니다.
■ 초보자가 손댄 것이라 알맞는 코드를 사용했는지는 모르겠습니다만 가능한한 웹표준을 지켰습니다.
■ 네이버에서 무료로 배포하는 나눔고딕글꼴과 마이크로소프트에서 배포하는 맑은고딕글꼴을 기준으로 수정하였으니 폰트를 다운로드한 후 보는 것을 추천합니다.
■ 될수 있으면 고화질 이미지 사용과 많은 이미지사용을 자제하여 블로그 로딩속도는 느리지 않은 편인 것 같습니다. 인터넷속도측정사이트 WebWait에서 측정하였는데 네이버보다 로딩속도 빨랐습니다. (측정치는 인터넷환경, 시간대등에 따라 다를 수 있고 그냥 "괜찮은 속도 나오네"정도로 보세요.)

▲ 클릭 확대




미리보기
http://simplexef.tistory.com/


다운로드
□ 상단사이드바의 기본닫힘 버전

simpleX EF v2.0 (배포-20111005).zip


□ 상단사이드바의 기본펼침 버전

simpleX EF v2.0 (사이드바 기본으로 펼치기).zip



사용환경
한달정도 아래의 브라우저에서 사용해 봤는데 별 다른 문제점은 발견하지 못했습니다.
- 파이어폭스 3.6 ~ 5.0
- 익스플로러 8
- 구글 크롬 13



수정 및 업데이트
○ 사이드바의 표시및 위치설정은 블로그 관리화면에서 입맛에 맞게 설정하시면 되겠습니당.~
○ 이후 업데이트는 없을 듯 싶습니다. 이해해 주세요. *^^*


스킨 적용방법
※ 마음에 안들면 이전 스킨으로 되돌려야 하니 이전 스킨을 저장하고 적용하세요.
○ 스킨적용 방법은 아래링크를 참조하세요.
http://likenew.tistory.com/110


본문크기 설정
본문크기를 변경하고 싶으면 style.css파일을 수정하세요.

(수정하기 전에 http://likenew.tistory.com/107 에 블로그스킨의 기본구조에 관련된 글이 있으니 참조하세요.)



스크롤 따라 움직이는 메뉴 위치설정

top : 30% : 숫자 30을 높일 수록 아래로 내려 갑니다.

margin-left: 400px : 숫자 400을 높일 수록 오른쪽으로 이동합니다.


  • 이전 댓글 더보기
  • 깔끔하고 좋으네요 좋은일하시니 복받으실거예요
    정말 감사하는 마음으로 잘쓰도록 하겠습니다.
    *빼꼼* 2011.09.19 10:17 신고
    • 마음이 무거운 월요일에 기분좋은 글을 보니 힘이 나네요.
      고맙습니다. *^^*

      날시도 우중충하고 조금 쌀쌀하네요.~
      때아닌 감기 조심하시고 좋은 하루되세요.
      likenew 2011.09.19 12:49 신고
  • 비밀댓글입니다
    2011.10.04 23:13
  • 비밀댓글입니다
    2011.10.05 14:21
    • 본문 포스팅를 추기하였습니다.
      『블로그스킨 다운로드』 부분을 참고하세요.
      즐거운 블로깅을... *^^*
      likenew 2011.10.06 00:14 신고
  • 비밀댓글입니다
    2011.10.05 20:23
    • 이런 죄송합니다. ㅡㅡa

      수정한 버전을 새로 올려 놓았습니다. 스킨을 다시 등록하시거나
      아래의 skin.html을 2곳을 수정하시면 될 겁니다.
      (아래 치환자의 #공백#에서 "공백"을 삭제하세요. #과 #는 붙어 있어야 됩니다.)

      ■ "안녕하세요. J1입니다. :D"로 나오는 문제
      skin.html의 41번째 줄의
      『 title="안녕하세요. J1입니다. :D"』에서
      J1을 아래의 치환자로 바꾸어 보세요.
      [#공백#_blogger_#공백#]

      ■ Posted by J1 로 나오는 문제
      skin.html의 428번째 줄의 J1을
      [#공백#_article_rep_author_#공백#]
      로 바꾸어 보세요.
      likenew 2011.10.05 23:09 신고
  • 비밀댓글입니다
    2011.10.21 22:32
  • 비밀댓글입니다
    2011.11.19 23:52
    • 무○○○님 블로그 방명록에 글을 남겼습니다.
      좋은 하루되세요.~
      likenew 2011.11.20 14:45 신고
  • 잘쓰겠습니다. ^ ^
    zzixxa 2011.11.21 18:24 신고
  • 우와 잘쓰겠습니다.
    하이에나통신 2011.11.30 03:47 신고
  • 비밀댓글입니다
    2011.12.05 19:18
    • 도움이 될지 모르겠지만 아래 링크를 참조해 보세요.
      http://likenew.tistory.com/95

      혜○○○님의 블로그 포스팅의 넋두리 완전공감해요..ㅠㅠ

      한번에 다할려고 하면 밑도 끝도 없이 시간만 많이 걸리고 실망이 큰것 같아요.

      우선은 전체모양을 어떻게 할지를 결정하고 부분적으로 조금씩 조금씩 수정해 나가는 것은 어떨까요?

      수정에 필요한 지식들(HTML, CSS등)은 그때 그때 검색이나 질문으로 해결하면 될 것 같아요.

      마음에 예쁜 스킨이 나오길 바라며... *^^*
      likenew 2011.12.08 00:11 신고
  • 비밀댓글입니다
    2011.12.08 01:11
  • 비밀댓글입니다
    2011.12.16 22:44
  • 비밀댓글입니다
    2012.02.15 00:53
    • 요즘 통 블로그에 신경을 쓰지 못하고 있어 답변이 늦었습니다. ㅡㅡ;

      오른쪽에 있는 스크롤을 따라 움직이는 아이콘 묶음의 배경색이 배경화면색(파란색계열)과 동일하여 배경색이나 배경화면을 변경하시면 눈에 거슬릴겁니다.
      likenew 2012.02.22 21:15 신고
  • 감사합니당
    whatiamyeah 2012.02.24 20:14 신고
  • 제 블로그에서 적용해봤더니 오오!! 완전 맘에 듭니다
    잘 쓰겠습니다
    zanetti 2012.03.29 15:38 신고
  • 깔끔하고 좋네요.
    사진블로그에 사용해도 좋겠습니다.
    이바구™ - 2012.08.02 20:37 신고
  • 멋진 스킨 만들어 주셔서 감사합니다.
    지금껏 사용한 스킨 중에 최고네요. ^^
    그녀로부터 2012.11.16 23:39 신고
  • 좋은 스킨 제공해주셔서 고맙습니다!
    Starkey 2013.05.13 14:28 신고
  • 스킨 좋아요
    저기요 스킨양옆넓이늘리고싶은데요
    알려주세요
    Constantine B2 2013.09.17 11:56 신고
  • 스킨 너무 예뻐요 ㅎㅎㅎㅎ
    혹시 배경칼라 말고 배경이미지 사용할 수 있을까요?
    cherie_ 2013.10.22 18:31 신고
  • 감사합니다! 잘 쓸게요!!
    캬닥이 2014.02.07 21:53 신고