네이버 오피스에서는 아래와 같은 폼(설문조사)을 만들어 삽입할 수 있다. 구글 문서도구에서도 아래와 같은 것을 지원하는 것으로 아는데, 이제는 네이버 오피스도 설문조사 등을 삽입할 수 있으니 접근성에서 보면 많은 도움이 될 것이다. 이제는 네이버 블로그의 스마트에디터에서 지원하는 투표가 부럽지 않다. 그리고2013/01/28 - 블로그마다 아이프레임(iframe) 지원현황 - 네이버,다음,티스토리,이글루스에서 적었듯이 티스토리에서는 아이프레임(iframe)제한이 전혀 없어서 글에 얼마든지 삽입이 가능하다. 아래에서 아래 것을 삽입을 위해 소스를 얻는 것에 관해서 자세히 이야기 하겠다. -무료로 팩스 10장보내기 :엔팩스 - 티스토리에 삽입할 수 있는 코드만 얻으면 되니 HTML에 거부감이 없다면 위와 같은 것을 만드는 것을어려운 것이 없다. 그러나 H..

삼성투모로우 블로그(티스토리)를 보고서 롤오버하면 이미지안에 테두리가 생기도록 해 보았다. 그래서 여기에서 소스를 얻어 마우스를 이미지에 가져가면 바같쪽이 아닌 안쪽에 테두리가 생기게 했다. 그런데 삼성투모로우 블로그에 어떻게 했는지 모르겠다.그래서 대강 흉내내기 위해여기의소스를 보고CSS3의 transition(트랜지션)을 이용했다. 그런데 이 효과가 모바일 페이지와 PC 페이지에서 다르게 나온다. 모바일 페이지에서 보니 오른쪽 공간이 생긴다.무엇이 문제인지 모르겠고,알면 댓글 부탁한다. 그리고transition의 시작과 마지막색의 일치하지 않는데 색변화를 조절할 수 있는지 알아봐야겠다. 이것에 대해서도 알면 댓글 부탁한다. .example-one a { border: 0; overflow: hidden; float: left; } .example-one a:hover { border: 3px solid #e5e5e5; ..

이 블로그에서 폰트 설정을 아래 그림처럼 하기로 설정했다. 전체적으로는 나눔고딕으로 보이게 했고 나눔고딕이 없다면 맑은 고딕를 포함한 여러폰트로 했다. 웹폰트는 모빌리스 웹폰트 서비스의 렉시새봄 웹폰트를 일부만 사용하기로 했다. 모빌리스 웹폰트 서비스의 렉시새봄에 대한 것은2012/08/30 - 맑은고딕,나눔고딕,돋움,굴림,애플고딕,Droid Sans,렉시새봄 웹폰트 사용 : 현재폰트을 보기 바란다. - 음란물/온라인 게임 중독 예방 - 사이드바와 티에디션의 제목인 경우는'맑은 고딕'(Magun Gothic)으로 했다. 왜냐하면 사이드바,티에디션의 제목과 글목록 등이 나와 글자수가 중요하므로 나눔고딕이 아닌 윈도우 Vista 이후로는 맑은 고딕이 있으므로 아래 그림처럼 처음을 위처럼 나눔고딕이 아닌 '맑은 고딕'으로 했다. 댓글목록인 경우는 웹폰트가 ..

여기서는 jQuery fancybox에 대한 것이니 아래에 나올 것은 플래시와 아무 상관이 없다는 것을 알기 바란다. 멋있으면 플래시로 생각하는 경향이 있으니 적는다. 아울러 티스토리는 jquery fancybox를 사용할 수 있다는 것을 알면 좋겠다. 그리고fancybox 다운로드 및 예제는 아래에서 링크의 페이지를 보기 바라고 페이지는 영어이다. 소스는 아래 링크에서 보고 나는 복잡해서 설명할 수 없다는 것을 알기 바란다. fancybox 소스 다운로드 및미리보기:http://fancyapps.com/fancybox/ 사진의 타이틀은 사진위에 사진위에 제목이 나오게 하는 것은 helpers로 조정한다. 전에는 사진 제목이 사진를 가리지 않고 나오게 했는데 이번에는 type를 over로 해서 사진위에 나오게 했다. 그리고 type를 over로 하니 사진 설명이 한 줄이 아닌 줄바꿈이 됐다. $(".fancybox") .attr('rel'..

웹폰트와 폰트를 구분하기 바란다. 어떤 사람은 폰트와 웹폰트를 구별하지 못해서 태클을 건다.웹폰트는 웹에서만 사용할 수 있고, 대부분이 알고 있는 폰트는 시스템에 있어서 포토샵,오피스 등의 폰트로 사용할 수 있다. 그럼 아래에서 웹폰트의 장단점을 말하고자 한다. 웹폰트 사용에 대한 장점 웹폰트는 시스템에 폰트가 없어도 된다 :예로 이 블로그에 모빌리스 웹폰트가 제한이 없기 전에는 전부렉시새롬 웹폰트를 사용했는데, 이 블로그를 방문한 모든 사람은 렉시새롬으로 보였다. 왜냐한다면 웹폰트는 시스템 즉 하드디스크에 폰트가 없어도 되기 때문이다. 참고로 현재는 댓글 목록에만 모빌리스 웹폰트 서비스의렉시새봄 웹폰트를 설정했고 이것도 월 5,000이 다운로드라는 제한이 넘으면 렉시새봄 웹폰트로 안 보인다. 월 5,000 제한을 넘는다..

티스토리에서 볼 수 있는 댓글창에 대해서 적고자한다. 티스토리는 모든 블로그에 있는 기본 댓글창외에 소셜댓글창이 있다는 것을 알 필요있다. 현재 네이버 블로그,다음 블로그에서 기본댓글창외에 소셜댓글창은 볼 수 없다. 소셜댓글창에들어가기 전에간단히소셜댓글창이 무엇인가 하면 트위터,페이스북,미투데이 등에 로그인하여 댓글을 달고 댓글을 보내는 것이다. 기본 댓글창 모든 블로그에 기본으로 있는 기본 댓글창이다. 티스토리만 아니라 네이버 블로그,다음 블로그 등과 홈페이지에는 기본적인 댓글창이 있다. 댓글창을 제거하지 않는 한 댓글창이 없는 블로그나 홈페이지는 없다. 이 블로그의 상단 메뉴를 보면 댓글창이 없는 것을 볼 수 있다.단 티스토리는 아래에서 소개하는 소셜댓글창과 기본댓글창을 같이 쓸 것인지 소셜댓글창만 ..

지금 나는 블로그를 오래해서 정기적으로 방문하는 이웃이 있고, 많은댓글을 바라지도 않으니 글을 쓴 후 다른 블로그에 댓글을 달지 않는다. 혹시 이렇게 하면서 자신의 글에는 댓글이 없다고 투덜대지 말라. 주고 받고가 아닌받고 주고로 무슨 댓글을 바라면 안 된다라고 말하고 싶다. 그렇다고 잡담이나 하는 글에 주고 받기로 댓글을 바라는 것도 문제가 있으니 질 좋은 글을 기본이다. - 오프라인에서 잘 나간다고 댓글이 달린 것이라 생각하지 말아라 - 지금은 블로그를 오래해서 정기적으로 방문하는 이웃이 달아준다. 그런데오프라인에서 잘 나간다고 온라인에서도 잘 나가는 것으로 착각하는 사람이 많다. 그래서 당연히 자신의 글에 댓글이 달릴 것이라고 생각한다. 오프라인에서 잘 나간다고 온라인에서도 잘 나갈 것이라 착각하지 말아라. ..

사람들중에 특정 작업에는 특정 브라우저를 사용하는 경향이 있다. 나의 경우는 주로 인터넷 이용시 주로 크롬(Chrome)을 사용하며,네이버 블로그를 할 때는 익스플로러(IE)를 사용한다. 번역할 일이 많다면 크롬,알툴바 및번역 사이트를 이용하는 것이 좋을 것 같다. 아래에서는 그것에 대해 설명한다. 크롬에서 번역 2013/01/25 - 워드프레스는 쉬운데 걸리는 한가지에 말한 한가지가 뭐냐면 영어이다. 예전 댓글에서 크롬을 사용하면 된다고 한 것을 생각하니 크롬을 사용하면영어를 좋을 것 같다. 워드프레스에서 영어는 번역 프로그램이나 사이트를 이용하기를 바란다. 그래도 워드프레스를 설명한 곳이 별로 없어어려울 것 같다. 거기에서 말하고자 하는 것만 알면 되니 정확한 번역은 필요하지 않으니크롬에서 번역한 것으로 충분할 것 같다. 그럼 크롬..