티스토리에서 제공하는 스킨은 설치할 필요없지만 외부스킨인 경우는 설치해야 한다. 이것이 어렵다면 따라하지 마세요. 스킨은 다운로드받은 후 압축을 푸는 과정을 설명하지 않겠다. 웬만하면 브라우저는 익스플로러(IE)를 사용한다. 왜냐하면 우리나라 사이트는 웹표준이 아니라 익스플로러에 최적화된 사이트도 많아 익스플로러가 아니면 에러가 발생하는 빈도가 많다. 내가 크롬을 사용하는데 에러때문에 미치겠다. 크롬이 이상한 것이 아니라 우리나라는 웹표준이 아닌 웹표준을 무시한 일부 익스플로러(6,7,8)에 최적화된 사이트가 많기 때문에 그렇다.



 - 무료로 팩스 10장보내기 : 엔팩스 -  

만약 위 글을 보고서 스킨 설치하는 과정을 요약한 것이고 위가 이해가 안 된다면 아래 여기를 클릭하세요 클릭하여 보기 바란다. 지금의 티스토리 관리는 많이 변경돼 예전에 티스토리를 한 사람에게는 낯설 수 있다.


여기를 클릭하세요

 

이 페이지의 CSS와 스크립트

브라우저에 다른 CSS : 슬라이더의 번호 배경을 회색으로 하니 익스플로러8에서는 안 나와 CSS를 다른 것으로 하려고 했는데 파란색으로 바꾸니 됐다. 나는 스크립트 시험을 크롬을 한 후 익스플로러 8로 두번째로 보는데 익스플로러 7,8때문에 어려움이 많으나 브라우저에 따라 CSS를 다르게 적용하는 것에 대해 배웠다.

스크립트 : 이 페이지에 사용한 스크립트는 jquery 플러그인으로 bxslider이고 http://bxslider.com/에서 정보를 찾을 수 있다. 예전에는 슬라이드가 번호였는데 지금은 번호가 없네요. 지금은 번호가 없는 슬라이드인 경우로 변했네요.그리고 스크립트 충돌로 인해슬라이더가 구현된 페이지는 아이프레임을 사용했다.

 jquery1


BY 엔팩스

