티스토리 뷰


처음 공유하는 무료 스킨입니다.


안녕하세요^^ 처음으로 티스토리 무료 스킨을 만들어봤습니다. 아직 부족한 점도 많고 오류가 많을 것이라고 생각이 듭니다. 아직 베타버전 v_1버전이라고 생각하시면 될 것 같습니다. 원하시는 분은 스킨을 다운 받아서 사용해보시면 될 것 같습니다. 이상한 점이나 버그가 생기시면 언제든지 질문하기에 올려주시면 수정해 놓겠습니다.^^


이 블로그의 특징
  • 반응형 : 기본 반응형을 제공하고 있습니다.

  • 사이드바 : 사이드 바가 없는 일체형 레이아웃입니다. 상세 페이지에서는 하단에 노출 할 수 있음
  • 광고 : 광고는 상세 페이지 상,하에 두개가 위치하고 있습니다.(설치후 광고 변경 및 제거 해주어야 함)
  • 무료 버전은 하단의 출처 링크만 있으면 사용하시는데 아무런 문제가 없습니다.
  • 이 블로그는 네이버 스퀘어 폰트를 기본으로 하고 있습니다.

블로그의 사용
  • 누구나 사용가능합니다. 상업적으로 이용하셔도 아무 상관안합니다.(그렇게 대단한 소스는 아니기 때문에)

  • 궁금한 사항이나 버그는 댓글로 달아주세요~ 최대한 빠른 시간 안에 답변드리겠습니다.




블로그의 유료사용
  • 이 블로그의 디자인과 구성을 기반으로 나만의 스타일 블로그를 만들고 싶은 분은 커스터마이징이 가능합니다. 가령 디자인 색이나 구조를 2단으로 변경하거나 메뉴 형식을 변경한다든지~~ 등등 이런 부분은 유로로 리디자인 가능합니다. 카톡 webss로 친구 추가후 문의주세요^^

  • 간단한 수정이나 변경도 유로로 수정 가능합니다




블로그의 소스 다운로드

graySkin_v2.0.zip







블로그의 사용 방법
  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
