카테고리
|
|
브라우저를 익스플로가 아닌 크롬을 사용하고 있다면 카카오톡 친구에게 링크 보내기 확장 프로그램을 사용하여 웹페이지 링크와 사진 등을 보낼 수 있다. 사진을 보낸다고 사진을 보내는 것이 아닌 사진의 링크를 보낸다, 위는 크롬에 설치한 확장프로그램이고 아래는 사진을 마우스 오른쪽을 클릭했을 때 나오는 창이다. 크롬에 확장 프로그램을 설치하면 마우스 오른쪽에 추가되니 프로그램을 하나더 설치해야 하나 할 필요없다.카카오톡 친구에게 보내기 확장 프로그램 다운로드 : http://j.mp/K6TlJf 카카오톡 친구에서 보낼 수 있는데 오직 링크만 보낼 수 있다는 것을 명심하기 바란다. 페이지에 있는 사진을 클릭하면 위 그림처럼 나오는데 사진의 링크를 보내고 카카오톡에 나온 링크를 클릭하면 사진이 나온다는 것을 알기..
READ MORE
이 블로그 스킨을 부트스트랩5로 만들었다는 것을 말했다. 이 블로그에 부트스트랩에서 제공하는 컴포넌트를 사용해 다이내믹하게 만드려 했다. 다른 사람이 부트스트랩5를 변형한 소스를 사용하지 않고 다이내믹하게 만들기는 쉽지 않았다. 아래는 부트스트랩5에서 기본으로 제공하는 내가 생각하는 다이내믹한 컴포넌트인 아코디언, 캐러셀, 오프캔버스 3개다. 아코디언 Accordion Item #1 This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the o..
READ MORE
이 글에서 특별한 것을 설명하려는 것이 아니다. 부트스트랩4에서 지원하는 아래와 같은 카드 오버레이에 대해 적으려는 것이다. 카드 오버레이는 부트스트랩을 사용하지 않고도 얼마든지 사용할 수 있지만 부트스트랩4에 카드 오버레이에 대한 클래스가 있다는 것을 알았으면 한다. 날카로우나 더운지라 피어나는 이상의 관현악이며, 천고에 고행을 위하여, 것이다. 이상, 천지는 과실이 대중을 끓는다. 인생의 풀이 그들의 피가 있는 끓는 이상이 노년에게서 무엇을 있는가? 우리는 가는 그러므로 것이다. 바로 피어나기 이상이 피는 노년에게서 것이 것이다. 긴지라 피는 우는 그들의 청춘의 힘차게 불어 힘있다. 부트스트랩4의 card에서 card-img-overlay라는 클래스가 생겨 이미지 위에 위 그림처럼 텍스트를 삽입하려고..
READ MORE
익스플로러 7,8에서는 반응형이 안 된다. 그래서 부트스트랩은 익스플로러 7,8에서 반응형이 가능하도록 하기 위해서 아래처럼 하고 있다. 아래 코드에서 IE9(익스플로러 9)보다 작으면 html5shiv.js와 respond.js를 처리하고도록 하고 있다. 여기에서 html5shiv.js는 html5에 해당하는 것이고 respond.js가 반응형에 관계된 것이다. 그러면 영어인 http://getbootstrap.com/를 익스플로러 7,8로 보면 반응형이 된다는 것을 알 수 있다. 그러면 티스토리도 반응형을 만들 수 있으니 티스토리도 익스플로러 7,8에서 반응형이 돼야 할 것이 맞아야 할 것이다. 그러나 이것 때문에 며칠 동안 고생하다 알았는데 티스토리에서 respond.js가 안 먹히므로 반응형이 안..
READ MORE
끝이 삼각형이 나오게 하는 것인데 마우스 포인터를 갖다대면 배경이 변하게 하는 것으로 이미지가 아니다. 아래와 같은 버튼을 많이 사용하는 것으로 안다. 아래에 대한 소스는 없고 아래의 것은 여기에서 배운 것을 여기에 맞게 활용한 것이다. 태그 아래를 적용한 CSS를 보니 익스플로러 6,7,8에서 지원하지 않는 CSS3의 transforms과 border radius를 사용한다. 그리고 텍스트그림자의 경우는 익스플로러9에서 지원하지 않는 속성을 사용한다. 그러므로 아래 것을 제대로 보기 위해서는 익스플로러 10,크롬,사파리,파이어폭스 등 최신 브라우저가 필요하다. 만악 아래 버튼의 가장자리 양쪽이 사각형이면 익스플로러 6,7,8중에 하나이라고 생각된다. 아래에 대한 것에 대한 소스는 여기에서 얻을 수 있다..
READ MORE
http://min-blog.tistory.com/1172을 쓰면서 크롬으로 번역하고 번역사이트에서 번역하는 것이 불편하다. 그 댓글에서 파이어폭스에서 부가기능 프로그램으로 번역하는 것에 대해 나와서 크롬에서 확장 프로그램을 설치하면 어떨까 해서 아래 그림에 보이는 ImTranslator 확장 프로그램을 크롬에 설치하니 정말 편했다. 설치방법은 크롬에서 새탭을 만든 후 거기에서 Chrome Web Store를 클릭한다. 그리고 검색어를 번역이라고 하여 ImTranslateor가 검색된다. 크롬의 확장 프로그램을 새탭을 만들어 Chome Web Store에서 찾는다. 스마트폰에서 구글 Play에서 앱을 찾는 것과 비슷하다. 영어가 포함된 페이지에서 원하는 문장을 선택한 후 단지 크롬의 확장 프로그램의 Im..
READ MORE
전에 워드프레스와 블로거를 보니 이미지 URL만 알면 이미지를 삽입할 수 있어 그런 것이 있으면 좋겠다는 생각을 하고 적지 않았다. 이글루스 블로그에 글을 적다보니 이미지 URL로만 이미지를 삽입하는 것이 좋다고 생각했다. 아래 그림은 이글루스 블로그에 이미지 URL로 글에 이미지를 삽입할 수 있다는 것을 볼 수 있다. 워드프레스와 블로거와 이미지 삽입하기가 다른 점은 두 개에서는 에디터의 사진을 클릭하면 되나 이글루스 에디터의 멀티미디어를 클릭해야 하는 것이 다르다. 에디터의 멀티미디어로 이미지를 삽입할 수 있다는 것을 모른다면 소용이 없다. 이것은 티스토리에서 외부콘텐츠를 클릭하여 이미지 삽입하는 것과 비슷하다. 단 티스토리에서는 HTML에서 이미지 태그를 알아야 한다. 아래는 외부컨텐츠로 삽입한 것..
READ MORE
필자가 네이버 블로그를 하다가 티스토리로 간 후 비밀댓글을 쓸 수 없다는 것에 당황했다. 그때는 티스토리가 좋다는 것외에는 알지 못해 비밀 댓글이 없다는 것을 몰랐다. 제가 초기에 사용했던 스킨은 방명록의 경우는 비밀 댓글이 안 됐다는 것을 기억한다. 그리고 스킨중에 비밀댓글이 안되는 것이 있다는 것을 알았다. 여담으로 외국에서 많이 사용하는 워드프레스와 구글 블로그인 블로거에는 비밀댓글이라는 것이 없다. 한국에서 만든 블로그 프로그램인 텍스트큐브,텍스타일 등은 있다. 그리고 한국 포털 블로그인 네이버 블로그,다음 블로그는 있다. 비밀 댓글이 습관화되어 비밀 댓글이 필요없는데도 비밀 댓글을 다는 것 같아 필자의 1블로그인 http://min-blog.tistory.com에는 방명록을 빼고 비밀글을 달지 ..
READ MORE
티스토리 블로그를 비롯한 네이버 블로그 또한 카테고리는 2단까지만 지원한다. 이 블로그 사이드바를 보면 알겠지만 2단까지만 있을 것이다. 하나의 카테고리를 추가하면 자식 카테고리는 1만 된다는 것이다. 아래는 그림은 워드프레스인데 워드프레스는 2단 이상이 된다. 몇 단까지 되는가는 안해보아 모르겠다. 티스토리 관리로 들어가 카테고리 설정에서 2단 카테고리를 선택하고, 추가 버튼을 눌러 카테고리를 추가하면 아래 메시지도 나오지 않고 추가가 되지 않는다. 티스토리 경우 2단까지만 된다는 메시지가 나와야 좋은데...아래 그림은 네이버 블로그에서 2단 카테고리를 선택하고 카테고리 추가를 누르면 나오는 메시지이다. 필자가 2009년 네이버 블로그를 했을 때 2단 카테고리도 안됐는데. 예전은 티스토리가 최고였지만 ..
READ MORE
