(adsbygoogle = window.adsbygoogle || []).push({}); 전에도 적었지만 부트스트랩 4.0 정식 버전은 아니고 알파가 오래전에 나왔다. 4.0 알파 버전은 불안하여 정식이 나올때까지 기다리기로 했다. 어떻게 4.0 알파를 사용할까 생각했는데 JSFiddle이라는 툴을 삽입하면 되겠다는 것을 생각했다. 티스토리는 HTML을 지원하므로 그 JSFiddle 툴을 삽입할 수 있다. 아래 보이는 것은 3.*에서는 지원하지 않고 4.0에서 지원할 카드(card)라는 것이다. HTML이라는 것을 보면 card가 있을 것인데 4.0에서 추가될 것이다. 결과를 보기 위해 result를 클릭해보기 바란다. 참고로 이 블로그 스킨은 3.3.6 정식을 사용해서 만들었다. 위는JSFiddle 툴의 1번 Embed를 클릭하여 2번을 보면 페이지에 삽입할 수 있는 소스가 나오면 티스토리 에디터에 있는 외부컨텐츠나 HTML을 클릭하여 원하는 곳에 삽입하면 ..

(adsbygoogle = window.adsbygoogle || []).push({}); .progress { position: relative; height: 25px; } .progress > .progress-type { position: absolute; left: 0px; font-family:'Yanone Kaffeesatz'; font-weight: 800; padding: 3px 30px 2px 10px; color: rgb(255, 255, 255); background-color: rgba(25, 25, 25, 0.2); } .progress > .progress-completed { position: absolute; right: 0px; font-family:'Yanone Kaffeesatz'; font-weight: 800; padding: 3px 10px 2px; } 아래와 그림과 같은여기에서볼 수 있는동적인 원형 진행바를 봤다. 아래 진행바는 부트스트랩을 사용해서 만들어서 기본적으로 지원하는 진행바가 어떤지 궁금해졌다.그래서 이 글에서 부트스트랩의 기본 진행바가 어떻게 되는지 적고자 한다. 참고로 소스와 미리보기는 여기에서 구하고 볼 수 있다. 아래 원형 진행바를 이 페이지를 떠나지 않고 바로 보여주고 싶었으나 이 페이지에 삽..