댓글
  • 이전 댓글 더보기
  • 프로필사진 make it easy 감사합니다 :) 2018.04.11 10:22 신고
  • 프로필사진 momoiro 색상 바꾸려면 css에서 어느부분을 건드려야 되는지 알려주실 수 있나요?

    #FFDAB9 배경을 이 색상으로 바꾸고 싶습니다
    2018.04.15 19:30 신고
  • 프로필사진 webstoryboy 배경색을 변경하고 싶다면 CSS 11번째 줄에서 수정해주시면 됩니다.
    background: #3e3d42;
    이 부분을 수정하시면 됩니다.
    2018.04.15 19:33 신고
  • 프로필사진 HYUKOREA 스킨 매우 이쁘고 잘 적용 했습니다! 혹시 메인 썸네일 그라이언트 명암 조절을 할 수 있는가요? 2018.04.15 20:23 신고
  • 프로필사진 webstoryboy 네 가능은 합니다 이미지에 가상요소를 주고 그라데이션 소스를 주면 가능은 합니다 2018.04.19 17:14 신고
  • 프로필사진 W_N 우와 ㅠㅠ 잘 쓸게요 고맙습니다!! 2018.04.19 17:12 신고
  • 프로필사진 전남친 감사합니다, 너무예뻐요 잘쓰겠습니다 2018.04.23 14:51 신고
  • 프로필사진 제갈선광 스킨이 깔끔해서 마음에 듭니다.
    한가지 욕심을 부리고 싶은데요,
    아래 블로그처럼 초기화면이 세로로 4단으로 설정할 수 있겠습니까....?
    http://dobtv.tistory.com/
    2018.04.24 11:11 신고
  • 프로필사진 wing91 해결했습니다.

    테스트 중인 블로그 주소입니다.
    http://skinedit.tistory.com/
    2018.04.30 11:38 신고
  • 프로필사진 webstoryboy css 317번 째 줄에서
    column-count: 2;
    이것을
    4라고 변경하시면 됩니다.
    2018.04.30 17:24 신고
  • 프로필사진 제갈선광 336번 줄에도 똑같은
    column-count가 있는데,
    이것도 함께 수정해야 하는 건가요....?

    수정이 잘 되면
    저의 현재 매인블로그 스킨을 바꿔볼 생각입니다.

    테스트 중인 스킨은
    http://testskins.tistory.com
    입니다.
    2018.05.01 10:13 신고
  • 프로필사진 webstoryboy 소스를 수정하셨으면 번호 라인이 약간 오차가 날 수 있습니다. 그거 수정해주시면 됩니다. 2018.05.01 10:40 신고
  • 프로필사진 yorine 감사합니다 너무 깔끔하고 이쁩니다. 많이 배우고 갑니다 2018.04.26 16:40 신고
  • 프로필사진 제갈선광 님의 Grayskin V1.0
    초기화면이 정말 마음에 듭니다.
    초기화면에 썸네일 화면이 의도대로 깔린다는 게 장점 중에 장점인 것 같습니다.

    그래서 나름 제 구미에 맞게 열심히 테스트 중에 있습니다.
    칼럼 수도 널려보고,
    상단에 링크도 삽입해 보면서요....

    그리고
    스라이딩창을 여는 bar_icon(세개의 라인)도
    pc 에서 보이게까지 수정을 마쳤습니다.

    그런데 문제는 모니터 전체화면으로는
    아이콘을 클릭해도 스라이딩창이 열리질 않는군요.

    어디를 어떻게 만져야 그 창이 보여지겠습니까?
    인터넷 창을 확 줄이니까 나타나긴 합니다만....

    그리고
    상단에 나열된 카테고리는 없애고
    스라이딩창에서만 보이게 하고 싶습니다.

    테스트 중인 주소는
    http://testskins.tistory.com/
    입니다.

    항상 감사합니다.
    2018.05.04 17:05 신고
  • 프로필사진 TourITst Genie 안녕하세요 ^^ 스킨 정말 감사합니다. 이걸로 잘 사용하도록 하겠습니다. 3가지만 물어봐도 될까요?

    첫째, 바탕화면색깔과 글쓸때 하얀색이 아니라 똑같은 회식색깔로 변경은 어떻게 하나요?
    둘째, Copyright© 2018 TBD(Tistory Blog Design). design by WEB'S 아래에다가 공지사항, 최근글, 달력, 통계, 태그 등등 나타나게 할 수 있을까요?
    셋째, 바탕화면 Welcolme my blog, Tistory Blog, Company Blog Site, We will decorate your blog. 요기에다가 사진을 첨부하는 방법 좀 알수있을까요?

    테스트는 http://touristgenie.tistory.com/ 입니다.
    부탁드립니다.
    2018.05.05 01:18 신고
  • 프로필사진 webstoryboy 안녕하세요^^
    글씨는 정확히 어떤 부분을 말씀하시는지요?
    최신글 공지사항은 관리자에서 사이드 메뉴를 설정하시면 나오게 되어 있습니다.
    세번째 부분은 수정을 해서 두번째 버전으로 올릴 계획입니다.
    2018.05.07 16:29 신고
  • 프로필사진 석모 오늘 처음 적용해봤는데 디자인이 너무 좋아요 근데 배너부분에 사진이 나오도록 하거싶은데 강의대로 해도 나오지가 않아요.. 어떻게 하면 좋을까요.. 2018.05.16 00:16 신고
  • 프로필사진 webstoryboy 기존의 글씨를 지우고 이미지 태그를 쓰셔야 합니다. 그부분이 안된거 같습니다. 동영상 참고 바랍니다. <img src="이미지 주소"> 2018.05.16 17:16 신고
  • 프로필사진 별말구달 스킨이 너무 마음에 듭니다...덕분에 블로그를 다시 시작하려 합니다...감사합니다..질문 몇개 드려도 될까요?
    html이나 css를 잘 몰라서요 ~~
    1. 광고삭제를 하고 싶은데.... 동영상을 보고 해당 부분을 지우면 글내용도 함께 삭제가 됩니다...뭘 잘못했을까요?
    2. 위의 글을 읽다 보니 http://bookzib.tistory.com/ 메인 화면처럼 화면을 2열로 디스플레이할 때... 가로 세로 크기 설정을 어디서 하는건가요?
    2018.05.23 17:15 신고
  • 프로필사진 webstoryboy 삭제하실때 닫는 태그를 지우신것 같습니다. 잘 확인해보세요~ 2열로 만들때 숫자만 바꾸시면 됩니다 가로값을 설정할 필요없습니다 2018.05.23 19:52 신고
  • 프로필사진 별말구달 감사합니다...한줄씩 지워가면서 해결했습니다... 그런데 메인화면 사진 맨 위줄 정렬을 하려면 어떻게 해야할까요? 2018.05.24 10:41 신고
  • 프로필사진 webstoryboy 어딜 말하는지 모르겠습니다 2018.05.24 10:42 신고
  • 프로필사진 별말구달 사진이 없는 글 때문인것 같습니다..... 사진이 없는 글이 게시되면 배열이 망가지네요... 사진 넣으니 해결되었습니다. 2018.05.25 10:45 신고
  • 프로필사진 webstoryboy 네 사진은 꼭 한장 이상씩 들어가야 합니다 2018.05.25 11:45 신고
  • 프로필사진 별말구달 안녕하세요.... 덕분에 요즘 이것 저것 찾아보면서 많이 배웁니다...
    메인화면의 사진 밝기를 마우스 올렸을 때 밝기 상태로 고정하려면 어떻게 하면 될까요?
    2018.05.30 13:22 신고
  • 프로필사진 webstoryboy 그건 이미지로 되어 있기때문에. 파일올리기 가셔서 밝은 이미지로 교체 하시면 됩니다 2018.05.30 18:43 신고
  • 프로필사진 별말구달 제가 표현을 잘 못한 것 같아요....
    메인화면의 thumbnail 사진들이라 해야 하나요? 그 사진들이 전체적으로 어둡고 마우스를 올리면 밝게 변하잖아요.....
    마우스 올리기 전 thumbnail 밝기에 관해 말씀드린건데 ^^:
    2018.05.31 09:02 신고
  • 프로필사진 webstoryboy 네 마우스를 올리기 전에 어둡게 하는 사진 이미지가 들어가 있습니다. 그 이미지는 파일올리기에 있으니 밝은 이미지로 변경하셔야 합니다. 2018.05.31 09:28 신고
  • 프로필사진 별말구달 귀찮게 자꾸 여쭙네요...
    파일올리기란 어디를 말씀하시는거죠?
    글쓰기에서 사진추가하기 사진올리기는 아닌것 같고 파일올리기가 제 눈에는 보이지 않네요 ㅠㅠ
    마지막으로 경로 좀 부탁드릴께요...
    2018.05.31 09:39 신고
  • 프로필사진 webstoryboy 스킨 편집 > html 편집에 보시면 파일올리기 있습니다. 거기에 있는 이미지를 변경하시면 됩니다. 2018.05.31 15:23 신고
  • 프로필사진 홍또 안녕하세 스킨이 너무 이쁘네요.
    써보고 싶은데
    메인 문구( Welcolme my blog Tistory Blog, Company Blog Site We will decorate your blog.) 변경과
    그 것을 감싸고 있는 테이블 높이를 어디서 조절 할 수 있을까요?
    방법 부탁드려요..
    2018.06.02 13:40 신고
  • 프로필사진 webstoryboy 스킨 편집에서 다음의 문구를 검색하시면 쉽게 변경할 수 있습니다 2018.06.02 15:26 신고
  • 프로필사진 홍또 문구(welcolme)를 감싸고 있는 테이블 높이는 어디서 조절 할 수 있을까요?
    글씨는 변경했는데 높이를 줄일 수 가 없네요.
    어디를 조정해야 하는지 몰라서 한번 더 여쭤봅니다.
    다른 분들이 아신다면 답변 부탁드려요.
    2018.06.02 15:49 신고
  • 프로필사진 webstoryboy CSS 75번줄을 수정하셔야 합니다.
    .header-title .welcome {
    padding: 100px 150px 150px;
    }
    이 부분의 패딩값을 수정하셔야 합니다.
    2018.06.03 18:20 신고
  • 프로필사진 홍또 네 감사합니다. 2018.06.04 01:08 신고
  • 프로필사진 양갱^,.^ 감사합니다 ㅠㅠ 2018.06.04 14:14 신고
댓글쓰기 폼