백.전.백.승.
티스토리를 포함하여 다양한 블로그, 모바일 앱, 웹, 웹 앱, 프로그램, 브라우저 등 도움이 될만한 유용한 정보를 적고 있다. 그런데 티스토리를 오래 해서 이제는 쓸 것이 마땅하지 않다. 중복되는 내용도 많아 짜증 날 것이며 나도 그 글을 볼 때 짜증 난다.
"백.전.백.승."
2912
-
[비공개] 라이트박스(lightbox) 적용중 - 채은,채윤,채현
/* jQuery lightBox plugin - Gallery style */ #gallery { text-align:center; } #gallery img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; margin:2px; } #gallery a:hover img { border: 5px solid #E6E6E6; border-width: 5px 5px 20px; color:#E6E6E6; } #gallery a:hover { color: #E6E6E6; } #gallery2 { text-align:center; padding-top:6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; behavior: url(http://cfs.tistory.com/custom/blog/27/279386/skin/images/ie-css3.htc);} #gallery2 img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; margin:2px; } #gallery2 a:hover img { border: 5px solid #E6E6E6; border-width: 5px 5px 20px; color:#E6E6E6; } #gallery2 a:hover { color: #E6E6E6; } $(function() { $('#gallery a,#galler..추천 -
[비공개] jquery accordion - 페이지에 삽입하면 되겠군.
이 페이지에서 보는 아코디언 효과는 http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/에서 봤고 관련 파일을 다운로드 할 수 있습니다. 그것을 티스토리 블로그의 skin.html에 적용하니 다른 스크립트 충돌과 스타일시트때문에 사용못해 아쉬웠습니다. 스크립트가 정말 멋있어 사용하고 싶었거든요. 이 페이지에 스크립트와 스타일시트를 넣으니 별 문제없었습니다. 비록 글박스 모서리.. 마이피플 트위터 페이스북 더보기 미투데이 요즘 '자바스크립트>실험실' 카테고리의 다른 글 fancybox 썸네일,리사이즈,elastic 실험(2) 2012/10/10 jquery accordion(아코디언) 실험중....(18) 2012/09/20 jquery accordion - 페이지에 삽입하면 되겠군.(2) 2012/09/02추천 -
[비공개] 티스토리에서 웹폰트 다운로드/적용/알아야 할 점
티스토리 블로그에 대한 것입니다. 네이버 블로그,다음 블로그에서 아래에서 설명하는 것은 할 수 없고 이글루스 블로그의 경우는 모빌리스 웹폰트 서비스를 이용하면 될 것입니다.네이버 블로그나 다음 블로그에서 아래에서 설명하는 하는 것을 하려고 한다면 헛수고이라는 것을 알기 바랍니다. 그리고 개인이 아닌 단체나 회사의 경우는 웹폰트 사용을 아예 마세요. 만약 단체나 회사에서 사용하려면 아래 글을 정독해야 하고 대강 읽은 후 고소당하면 백전백승 개X라고 하지 마세요. -무료로 팩스 10장보내기 :엔팩스 - 다운로드와 EOT 웹폰트는 익스플로러에서만 익스플로러에서 제대로 보이는 웹폰트는 크롬,사파리,파이어폭스 등 다른 브라우저에서도 그 폰트로 보일 것이라 생각하면 오산입니다. 웹폰트는 EOT와 WOFF..추천 -
[비공개] carousel/ 슬라이드 스크립트 적용 연습
stepcarousel.setup({ galleryid: 'carousel2', //id of carousel DIV beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: {enable:false, moveby:1, pause:3000}, panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true}, defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -20, 80]}, statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file'] }) 옵션 설정으로 슬라이드 버튼이 나오게 했는데 왼쪽은 멀리 설정해야 겠다. 왜냐하면 왼쪽 버튼을 누르면 숨겨진 슬라이드가 보인다.jquery1슬라이드 버튼은 위치 설정 가능하다. 더 많은 옵션..추천 -
[비공개] 렉시새봄 웹폰트 사용, 적용 브라우저 : 현재 폰트
렉시새봄 웹폰트 사용 이 블로그는 아래 그림에 나왔듯이 렉시새롬 웹폰트를 사용하고 있습니다. 웹페이지에서 사용할 수 있는 웹폰트이지 포토샵,한글,엑셀,파워포인트 등에서 사용할 수 있는 TTF폰트가 아닙니다. 오직 사이트에서만 사용할 수 있는 웹폰트입니다. 이것은 티스토리,다음 블로그 및 네이버 블로그에서 글에 삽입하는 블로그용만 해당되는 것과 비슷합니다. 예전에는 웹폰트를 블로그 전체가 아닌 티스토리는 HTML/CSS를 수정할 수 있어서 헤더,푸터 등 특정 부분만 사용했거든요. 현재폰트 -무료로 팩스 10장보내기 : 엔팩스 -이 웹폰트를 사용하는 방법에 대한 것은http://goo.gl/u3G83에 나와 있습니다. 그리고 나눔고딕 웹폰트도 사용할 수 있습니다. 웹폰트는 개인과 비영리 목적으로는 무료로 사용할 수 있으니 블로그가 개인이 아닌 단체,..추천 -
[비공개] 플리커 제한,한 달 사진수가 200개
먼저 플리커(Flickr)는 무료로 사진과 동영상을 올릴 수 있는 곳입니다. 저같은 경우는 사진을 플리커에 올려서 블로그로 가져오므로 유용합니다. 그런데 사진 업로드시 아래와 창이 나와 사진이 한 달에 200개인가를 궁금하거든요. 이번달이 얼마남지 않아 4일 지나면 알 수 있겠지만요. 그리고플리커에 직접 질문해도 되지만 소통의 의미에서 여기에 글을 올려 궁금한 것을 물어보는 것이 좋거든요. 참고로아래 사진을 원본으로 보려면 그림을 클릭하세요. 그리고 아래에서 플리커의 제한에 대해서 설명했습니다. 이것에 대한 답을 알았는데 무료에서는 사진이 200개까지만이더라고요. -무료로 팩스 10장보내기 : 엔팩스 - 아래의 효과에 대해서 바로 아래 보이는 것이 jquery를 사용한 가로 아코디언(Accordion)이고,스크립트 충돌로 인해 아이프레임(iframe)으..추천 -
[비공개] 나의 네이버에 등록하기와 다음뷰에 가입
여기서는 티스토리 블로그와 아래 그림처럼 제 블로그에 설치한 구글애널리틱스 통계를 기초로 하여 설명하겠습니다. 아래 그림은구글 애널리틱스 통계는 2012/7/22에서 2012/8/23간으로 유입된 곳의 5번째까지입니다. 모든 예는 네이버를 기준으로 설명하겠습니다. 우리나라에서 네이버 검색이 70% 이상이라서요. 예전에 티스토리 블로그가 네이버 검색이 안된 적이 있는데 많은 블로그가 방문자수에 타격입었는데 저도 마찬가지 였습니다. 그리고 아래 그림에서 naver는 네이버,daum은 다음,google은 구글,v.daum.net은 다음뷰이고 direct는 직접 들어온 경우입니다. 우리나라에서는 검색엔진에 대한 비중이네이버가 70%이상,다음이 20%이상,구글/야후/네이트 등이 10%를 나눠갖습니다. 아래의 글은 3년전의 저의 경험을 토대로 작성하겠는데 현재의 경우는 어떻게 변했..추천 -
[비공개] 티스토리에서 스킨 고를 때 알았으면 하는 사항
자신의 블로그에 맞는 스킨을 고를 때 도움이 됐으면 하고 몇자 적어봅니다. 스킨 미리보기는 배포한 곳이 정한 블로그로 아래의 글을 요약하자면 미리보기는 스킨을 배포하는 페이지에서 미리보기를 하고 나중을 위해 스킨에 스킨위자드가 있는 스킨을 선택하자는 것입니다. 스킨 미리보기는 배포한 페이지에서만 해당 스킨을 미리볼 때 그 스킨이 적용된 블로그를 보는 것도 좋은데 그러면 혼란이 일 것입니다. 티스토리 블로그를 한다면 거의 모두가 HTML/CSS를 수정.. 마이피플 트위터 페이스북 더보기 미투데이 요즘 '블로그 관련 >티스토리의 기본' 카테고리의 다른 글 티스토리에서 업로드한 파일경로(URL) 알기(4) 2012/09/07 스킨 저장과 스킨다운로드 - 티스토리(7) 2012/09/05 나의 네이버에 등록하기와 ..추천 -
[비공개] 저의 블로그처럼 하는 것을 추천하지 않습니다.
저의 블로그가 멋있어서 블로그에 다양한 스크립트를 적용할 것 같은데, 저는 추천하지 않습니다. 그 이유는 아래에서 설명합니다. 첫번째 블로그 설정이나 HTML/CSS를 만져야 하므로 잘못하다가는초보자의 경우는 100% 블로그를 망칩니다. 그러면 사람들의 심리가 자신의 탓을 남에게 돌리니 타겟을 저일 것입니다. X놈 백전백승이라고 말하면서 저를 탓할 것 같습니다. 하여튼 티스토리의 경우는 스킨의 HTML/CSS를 만질 수 있어 블로그를 쉽게 망칠 수.. 마이피플 트위터 페이스북 더보기 미투데이 요즘 '블로그 관련 >티스토리의 기본' 카테고리의 다른 글 스킨 저장과 스킨다운로드 - 티스토리(7) 2012/09/05 나의 네이버에 등록하기와 다음뷰에 가입(19) 2012/08/27 티스토리에서 스킨 고를 때 알았으면 하는 사항..추천 -
[비공개] 티스토리에서 팀블로그하기
팀블로그란 팀블로그는 자신만이 아니고 함께 블로그하는 것인데 글쓰기만 가능한 것이 아닙니다. 블로그를 함께 하는데 단지 블로그에서 글쓰기 만으로 부족한 감이 있습니다. 티스토리 팀블로그는 경우는 필자,편집자,관리자 3가지 권한 설정이 가능합니다. 만약 블로그를 같이 할 사람이 권한이 필자라면 블로그에서 글쓰기,댓글 관리,글목록 3가지만 가능합니다. 관리자라면 데이터관리와 내 프로필에만 접근할 수 없고 블로그 모든 것에 접근할 수 있으니 블로그를 함.. 마이피플 트위터 페이스북 더보기 미투데이 요즘 '블로그 관련 >티스토리의 기본' 카테고리의 다른 글 나의 네이버에 등록하기와 다음뷰에 가입(19) 2012/08/27 티스토리에서 스킨 고를 때 알았으면 하는 사항(15) 2012/08/24 저의 블로..추천
1510개
1044733개
715180개
