본문 바로가기

IT

3-2-1 321예전부터 구상했던것인데 드디어 구현했습니다. 4단도 해보고 싶은데 마땅히 넣을게 없네요 =ㅅ= (footer를 옆쪽에 붙여 버릴까...) 더보기
'Music' 카테고리 전용 스킨 적용 인터넷이 느린곳에서는 팝인 현상이 있습니다. 이것은 css 최적화로 나중에 해결할 예정입니다. 테스트 페이지 - http://est0que.tistory.com/1252 기존과는 다른 방식을 도입 해봤습니다. 이전 방식은 기본 게시글 형태를 가리고 이리저리 움직이거나 색상을 바꾸는 것이라면 새로운 방식은 아예 다른 css를 로드하는 방식입니다. 더보기
티스토리 스킨 강좌 - 로그인 했을때만 보이는 관리자메뉴 티스토리는 관리자 메뉴는 비로그인한 사용자한테도 보이는 이상한 구조를 가지고 있습니다. 아마도 관리자 메뉴를 통해서 로그인을 하게 되어 있는 구조 때문에 이렇게 만들어 놓은것 같습니다. 하지만 왠만하면 관리자 관련 메뉴는 타 사용자에게 보이지 않았으면 하는게 사람 마음 입니다. (아니면 저만 보기 싫을수도 있고요) 게시글 작성시 관리자에게만 나타나는 메뉴의 치환자로 s_ad_div가 있습니다. 보통 글의 맨 상단에 기본으로 추가가 되는데요, 이 안에 관리자 메뉴를 넣어주면 됩니다. 로그인 시 비 로그인 시 이렇게 하면 게시글 관리자 메뉴는 로그인 한 사용자 한테만 나타나므로 블로그 운영자만 이 메뉴를 볼 수 있습니다. 더보기
Top gear , Diary 카테고리 별도 베너 적용 톱기어 카테고리 Diary 카테고리 카테고리별 기본 배너가 적용 되었습니다. 더보기
요즘 유행하는 웹디자인 요소를 모두 적용해보았습니다. 아이폰테마와 블로그 스킨 페이지를 개편하면서 고정 배경 이미지와 풀스크린 이미지를 넣었습니다. 풀스크린 이미지 고정된 배경이미지 고정된 배경이미지는 뒷배경은 고정되어 있고 위에 있는 요소만 움직이게 하는 방법입니다. 무엇보다도 입체감을 살릴수 있다는 장점이 있지만 너무 많이쓰면 스크롤시 버벅거리고 정신이 사나워지는 단점이 있습니다. 풀스크린 이미지의 경우 웹브라우저의 가로 세로 넓이에 그대로 맞춰서 요소(element)를 생성하는 방식입니다. 전면에 원하는 사진을 꽉채워서 놓을수 있을 뿐만 아니라 스크롤을 아래로 내리면 내용이 보이게 할수 있고 무엇보다도 반응형 지원이 됩니다. 더보기
티스토리 카테고리별 스킨 - 풀 스크린 레이아웃 car 카테고리에 적용되는 스킨이며, 사진과 슬라이더, 유투브 영상이 화면에 100% 꽉차게 표시 됩니다. 사진의 크기가 1920보다 작을 경우에는 원래 크기대로 뜹니다. 비디오는 flex-video 옵션을 적용했을시에만 적용 됩니다. 기본적으로 저화질 영상에는 flex-video가 적용이 되지 않습니다. 특정 게시글에는 상단 베너이미지도 바뀝니다. 더보기
티스토리 기본 슬라이더 마개조 아시다 시피 티스토리 기본 슬라이더는 이렇게 생겼습니다. 컨트롤부 디자인도 90년대 풍이며, 무엇보다 가장 문제는 사진이 쥐꼬리만하게 뜬다는 것이죠. 기능부족이야 말할것도 없지만 이를 극복하기 위해서 외부 슬라이더를 설치 해서 쓸 수 있습니다. 그러나 이렇게 하게되면 아주 귀찮은 상황이 발생합니다. 슬라이더를 쓰고 싶을때마다 사진 한장한장을 슬라이더에 넣어줘야 되는 것이죠. 한 두장이면 모를까 10장 넘어가면 사람 돌아버립니다. 게다가 스킨이라도 한번 바꾸면서 슬라이더 스크립트를 꺼버리면 아주 개판이 됩니다. 그래서 이를 어떻게 처리할까 고민을 하다가 그냥 기본 슬라이더를 뜯어고치는 방향으로 했습니다. 기본슬라이더는 스킨을 바꾸더라도 티스토리 기본 스크립트가 적용 되어서 멀쩡하게 있을 테니까요 스타일이 .. 더보기
카테고리 별 스킨 적용 (임시) MacintoshiOS7Photo Photos , iOS7 Theme, Hackintosh 카테고리에 별도 스킨이 적용 되었습니다. 더보기
티스토리 오류페이지 제작완료 미디어로그키로그위치로그태그로그 현재 안 쓰는 기능인 미디어로그/ 태그로그/ 위치로그/ 키로그/ 보호글에 접속할시에 다음과 같은 화면과 오류메시지를 출력합니다. 더보기
IE 구버전 전용 스킨 적용 완료 크크킄 흐콰한다.... 더보기

티스토리툴바