(adsbygoogle = window.adsbygoogle || []).push({}); 2011/11/26 - 오픈오피스,한글판과 뷰어 다운로드에서 오픈 오피스에 대해서 다루었다. 그때 오픈오피스에서 다룰 수 있던odt,ods,odp등오픈 다큐먼트 파일 형식에 대해서는 언급하지 않고 오직 무료 오피스에 대해서 알고 싶어서 적었다. 그러나 최근에 구글 오피스를 사용하면서 문서 파일을 odt, ods,odp등의 파일로 만드는 것이 있어 오픈 다큐먼트 파일 형식에 대해 적으려 한다. odt, ods,odp 등의 파일 형식이 오픈 다큐먼트(OpenDocument, OD) 파일 형식이다. 위키백과를 간단히 보면 오픈 다큐먼트를 스프레드시트(엑셀), 차트, 프레젠테이션, 데이터베이스, 워드프로세서를 비롯한 사무용 전자 문서를 위한 파일 형식이라 하고 있다. 더 자세히 보고 싶다면 여기에서 봤으면 한다. 그러면 OD+T(TEXT:odt), OD+S(Spreadsheet,ods), OD+P(Prese..

(adsbygoogle = window.adsbygoogle || []).push({}); #myTab, .tab-content { display : none; } 이 글맨 아래쪽에 보이는 댓글창이나 이 블로그 MORE 탭에 보면 나오는 댓글창이 있는데 이것을 디스커스(Disqus)라 한다. 그리고 이것은 https://disqus.com/에서 무료로 얻을 수 있다. 단 홈페이지는 한글이 영문이다. 이 글에서 디스커스 댓글창에 대해 간단히 설명하려 한다. 참고로 디스커스에 사진, 유튜브 동영상, 구글 지도를 삽입할 수 있다. 그리고 일부 HTML 태그도 가능하다. 여담으로 이 글을 몇 달 전에 적어 놓고 이제야 발행하게 된다. 티스토리는 아래와 같은 댓글창을 삽입하는데 아무런 문제가 없으므로 에디터에서 HTML를 눌러 거기에서 받을 소스를 그냥 삽입하면 된다. 티스토리에 설치방법이 많이 설명됐는데 지금은 어려울 것 같다. 왜냐하면 예전과 달리 디스커스 설치..

(adsbygoogle = window.adsbygoogle || []).push({}); 며칠 전2017/07/03 - 다음블로그보다 네이버블로그 or 티스토리 or 브런치에 블로그 통합을 적었다. 네이버 블로그 등 국내 블로그에서 티스토리를 통합할 곳이 있을까 생각해보았다.티스토리는 국내 블로그에서 찾아볼 수 없는 크게 큰 두 가지 특징이 있다. 애드센스를 삽입할 수 있을 뿐만 아니라 어디든지 삽입할 수 있다. 그리고 HTML, CSS, 스크립트도 거의 제한없이 사용할 수 있다. 티스토리 블로거 중에 이것 중 하나만 중요할 수 있고 둘 다 중요할 수 있다. 나는 둘 다 중요하다. 티스토리가 이러한 차별적 특징을 가지므로 국내 블로그에서 통합하기는 어려울 것이다. 어떤 블로그는 애드센스를 삽입할 수 있어도 특정한 곳에만 삽입할 수 있다. 그리고 HTML도 특정한 곳에서만 사용할 수 있다. 혹시국내 블로그 점..

(adsbygoogle = window.adsbygoogle || []).push({}); 폴라리스 오피스에서무료에서 문서를 PDF로 저장할 수 없다. 왜냐하면 아래 그림 1,2번에 나왔듯이PDF 내보내기는 유료기능이기 때문이다.참고로 예전에 적었듯 무료에서 사용하기에 쓰레기는 아니다. 그런데지금 버전은 아니지만 얼마 전에 무료에서도 광고를 보면 PDF로 내보내기를 할 수 있다는 것이 있었다. 아래 그림을 보듯이 PDF로 내보내기 옆에 1번의WATCH & REWARD라는 것이 있어 2번을 눌러 광고를 보면 됐다. 3번이 있는 그림이 현재 쓰고 있는 버전인데 광고를 볼 수 있는 것이 없다. 그러니 유료를 신청해야 한다. 참고로 이 글을 쓰고 있는 버전 7.3.11이다.이것을 보니2017/05/10 - 워터마크없이 동영상 편집 어플에서 적었을 때 아래 그림 1번과 같은 워터마크를 광고를 보면 1번을 제거해주는 것이 생각났다. 그리..

(adsbygoogle = window.adsbygoogle || []).push({}); PC 버전의 폴라리스 오피스에서 기간 제한이 없어졌다는 것을 알게 되어 PC와 스마트폰에서 HWP를 해결할 수 있는 방법을 정리하고자 한다. 이 글에서 내가 아는 무료로 HWP 파일 형식을 다루는 방법을 정리하고자 한다. 나는 이 블로그에서 주로 유료가 아닌 무료로 다룰 수 있는 오피스나 앱을 많이 다룬다. 폴라리스 오피스는 HWP 파일을 만들기 및 저장, 열기등 다룰 수 있다. 많은 사람이 문서 파일을 무조건 HWP(한글) 파일을 요구하는 사람이 있는데 이러면 약간 답답하다. 그런데 한컴오피스로 HWP 파일 형식을 가진 문서를 만들 수 있는 것이 아니고 폴라리스 오피스를 사용해서도 만들 수 있다. HWP를 PC에서 해결할 수 있는 방법이 폴라리스 오피스 PC 버전을 이용하면 된다는 것을2014/10/24 - 폴라리스 오피스의 유..