본문 바로가기

스킨

3-2-1 321예전부터 구상했던것인데 드디어 구현했습니다. 4단도 해보고 싶은데 마땅히 넣을게 없네요 =ㅅ= (footer를 옆쪽에 붙여 버릴까...) 더보기
'Music' 카테고리 전용 스킨 적용 인터넷이 느린곳에서는 팝인 현상이 있습니다. 이것은 css 최적화로 나중에 해결할 예정입니다. 테스트 페이지 - http://est0que.tistory.com/1252 기존과는 다른 방식을 도입 해봤습니다. 이전 방식은 기본 게시글 형태를 가리고 이리저리 움직이거나 색상을 바꾸는 것이라면 새로운 방식은 아예 다른 css를 로드하는 방식입니다. 더보기
티스토리 스킨 강좌 - 중복사용이 가능한 사이드바 모듈 티스토리 기본 스킨 사이드바를 기준으로 보면 프로필, 공지사항, 카테고리. 관리자 메뉴, 검색, 카테고리, 태그박스, 최신글, 최신댓글, 최신트랙백, 아카이브, 달력, 링크, 방문자수가 있습니다. 이 중에서 프로필, 방문자수, 카테고리는 반복사용이 가능합니다. 그러나 나머지 요소들은 반복사용이 불가능합니다. 하지만 사이드바를 여러개 생성한 뒤에 복제를 하면 중복으로 사용할수 있는 요소도 있습니다. (ex 공지사항) 그러나 검색 모듈은 중복으로 사용이 불가능합니다. 검색모듈을 여러개 생성하면 제일 첫번째 검색 모듈만 작동합니다. 특히 검색 모듈은 s_sidebar 안에 있지 않으면 작동자체를 안 합니다. 카테고리는 테이블로 구성된 ##_category_##와 리스트로 구성된 ##_category_list_.. 더보기
티스토리 스킨 강좌 - 로그인 했을때만 보이는 관리자메뉴 티스토리는 관리자 메뉴는 비로그인한 사용자한테도 보이는 이상한 구조를 가지고 있습니다. 아마도 관리자 메뉴를 통해서 로그인을 하게 되어 있는 구조 때문에 이렇게 만들어 놓은것 같습니다. 하지만 왠만하면 관리자 관련 메뉴는 타 사용자에게 보이지 않았으면 하는게 사람 마음 입니다. (아니면 저만 보기 싫을수도 있고요) 게시글 작성시 관리자에게만 나타나는 메뉴의 치환자로 s_ad_div가 있습니다. 보통 글의 맨 상단에 기본으로 추가가 되는데요, 이 안에 관리자 메뉴를 넣어주면 됩니다. 로그인 시 비 로그인 시 이렇게 하면 게시글 관리자 메뉴는 로그인 한 사용자 한테만 나타나므로 블로그 운영자만 이 메뉴를 볼 수 있습니다. 더보기
Top gear , Diary 카테고리 별도 베너 적용 톱기어 카테고리 Diary 카테고리 카테고리별 기본 배너가 적용 되었습니다. 더보기
요즘 유행하는 웹디자인 요소를 모두 적용해보았습니다. 아이폰테마와 블로그 스킨 페이지를 개편하면서 고정 배경 이미지와 풀스크린 이미지를 넣었습니다. 풀스크린 이미지 고정된 배경이미지 고정된 배경이미지는 뒷배경은 고정되어 있고 위에 있는 요소만 움직이게 하는 방법입니다. 무엇보다도 입체감을 살릴수 있다는 장점이 있지만 너무 많이쓰면 스크롤시 버벅거리고 정신이 사나워지는 단점이 있습니다. 풀스크린 이미지의 경우 웹브라우저의 가로 세로 넓이에 그대로 맞춰서 요소(element)를 생성하는 방식입니다. 전면에 원하는 사진을 꽉채워서 놓을수 있을 뿐만 아니라 스크롤을 아래로 내리면 내용이 보이게 할수 있고 무엇보다도 반응형 지원이 됩니다. 더보기
티스토리 카테고리별 스킨 - 풀 스크린 레이아웃 car 카테고리에 적용되는 스킨이며, 사진과 슬라이더, 유투브 영상이 화면에 100% 꽉차게 표시 됩니다. 사진의 크기가 1920보다 작을 경우에는 원래 크기대로 뜹니다. 비디오는 flex-video 옵션을 적용했을시에만 적용 됩니다. 기본적으로 저화질 영상에는 flex-video가 적용이 되지 않습니다. 특정 게시글에는 상단 베너이미지도 바뀝니다. 더보기
카테고리 별 스킨 적용 (임시) MacintoshiOS7Photo Photos , iOS7 Theme, Hackintosh 카테고리에 별도 스킨이 적용 되었습니다. 더보기
티스토리 오류페이지 제작완료 미디어로그키로그위치로그태그로그 현재 안 쓰는 기능인 미디어로그/ 태그로그/ 위치로그/ 키로그/ 보호글에 접속할시에 다음과 같은 화면과 오류메시지를 출력합니다. 더보기
티스토리 역사상 최악의 막장 스킨 인터넷 익스플로러 5,6,7에서 제 블로그에 접속할시 보이는 화면입니다. 20년전 인터넷이 처음 등장 했던 그 시절을 회상하며 당시 유행했던 스타일로 꾸며보았습니다. IE5버전에 최적화 되어 있으며 현재는 비표준인 CSS1 태그를 남발하였습니다. IE 구버전용 전용스킨으로 웹표준도 지키고, 브라우저 하위호환도 챙기고 일석이조 입니다. 하하 참고로 Meyerweb 리셋 스타일 기반입니다. 제 생각에도 저는 정말 악랄하고 잔인한 사람같아요 더보기