Profile

Dev Studio

OPNay

[Skin] Simplify 스킨 v1.1


주의 : 현재 제 블로그에 적용된 스킨은 다음 버전 스킨을 미리 적용한것이므로 적용시 제 블로그와 다를 수 있습니다!

알림 : 새로운 버전이 배포되었습니다. Simplify 카테고리를 확인해주세요.


드디어 두번째 배포입니다.

자세한 사항

  • 폰트 : 맑은고딕, 나눔고딕, FontAwesome
  • 반응형 지원
  • 본문 전용 스타일 적용.
  • 이미지 대신 FontAwesome사용.


수정사항

  • 상단 네비게이션이 회색 배경의 헤더를 벗어날때 배경이 나타나도록 변경하였습니다.
  • 사이드바 기본 모듈
    • 이름 카드 (Name Card)
    • 최근 포스트 (Recent Post)
    • 최근 댓글 (Recent Comment)
    • 캘린더 (Calendar)
  • 사이드바 일부 스타일이 변경되었습니다.
  • 본문 기본 스타일이 추가 및 변경되었습니다.
  • 일부 셋팅 방법이 좀더 쉽게 변경되었습니다.
    • 이름 카드
    • 사이드바 링크
  • 카드 UI가 일부 수정되었습니다.
  • 댓글의 이름, 비밀번호, 댓글 입력란의 모양이 변경되었습니다.
  • 댓글의 본문 부분의 글자 크기를 조금 줄였습니다.
  • 모바일에서 댓글 수정 및 삭제버튼이 댓글을 덮지 않도록 수정했습니다.
  • 풋터(방문 카운트 및 저작자)의 글자 크기를 조금 줄였습니다.

생각보다 수정된 부분이 많고 추가된 부분도 많습니다.

기존 v1.0을 사용하신 분들도 셋팅을 다시 하셔야 할텐데 이젠 편하게 셋팅 파일을 따로 빼놨습니다. 이제부터 버전업 될때마다 셋팅을 다시 할 필요가 없어지고 기존의 셋팅 파일을 가져와 추가되거나 바뀐 셋팅만 작성해 주시면 됩니다.


알려진 문제점

  • 트랙백 없음
  • 댓글 숨기기 없음
  • 모바일에서 카테고리를 볼수 없음.


스킨 설치하기

스킨 설치법은 Tistory/Simplify 카테고리를 참조하세요.


다운로드

Tistory-Skin-Simplify-v1.1.zip

소스 관리 저장소

Simplify v1.1

BlogIcon 산소공급

좋은 스킨 제공해주셔서....감사합니다.
본문 사이즈를 줄이고 싶은데...어떤것을 조정하면 될까요?

2015.07.15 09:43 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

해당 부분을 수정하려면
style.css에서
/*********
* Container
*********/
부분을 찾아 바로 아래 /* PC */ 부분 부터 수정하시면 됩니다.
#container로 원하는 만큼의 크기를 줄여주세요. (실제 본문은 양옆에 padding이라는 여백이 좌우 각각 24px씩 들어가 있어서 실제 본문은 이곳에 적게되는 넓이 값보다 작습니다.)
바로위 #wrap의 넓이 값도 똑같은 수만큼 줄이거나 늘려주세요. (안그러면 사이드바가 아래로 내려가거나 화면이 한쪽으로 쏠리게됩니다.)
이제 바로위 @media ... 부분의 min-width:값을 #wrap의 넓이 + 24px, 바로 아래 @media (min-width:1024px) ... 부분의 max-width:값을 방금 계산해 넣었던 값의 - 1 만큼의 값을 적어주시기만 하면됩니다.

생각 보다 복잡해서 추후 자세한 설명으로 글을 올리겠습니다.

2015.07.15 14:09 신고 · 수정/삭제

BlogIcon 산소공급

감사합니다.
조만간 적용해보겠습니다.

2015.07.15 18:03 신고 · 수정/삭제

BlogIcon MINU HOME

좋은 스킨 감사합니다 ~.~!

2015.07.15 16:53 신고 · 수정/삭제 · 댓글

라디에이

보호글은 왜 안되나요 ㅠㅠ....

2015.07.17 12:10 · 수정/삭제 · 댓글

BlogIcon OPNay

?? 보호글 작동 잘됩니다.
혹시 비공개로 하신거 아닌지?

2015.07.17 12:57 신고 · 수정/삭제

BlogIcon 규규님

블로그 상단의 타이틀 크기를 조정할 순 없을까요??

2015.07.19 21:27 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

style.css에서 #header .link의 line-height을 조정해주시면됩니다.

2015.07.19 21:29 신고 · 수정/삭제

BlogIcon 규규님

아하 빠른 답변 감사합니다.
근데 몇가지 더 궁금한게 있는데요..
구글 애드센스를 게시물 내용위에 단다면.. 어느 부분쯤에 소스를 추가 해야 할까요?
그리고 글쓰기 버튼이나 로그인 버튼 같은건 따로 존재하지 않는건가요?
제가 티스토리가 첨이라 ㅠㅠ 죄송합니다.

2015.07.19 21:36 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

