Dev Studio
OPNay
[Skin] Simplify 스킨 v1.2
주의 : 현재 제 블로그에 적용된 스킨은 다음 버전 스킨을 미리 적용한것이므로 적용시 제 블로그와 다를 수 있습니다! 자세한 사항 폰트 : Roboto, Arial, Sans-serif, FontAwesome반응형 지원본문 전용 스타일 적용.이미지 대신 FontAwesome사용. 수정사항 FontAwesome v4.4.0, jquery v2.1.4 로 업데이트되었습니다.기본 폰트가 변경되었습니다. (맑은고딕, 나눔고딕 -> Roboto, Arial, Sans-serif)webkit사용하는 브라우저(크롬) 브라우저 전용 스크롤바 스타일 적용하였습니다.검색 위치를 상단 네비게이션 바에서 본문의 최상위로 이동되었습니다.상단 메뉴를 좌측 슬라이딩 형식의 사이드 메뉴로 변경되었습니다.사이드 메뉴에 카테고리 메뉴를..
[Simplify v1.1] 스킨 설정하기
기존 v1.0과 다르게 설정 방법이 변경되었습니다. 좀더 설정하기 편하고 다음 버전에서 다시 셋팅할 필요가 없도록 하기 위함입니다. 설정 파일 스킨 폴더/images/skin_settings.js 설정 작성 방법 스킨 파일내에는 기본적으로 제가 사용하던 설정 일부가 들어있습니다. 이는 일부러 넣어둔것이며, 스킨 사용자분들이 좀더 쉽게 변경할수 있도록 예제로 넣어놓은 것입니다. 네임카드 "name":"OPNay"사진의 @OPNay라고 적힌 부분의 이름을 설정합니다. (@가 자동으로 붙습니다.)ex) @홍길동 이라고 하고싶으시면 "name":"홍길동" "href":"https://twitter.com/opnay_dev"@OPNay부분의 링크를 설정하는 부분입니다. 사이드바 링크 "name":"Github"사..
[Skin] Simplify 스킨 v1.1
주의 : 현재 제 블로그에 적용된 스킨은 다음 버전 스킨을 미리 적용한것이므로 적용시 제 블로그와 다를 수 있습니다! 알림 : 새로운 버전이 배포되었습니다. Simplify 카테고리를 확인해주세요. 드디어 두번째 배포입니다. 자세한 사항 폰트 : 맑은고딕, 나눔고딕, FontAwesome반응형 지원본문 전용 스타일 적용.이미지 대신 FontAwesome사용. 수정사항 상단 네비게이션이 회색 배경의 헤더를 벗어날때 배경이 나타나도록 변경하였습니다.사이드바 기본 모듈이름 카드 (Name Card)최근 포스트 (Recent Post)최근 댓글 (Recent Comment)캘린더 (Calendar) 사이드바 일부 스타일이 변경되었습니다. 본문 기본 스타일이 추가 및 변경되었습니다. 일부 셋팅 방법이 좀더 쉽게 ..
[Simplify] 설치하기
설치전 파일 수정은 하셨나요? 아직 안보셨다면 보고와주세요. 파일수정은 옵션이 아닌 필수입니다. 이제 설치하실 시간입니다. 블로그 관리화면에서 `스킨` > `스킨 등록`을 클릭해주세요. `추가`를 눌러 압축해제된 스킨파일을 선택해줍니다. 이때 images폴더는 폴더를 선택하여 추가하는게 아니라 폴더 안 파일들을 선택해줍니다. 스킨 저장명에 이름을 적어주시고 저장을 눌러주세요. `스킨` > `보관함`으로 이동하여 저장된 스킨을 적용합니다. 블로그는 모양을 갖췄지만 스킨이 제대로 작동할려면 몇가지 설정을 거쳐야합니다. 이를 위해 `화면 설정` > `화면출력`으로 이동합니다. 글 `1개`, 글목록 `목록만`으로 선택해주세요. 그리고 `댓글 펼침`, `트랙백 펼침`을 체크해주세요. 이제 마지막 플러그인 설정입니..
[Simplify] 설치전 필수 수정사항
* 본 게시글은 Simplify v1.0을 기준으로 합니다. 다운로드는 받으셨지요?Simplify는 설치전에 파일을 수정해야할 부분이 있습니다.스킨 자체에서만 설정이 가능한 부분이기 때문입니다. 수정법은 아주 간단해요. 먼저 다운받으신 스킨의 압축을 풀어줍니다. 그러면 images (폴더)README.md (설명서)index.xmlskin.html (스킨 본체)style.css (스킨 스타일) 이렇게 다섯가지 파일/폴더가 나오게 됩니다. 여기서 수정해야할 파일은 skin.html이라는 파일 한개뿐입니다.이 skin.html을 메모장, Notepad++등의 편집기로 열어서 수정하시면 됩니다. * 편집기에서 [Ctrl] + [F]를 눌러 찾기를 통해 찾으시면 더욱 빠르게 수정하실수 있습니다. `Side Li..
[Skin] Simplify 스킨 v1.0
기존에 사용하던 스킨을 싹 정리해서 결국에는 Simplify라는 스킨으로 재탄생했어요. 첫 배포하는 정식 스킨이니 잘 사용해주세요. 맑은 고딕, 나눔 고딕 (구글 웹폰트), FontAwesome (웹폰트)반응형 지원본문 전용 태그 스타일 적용. hX 태그 margin 상하단 0.6em, 좌우 0h1, h2 태그 하단 외각선 추가.p 태그 높이 1.5배.img 태그 강제 원본 이미지 크기 적용. 단, 실제 본문 높이 보다 클경우 본문 넓이로 표시. 이미지 대신 FontAwesome 사용 현재 문제점트랙백 없음.최근 글, 댓글, 트랙백 위젯 없음.댓글 숨기기 없음. 다운로드 및 자세한 설명 https://github.com/OPNay/Tistory-Skin/tree/Simplify-v1.0 본 스킨은 계속해..