'블로그' 관련된 글

  1. BlogIcon yitzhak's blog 2012.09.13 09:23  댓글주소  수정/삭제  댓글쓰기

    티스토리의 스킨들도 다양하지요. 소문난 잔치에 먹을것 없다고 쓸모있는 스킨들이 많아졌으면 하는 것이 비티스토리어의 바램입니다. Have a nice day!!^^

    • BlogIcon 백전백승 2012.09.13 09:36 신고  댓글주소  수정/삭제

      워드프레스 블로그를 하므로 이츠하크님은 워드프레스 테마는 멋있고 다양하다는 것을 알겠고, 티스토리 스킨도 워드프레스 테마처럼 멋진 스킨이 많았으면 해요. 스킨을 보면 워드프레스 테마를 티스토리에 맞게 변경한 스킨을 상당히 멋있더라고요.

  2. BlogIcon 돈고~ 2012.09.13 10:55 신고  댓글주소  수정/삭제  댓글쓰기

    스킨감사합니다~ 얼마전에 스킨을 힘들게 변경했는데~
    다시한번 도전헤봐야 겠어요~ 이쁜 스킨으로~

  3. BlogIcon Hansik's Drink 2012.09.13 11:46 신고  댓글주소  수정/삭제  댓글쓰기

    스킨만지기가 참 힘들던데~ ㅎㅎ
    잘 알아 갑니다~

  4. BlogIcon +요롱이+ 2012.09.13 14:09 신고  댓글주소  수정/삭제  댓글쓰기

    예쁜 스킨이에요..^^
    잘 보구 갑니닷..!!

  5. BlogIcon 레이니아 2012.09.13 14:31 신고  댓글주소  수정/삭제  댓글쓰기

    본문도 동일한 웹폰트가 사용되었군요:)
    이번에 사용된 스크립트는 (모든 스크립트가 사용방법에 따라서 효과가 차이나겠지만) 포스트 작성에 많은 도움을 주지 않을까... 하는 생각이 들었습니다.:D

    • BlogIcon 백전백승 2012.09.13 18:41 신고  댓글주소  수정/삭제

      1.본문에는 나눔고딕으로 설정했는데 글상자, 아이프레임으로 삽입한 글꼴을 렉시새봄웹폰트로 하다보니 본문 글꼴도 렉시새봄웹폰트로 한 것 같네요.
      2. 확실히 번호가 나오는 것은 글 작성에 도움이 될 것 같아요. 문제는 제가 아이프레임을 사용해 작성해야 된다는 것이 어려운 것 같아요. 스크립트 에러로 블로그에는 삽입하기 싫어졌거든요. 귀찮아도 아이프레임으로 하려구요.

  6. BlogIcon 강원도래요 2012.09.13 17:48  댓글주소  수정/삭제  댓글쓰기

    아 저게 저런 스크립트로 만들어지는 툴이군요...
    좋은데요. ^^
    확실히 보기가 좋고 예뻐요~^^

  7. BlogIcon 맥컬리™ 2012.09.20 16:41 신고  댓글주소  수정/삭제  댓글쓰기

    하단부의 좌우로 움직이는 슬라이더 화면 신기하네요.
    저도 저렇게 한번 응용해봐야겠습니다.
    다른화면에 스크립트 적용해서 아이프레임 태그 사용했나요?
     
    재아님 홈피에서도 저렇게 활용을 많이 하시던데 눈에 띄긴 하더라구요.
    오랫만에 와보니 정말 유익한 글이 참 많습니다. ^^

    • BlogIcon 백전백승 2012.09.20 18:05 신고  댓글주소  수정/삭제

      블로그에 사용한 스크립트와 충돌해서 말씀대로 HTML로 글을 작성한 후 아이프레임으로 삽입했습니다. 블로그에서 볼 수 있는 플로팅배너,모서리 둥글게 하는 것,부드럽게 이동하는 것,Fancybox,아코디언 등 많은 것을 블로그에서 사용하고 있거든요. 스크립트를 많이 하면서 느꼈는데 아이프레임이 좋더라고요.

      그러나 아이프레임을 삽입하면 모바일 페이지에서는 엉망으로 나온다는 것을 알아두시기 바랍니다.

  8. BlogIcon 도플파란 2013.01.18 22:14 신고  댓글주소  수정/삭제  댓글쓰기

    스킨만드는게 더 어렵죠..ㅋ 설치는 정말 쉽다능...ㅎㅎㅎ
    가끔 워드프레스 테마를 티스토리 테마로 컨버팅해서 써보고 싶다는 생각도 들지만...
    그냥.. 현재의 테마에 만족하기로 했어요.. 다음에 워드프레스에 하나 더 만들면 뭐.. 그때 테마를 생각해볼려구요

    • BlogIcon 백전백승 2013.01.19 23:09 신고  댓글주소  수정/삭제

      스킨 설치와 변경은 스킨만들기에 비하면 일도 아닐 것입니다. 좋은 스킨을 만들어 배포하는 사람에게 감사해야 할 것 같습니다. 그리고 워드프레스 테마는 멋진데 저의 경우는 워드프레스 테마를 티스토리에 맞게 변경한 것에 만족하고 있어요.

  9. BlogIcon 윤뽀 2013.01.18 23:19 신고  댓글주소  수정/삭제  댓글쓰기

    요즘 ㄱㅖ속 스킨 이야기 들려주시는군요 ^^

  10. BlogIcon take2 2013.02.15 11:53 신고  댓글주소  수정/삭제  댓글쓰기

    백승님, 괴롭혀서 죄송합니다. (ㅠ,ㅠ)
    이따 오후에 시간 나시면 답 주세요. 백승님 블로그같이 꾸미려면 뭘 공부해야 하나요? 'Java'인가요?
    스킨을 바꿀 생각은 없는데, display양식은 나중에 바꿔 보려고요. 참고로 말씀드리면, 'C' 읽을 줄 알고, 'HTML'해독은 가능합니다.
    저는 주로 영상쪽 작업을 해서요. 거기서 배운 간단한 'Java Expression' 정도는 알고요. 플래쉬 스크립트도 읽을 수는 있고요.
    그럼 가르침 바랍니다. 백승님... ㅎ

    • BlogIcon 백전백승 2013.02.15 17:54 신고  댓글주소  수정/삭제

      괴롭긴요. take2님처럼 자세한 질문이 좋습니다. 나이가 어릴수록 알아먹지도 못하게 질문하거든요. '안되요. 어떻게 하죠?'이런 댓글을 보면 참 웃깁니다. 뭐가 안되는지 자세히 설명해야 하는데 단지 8단어로 하니 정말 답답합니다. java나 C 등이 아니고 자바스크립트(javascript)와 jquery입니다. 참고로 저는 플래시를 전혀 사용하지 않습니다. 글 상단에 있는 것은 jquery이고, 글의 더보기 아래에 잇는 것은 자바스크립트입니다. 이 블로그 사이드바에 있는 것은 jquery와 자바스크립트입니다. 그리고 이 블로그 하단은 jquery입니다. 이 블로그에서 사용한 jquery에 대해서는 아래 링크를 참고하세요.

      http://min-blog.tistory.com/search/jquery1
      http://min-blog.tistory.com/search/fancybox

      그리고 자바스크립트와 jquery에 대한 사이트는 이 블로그 추천사이트에 있습니다. HTML 태그와 CSS를 알면 참 좋습니다.