Section.G
티스토리용 반응형 무료 스킨 | Cynical Dark | Bootstrap, jQuery, html5
라이프다이어리/잡담 2014. 10. 5. 16:02

@Eruis's Skin Project #04Cynical Dark 소개Cynical Dark(이하 "씨닭")은 부트스트랩(Bootstrap)과 jQuery(제이쿼리)기반의 티스토리용 반응형 스킨입니다. 여기서 반응형 웹이란? 별도의 전용 레이아웃 제작 없이 그 페이지의 컨텐츠를 각각 다른 크기의 화면을 가진 기기에서도 동일하게 이용할 수 있게끔 제작된 웹을 일컫습니다. 이번 씨닭은 스킨 제작 프로젝트의 네번째 프로젝트로써, 기존의 다른 스킨을 수정해서 사용했던 1~3번째와는 달리 직접 A부터 (.. 는 부트스트랩 예제를 썼으니 양심상) 는 아니고 한... C쯤부터 Z까지 직접 제작한 점이 차별화되었습니다. 미리보기... 미리보기를 넘어서 체험을 손수 하시고 계십니다.예, 맞습니다. 지금 보고 계신 스킨..

article thumbnail
아무래도 안 되겠습니다.
라이프다이어리/잡담 2014. 9. 28. 14:32

[사진 1] 태블릿 환경에서 구현되는 방명록 작성란 다른 사람의 테마를 재구성하는 것으로는 모든 기능을 구현할 수 없을 것 같아서 특단의 조치를 내렸습니다. 현재 가지고 있는 기술력을 바탕으로 손수 스킨을 만들자! 그래서 A부터 Z까지 스킨의 모든 부분을 처음부터 손수 만들고 있습니다. 사실 .. 부트스트랩 기본 예제를 기반으로 하고 있습니다만 직접 만든다는 것에 큰 의의를 두고 있습니다. [사진 2, 3] 현재 스킨에 사용되는 모든 파일의 목록과 상세정보 뭐 .. 아직 개발 초창기 단계로써 검색 결과부터 지역 로그, 태그 로그, 방명록 글쓰기 섹션까지만 완성된 상황이라 완성될 시의 요구되는 디스크 공간은 아직 미정이나, 현재 총 스킨이 요구하는 디스크 용량은 241KB입니다. 뭐 .. 나눔고딕은 구글 ..

article thumbnail
NEW Design will SOON!

안녕하세요? 오늘도 개발에 매진하고 있는 @Eruis입니다. 현재 개발 중인 Section.G만의 독창적이고 개성있는 스킨의 스틸컷을 잠깐 보여드리겠습니다. 이 스킨의 개발 및 안정화가 완료되면 추후에 적용될 예정입니다. 사진 1. PC화면에서의 상단 메뉴 디자인 마우스 오버를 하면 하위 메뉴가 나옵니다. 사진 2. 화면을 밑으로 스크롤 하면 상단 메뉴바가 블로그 제목, 검색, 이메일 문의 등만 나오도록 간략해집니다. 메뉴를 표시하고 싶다면 PC는 블로그 제목에 마우스 오버를 하시거나 스마트폰과 마찬가지로 좌측 상단 메뉴 버튼을 누르시면 됩니다. 사진 3. 이번 스킨도 마찬가지로 반응형 웹으로써 모바일 환경을 지원합니다. 사진 4. 모바일 화면에서 메뉴 버튼을 누르면 오프캔버스 형식으로 메뉴가 출력됩니다..

article thumbnail
포스트 게시 날짜 폰트 수정
라이프다이어리/잡담 2014. 7. 24. 19:40

사소한 업데이트 이후, 찾아온 휴가! 이 휴가 기간을 위해 할 수 있는 모든 것을 해보려는 수작을 벌이던 중, 치명적인 오류를 목격했으니! 최적화가 되어있다고 자부하던 IE11에서 포스트 게시 일자가 씹히는(?) 괴현상이 발견되었습니다. 부라부랴 폰트 사이즈를 1px 줄이는 걸로 해결을 보았습니다만 .. 최적화라는 단어 .. 함부로 사용은 하지 말아야겠네요 ㅠㅠ

article thumbnail
웹 브라우저 업데이트 권장 메시지.
라이프다이어리/잡담 2014. 7. 20. 16:21

* 14.07.20에 업데이트된 브라우저 업데이트 권장 메시지 오늘도 진행된 사소한 업데이트그 두번째 업데이트는 '웹 브라우저 업데이트 권장 메시지'입니다. 만약에 설치된 Internet Explorer(IE)의 버전이 9 미만인 환경의 PC에서 접속을 할 경우, 공지 창 밑에 업데이트 권장 메시지를 띄우도록 한 것입니다. 이 창은 공지창과 마찬가지로 상하로 따라다니면서 메시지에 업그레이드를 할 수 있는 웹 페이지의 URL을 링크로 걸어놓아 이용자 여러분들이 더욱 더 편하게 업그레이드를 하실 수 있도록 도와드리고 있습니다. ( 이 정도면 스토킹 수준이 아닐까 ... ) 무튼, 소스 코드들을 살짝 공개해볼까합니다.+ 현재 이 곳의 코드와 실제 Section.G에 적용되는 코드가 충돌되는 문제로 일부 클래스..

article thumbnail
오디오 플레이어 설치하기 힘들다

이 곳에서 다루는 오디오 플레이어를 더 예쁘게 꾸며보고자, 거금 6달러를 주고 오디오 플레이어 플러그인을 구입했습니다. 위의 그림처럼 예쁘장한 놈입죠. 미리보기는 이 곳에서 해보실 수도 있습니다. 파일을 티스토리에 올리고 파일 경로를 다시 알맞게 수정을 해줬는데 .. ! 아 .. 오디오 플레이어가 죽었슴다 ㅠㅠ 주소도 제대로 설정하고 올렸는데도 우리의 플레이어느님은 사망을 하게 되었습니다. 방법을 찾을 때까지 당분간은 기존 오디오 플레이어를 쓰기로 했습니다. 어흑 ..

스킨 제작 상황 중간 보고. [2014.04.12]
라이프다이어리/잡담 2014. 4. 12. 15:29

안녕하세요? @Eruis입니다.많은 분들이 궁금해하실 만한 스킨 제작에 대한 이야기를 하고 있습니다. 간단히 QnA 방식으로 스킨 제작 보고를 시작하겠습니다. (에.. 에헴!) Q1. 스킨은 어떤 것을 구입했나? A1. 45$짜리 워드프레스용 유료 스킨입니다.사이트 구입처는 {Wrap}Bootstrap으로 페이팔을 통해 구입했습니다. 근데, 문제는 여기서 발생합니다. 워드프레스를 쓰면 간단히 써먹을 이 스킨.이걸 티스토리용으로 지지고 볶는 과정이 상당히 번거럽고 귀찮습니다. 검색의 힘을 빌어보려했으나, 다들 지지고 볶는 게 성공했다는 자랑글 뿐이지실질적인 팁이나 방법은 소개하는 곳이 없습니다. 그래서 지금 일일히 수정하고 테스트 해보면서 볶아보고 있습니다. Q2. 지금까지의 진행 정도는? A2. 솔직히 ..