블로그에 갑자기 일본어 제목이 튀어나와 이건 뭐야! 라며클릭하셨을 겁니다. 사실 제 블로그에는 공개되지 않은 일본어 글들이 여럿 있습니다. 제가 일본어 공부를 하면서 블로그에 올려놓고 읽기 위한 것들입니다. 아주 옛날에 일본어를 공부했었는데 한동안 안하다가 몇 년 전 "비블리아 고서당 사건수첩"이란 일드를 접하고나서 책도 원서로 구하고 일본어를 틈틈히 하고 있습니다.옛날에는 외국어 공부가 카세트 테이프와 사전 밖에 없었지만 요즘은 드라마도 있고 인터넷에서 퍼블릭 도메인화된 일본의 옛날 소설들도 쉽게 읽을 수가 있습니다. 거기에 더해 구글의 일본어 사전 확장 플러그인을 설치하면 사전도 필요가 없더군요. 새로 구입한 사전이 거의 쓸모가 없을 정도입니다. 다만 이 프로그램은 설명이나 해석이 영어로 나옵니다. 그래도 ..

티스토리 스킨 Flat Kit에 인스타그램 위젯을 추가했습니다. 커버 아이템화해서 홈 페이지에서 원하는 곳에 배치할 수 있습니다.데모 사이트 :https://martiankr2.tistory.com/콘텐츠 영역에 배치하고 썸네일을 4개로 설정한 형태입니다.썸네일을 클릭하면 큰 이미지로 볼 수 있고 내비게이션도 가능합니다.동영상도 볼 수 있습니다. 썸네일에서는 커버이미지만 나타나고 클릭하면 동영상으로 나옵니다.커버 아이템 추가시 인스타그램 슬라이더를 선택하고 콘텐츠는 직접입력을 선택한 다음 타이틀만 입력하고 저장합니다.옵션에서인스타그램 UserId와 access Token을 추가해야 합니다. 슬라이드 수는 슬라이드의 위치에 따라 변경할 수 있게 했습니다. 커버 아이템들이 위치하는 곳에서 어느 곳에나 배치하면 되고 특히 페이지 하단에 추가하면 푸터 바로 위에 나타나..

다음 카카오 이메일을 이용하는 분들은 꼭 주의하세요. 너무 정교해서 속을 수 있습니다. 조금 전 아래와 같은 이메일을 받았습니다.비밀번호가 유출됐다는 내용이고 변경하라고 합니다. 버튼을 클릭하면 다음과 같은 화면이 나옵니다.도메인을 보면 hongil.net으로 돼있습니다. 사기죠. 이 회사가 홍일식품인데 사이트가 해킹돼 스팸 메일을 보내고 있으니 조치하라고 전화해뒀습니다. 서비스약관 / 정책 링크를 클릭해봤습니다.다음 카카오와 똑같습니다. 하지만 도메인은 여전히 다음카카오가 아닙니다.http://hongil.net/_controller/admin/shop/product/changepassword/?nil_profile=mini&nil_src=user&nil=bWFydGlhbjM2&q=aHR0cHM6Ly93d3cua2FrYW9jb3JwLmNvbS8%3D링크를 어떤 것을 클릭해도 다음 카카오와 혼동되도록 만들었습니다. 위 링크로 가면 아래처럼 나옵니다.항상 이상한 이메일이 오면 ..

박경리체가 폰트로 나왔습니다. 아래 링크에서 다운로드 가능합니다.바로가기아래는 웹폰트입니다. kccpakkyongni.zip 고향,내 길다란 그림자 끝나는 곳나 언제라도 꿈이 있으면어릴 적 뒹굴며 놀던고향 동산으로 돌아가련다온 몸에 부드러운 봄 햇살을 받으며푸른 들판과 맞닿은 끝없는 하늘을 올려다보면마음은 어느새 수풀을 지나 다리를 건너 시냇물에 닿아평화스러이 느린 꿈에 취하련만…이미 내게서 멀어져 간 먼 옛날의 이야기인가.나 언제라도 외로워지면살풋한 사랑이 있는 고향 동네로 돌아가련다.한낮의 따가운 볕을 피해 땀을 식히노라면들꽃의 싱그러운 풋내를 담고 수줍게 섰는 순이 얼굴이,소박한 베옷에 때묻지 않은 꿈이울 너머로 아련히 떠오를 듯도 한데…이제는 엷은 감미로움만 남기고 사라져간먼 옛날의 이야기인가.나 언젠가 안..