추가한다면 <article class="article"> 바로 아래에 추가하시면 될거같구요
로그인 같은건 제스킨에선 안보이게 해놨습니다.
따로 상단 고정 메뉴에 추가 하시거나 우측 사이드 링크에 추가 하시면 될거같아요.
보통 티스토리 로그인 주소는 http://tistory.com/login 으로 하시면되니깐 이걸로 추가하시면되고,
글쓰기 주소는 http://블로그 주소/admin/entry/post 로 하시면 됩니다.

2015.07.19 21:40 신고 · 수정/삭제

BlogIcon 규규님

아하 넵 감사합니다~

<article class="article"> 은 skin.html 에만 존재 하던데 그 부분에다가만 추가 해 주면 되는거 맞죠?
style.css 부분은 건들거 없구요..

2015.07.19 21:48 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

옙!

2015.07.19 21:49 신고 · 수정/삭제

BlogIcon 규규님

제 블로그 댓글에 제 프로필 사진이 안나오는데...
혹시 이건 왜 그런지 알 수 있을까요?
모바일에서는 정상적으로 나옵니다.

2015.07.20 15:10 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

Simplify의 설명서 카테고리에 설치하기 확인해보세요.
관련 플러그인 설정있습니다.

2015.07.20 15:41 신고 · 수정/삭제

BlogIcon 규규님

빠른 답변 감사합니다 ^^
잘 적용하였습니다.

2015.07.20 16:21 신고 · 수정/삭제

BlogIcon Joo

와~ 너무 예뻐요~ :)

2015.07.20 18:09 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

감사합니다 :)

2015.07.20 18:44 신고 · 수정/삭제

BlogIcon 미스터김 세상리뷰

스킨 참으로 이쁘네요
관리부분이 어디있는지요 안보이네요

2015.07.21 22:17 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

블로그 관리에서 화면설정 - 메뉴에 들어가셔서
속성을 기본메뉴 - 관리자로 선택후 메뉴명은 Admin이나 관리자로 적으신뒤 추가 - 저장 하시면 블로그 상단 고정 메뉴에 표시됩니다.
블로그에 관한 메뉴는 대부분 여기서 추가 가능합니다.

2015.07.21 22:20 신고 · 수정/삭제

BlogIcon 태커

안녕하세요 신뢰를 무릎쓰고..이렇게 댓글을 남기네요..

어제 질문드렸던사람인데요..메인에서는 사이드바가 안나오게 하는 방법을 여쭤봤는데..답변을 javascript로 주소를 인식해 없애버리는 방법이 생각나네요.
라고 답변하셨는데..혹시 구체적으로어떻게되는지요.. 제가 디자이너다보니 개발관련해서는 잘몰라서요...혹시나 소스라던가 스킨이 있으시면 알려주실래요? 비용은 지불하겠습니다. ^^개발관련해서요.. 부탁드립니다. 딱히 부탁드릴때가 없다보니...-- 죄송합니다...

2015.08.05 01:00 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

해당 페이지의 소스를 보니 t에디션 사용시 나타나는 클래스를 이용해 했네요.
T에디션으로 메인화면을 꾸미고 스킨 css에 .tedition_blog .sidebar {display:none;}
이런 식으로 추가하시면 됩니다.

2015.08.07 17:04 신고 · 수정/삭제

BlogIcon 날라가.

현재 사용할려고하는데 배경을 바꾸는 방법은 없나요?
그리고 메인 화면을 썸네일로 출력 불가능한가요?

2015.08.08 15:42 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

배경 바꾸는건 CSS파일 보시면
body {background:#EEE; ........
이부분에서 #EEE와
#header {z-index:-30; background:#AAA .....
에서 #AAA를 바꿔주시면 됩니다.

메인화면과 카테고리에서 섬네일로 표시하는건 현재 어떻게 표시하도록 할까 구성단계에 있습니다.

2015.08.08 15:49 신고 · 수정/삭제

BlogIcon 날라가.

아 그리고 사진이 자동으로 축소되서 나오는데 어떻게 안될까요?
화면에 꽉차도록,,
http://fpahs4400.tistory.com/2 여인데 사진이 축소되서 나오는것 같네요

2015.08.08 16:11 신고 · 수정/삭제

BlogIcon OPNay

무조건 사진의 원본 크기대로 나오도록 했습니다.
강제로 확대하면 깨지게 되서 그렇게 했는데 그게 불편하시면
스킨 images/skin_article.js파일을 여시고
$('.article').ready(function () {
// Image
라 적힌부분 부터 맨 밑까지 지우시면 될겁니다.

2015.08.08 17:32 신고 · 수정/삭제

비밀댓글입니다

2015.08.24 14:11 · 수정/삭제 · 댓글

BlogIcon OPNay

우편번호 입력란을 새우편번호(5자리)로 바꿔주세요..;;
예전 우편번호 입력으로 되어있어서 찾느라 오래걸렸네요;;

2015.08.24 14:39 신고 · 수정/삭제

돌콩

잘쓰겠습니다
그런데 글자크기를 변경하고싶은데
편집기에서 어느부분을 수정해야되나요?
좋은 스킨입니다
그리고 어느분의댓글 내용보니까
애드센스광고를 상단에만 넣을수있나요?
제가 원하는곳에 넣을수는 있나요?

2020.09.05 19:02 · 수정/삭제 · 댓글