이미지

소개

- 100% , 835px 그 이하 2가지 가로폭을 기준으로 한 반응형
- 글 목록은 갤러리 및 마르소니 형태로 출력
- 좌측사이드뷰로 기본 표시 853 px 이하에서는 숨김
- 텍스트 기반이며 부트스르렙 glyphicon을 이용하여 이미지 사용을 줄임
- 2단 형식의 심플한 블로그에 추천

- 미리보기 페이지는 다른 스킨이 나왔을 경우 다른 스킨으로 대체 될 수 있습니다.
- 그 경우 하단 동영상을 참조 하세요.

설정

- 관리자 > 꾸미기 > 모바일 웹 > 모바일 웹 off
- 관리자 > 사이드바 > 기호에 맞게
- 관리자 > 화면설정 > 화면출력 선택화면 -> 목록만 추천 (목록+내용 선택시 화면이 무거워짐)
- 기타 자유롭게



수정 및 재배포

- 수정 및 재배포는 자유로우나 하단의 tistory / designed by 는 그대로 남겨 둘 것

 

 

동영상 미리보기 및 설명

댓글 22
  • 리토리 ()

    잘 사용하겠습니다.
  • 댓글의 댓글 골라조 ()

    감사합니다 ^^
  • 변군 ()

    감사히 잘사용하겠습니다.^^

    좌측열도 같이 움직였으면 더 좋았을꺼 같아용
  • 댓글의 댓글 골라조 ()

    모바일을 제외한 아예 PC 용으로 그 버젼 한번 생각해보겠습니다.
  • 댓글의 댓글 오동동 ()

    저도 좌측열이 같이 움직였으면 좋겠다는 생각했어요~~
    PC를 자주써서 ㅎㅎㅎ 아그리고 스킨이 세련되서 이뻐요 ~~
  • ossian ()

    저 혹시.. 스킨을 적용했는데 아이콘이 안나오면 어떻게해야하나요..?
  • 댓글의 댓글 ossian ()

    아...해결했네요..ㅎㅎ
  • 코코몽 ()

    사이드바에 애드센스 광고를 넣고 싶은데.. html코드를 넣는곳이 없는데 어떻게 넣을수 있을가요?
  • 댓글의 댓글 골라조 ()

    검색에서 애드센스라고 검색 하시면 위치 뜨실거 같습니다 아니면

    유튜브 보시면 5분 20초 쯤에 있네요
  • 사사리 ()

    스킨 너무 감사합니다. 정말 마음에 드는데요. 본문 폰트 크기 조절을 어떻게 해야할까요? 좀 작은것 같아서요
  • 댓글의 댓글 골라조 ()

    style.css

    /* entry */
    .article {font-size:/*@post-body-font-size=*/ 12px /*@*/;color:/*@post-body-color=*/ #333 /*@*/; overflow:hidden;line-height:1.6;padding:30px;padding-top:0;border:1px solid #ddd;border-top:0}

    여기에서
    font-size:/*@post-body-font-size=*/ 12px /*@*/;

    의 12px 의 숫자 값을 변경 해주세요.
  • 코난 ()

    사이드바 넓이조절은 어디서 해야 할까요?
  • 댓글의 댓글 골라조 ()

    style.css

    /* container */
    #container {position:relative;clear:both;float:left;width:100%;overflow:hidden;}
    #container:afeter{display:block;content:"";clear:both}
    #container .container_wrap{float:left;width:200%;position:relative}
    #container .content_wrap{float:right;width:50%;position:relative}
    #container #content{position:relative;right:100%;overflow:hidden}
    #container #sidebar{float:left;position:relative}
    #container{background:#fafafa} /*left color*/
    #container .container_wrap{background:#eee;border-left:1px solid #ddd;left:250px} /*right color*/
    #container .content_wrap{right:250px}
    #container #content{margin:0 0 0 250px;padding-right:20px}
    #container #sidebar{width:250px;right:250px}
    #container #content{_width:100%}
    #container .cont_pl{width:auto;padding-left:20px}

    container css 안에 있는 width:250px,left,right:250px의  250px를 원하는 사이즈로 다 변경 하셔야 되요
  • 궁금 ()

    좋은 스킨 감사합니다.

    근데 위 상단에 태그, 방명록 .. 저 아이콘들이 안보이는데 어떻게 해야하나요 ?
  • 댓글의 댓글 골라조 ()

    이미지 안에 있는 파일들도 업로드 해보세요
  • 댓글의 댓글 궁금 ()

    아이고 이런 간단한걸 .... 감사합니다
  • hanuu ()

    깔끔하고 예뻐요
    감사합니다 잘쓸게요 ^^
  • ㅇㅇ ()

    요약글 [더보기/접기] 부분이나 본문 안에 링크 걸린 부분 글자색은 어떻게 바꾸나요?
  • 네기스 ()

    깔끔한게 마음에 듭니다

    감사히 잘 쓰겟습니다 ^^
  • 김긴하 ()

    감사합니다. 지금까지 둘러본 것 중 제일 마음에 드네요!
    잘 쓰겠습니다.
  • 모리 ()

    요 스킨 감사히 잘 쓰고 있습니다!
    그런데 글 목록 나오는 화면('화면출력' 부분인 것 같아요)에서 올려주신 미리보기와는 달리 제 블로그에선 이미지가 미리보기로 안 나와요ㅜㅜ
    무엇이 문제일까요ㅠㅠㅠ

    블로그 주소는 morithedreamer.tistory.com 요거입니다ㅜ
  • 나그네 ()

    안녕하세요. 스킨 정말 너무 이뻐서 마음에 드는데요. 포스팅 한 글을 PC에서 볼 때 너비가 너무 넓어서... 그부분을 좀 조정하고 싶은뎅요. 지금 이 블로그 처럼 좌우로 패딩을 두고 싶은데... 도저히 방법을 못찾겠어서 댓글로 문의드려봅니다. css 를 수정해줘야 할 것 같은데... 어느 부분을 수정해야할지 모르겠습니다. 시간이 되신다면 댓글 달아주시면 정말 감사히 여기겠습니다.