티스토리 스킨 Flat Kit 제작이 완료됐습니다. 글을 많이 다루는 뉴스 블로그에 적합하게 만들었습니다.쇼핑몰 바로가기데모 사이트기타 문의사항은 쇼핑몰 문의사항 게시판을 이용해주세요.https://martian.kr/문의-게시판/설치만 하면 바로 최신 글이 나오도록 설정했습니다. 설치 후 나타나는 커버 아이템은 다음과 같습니다.커버 아이템은 썸네일 리스트 7종과 슬라이더 4종, 사이드바 1종입니다. 썸네일 리스트는 레이아웃에 따라 달라집니다. 괄호을 보면 레이아웃의 모양을 알 수 있습니다. 1/3은 3개의 컬럼중 1개의 컬럼을 사용한다는 의미입니다. 아래의 레이아웃입니다.2/3은 3개의 컬럼 중 2개의 컬럼을 사용합니다. 아래의 레이아웃입니다.나머지는 3컬럼 또는 4컬럼을 사용합니다. 이런 식으로 만든 것은 사이드바를 배치하기 위한 것입니다. 따라서 ..

블로그 글 검색 유입에 눈내리는 효과가 많아서 CSS를 이용한 눈내리는 효과를 만드는 방법을 알아보겠습니다. 구글 검색하면 다양한 효과의 눈내리는 효과가 있습니다. 자바스크립트를 이용하면 보다 현실감 있는 효과를 구현할 수 있으나 사이트에 부담이 됩니다. 리소스를 계속 잡아먹기 때문에 속도가 느리게 되죠. 대신 CSS를 이용하면 이러한 리소스 부담이 거의 없습니다. 아래의 코드를 복사해 주의문구를 제외하고 붙여넣기 하면 됩니다. ❄❄❄❄❄❄❄❄❄❄ .snowflake { color: #fff; font-size: 1em; font-family: Arial; text-shadow: 0 0 1px #000; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transfo..

새로운 티스토리 스킨을 제작중에 있습니다. 이전의 스킨인 Material Kit이 기업소개용 블로그에 적합하게 만들었지만 이번의 스킨은 뉴스, 매거진 블로그에 적합하게 제작됩니다.홈화면의 커버 아이템 레이아웃이 전혀 다르게 됩니다. 홈 화면의 레이아웃을 보면 아래와 같습니다. 사이드바를 홈화면에 기본적으로 노출되도록 했습니다. 블로그 글 화면에서는 이전과 마찬가지로 햄버거 버튼을 클릭하면 좌측에서 나타나는 구조가 될 것입니다.

티스토리 스킨 Material Kit을 판매합니다. 제 블로그인 사용중인 스킨을 보다 업그레이드한 것으로 9개의 커버 아이템이 지원됩니다. 자세한 내용과 사용업은 다음의 링크를 참고하세요.티스토리 스킨 Material Kit 사용 가이드 - 스킨 옵션:https://martian36.tistory.com/1564티스토리 스킨 Material Kit 사용 가이드 - 원페이지 만들기, 콘텐츠 보안:https://martian36.tistory.com/1565티스토리 스킨 Material Kit 사용 가이드 - 구글 애드센스https://martian36.tistory.com/1566티스토리 스킨 Material Kit 사용 가이드 - 스킨 옵션 추가:https://martian36.tistory.com/1567기타 문의사항은 쇼핑몰 문의사항 게시판을 이용해주세요.https://martian.kr/request/쇼핑몰 바로가기데모 사이트