워드프레스 일기의 IT & 기타 786

리스트 불릿에 줄바꿈이 삽입되는 문제가 발생하는 경우 [CSS]

이 블로그에는 현재 지난주에 공개된 Book Club이라는 스킨이 적용되어 있습니다. Book Club 스킨에서 사이드바에 '최근 댓글' 위젯을 표시하면 댓글들이 리스트 불릿(List Bullet) 없이 표시되어 댓글들을 구분하는 것이 조금 불편하게 되어 있습니다. 댓글들을 쉽게 구분할 수 있도록 리스트 불릿(리스트 마커)를 CSS로 추가해보았습니다. 하지마 크롬에서는 리스크 불릿이 정상적으로 표시되었지만 IE에서는 불릿 뒤에 줄바꿈(line-break)이 추가되어 엉성하게 보였습니다. 이 문제에 대해 리서치해보니 문제의 원인이 댓글에 적용된 링크(hyperlink) 때문이라는 것을 알게 되었습니다. 다음과 같이 anchor 요소에 display: inline;을 적용하니 문제가 해결되었습니다.ul li..

IT & 기타/CSS 2019.08.29

티스토리 Book Club 스킨에서 댓글 아바타 크기 조정하기

지난 주에 티스토리에서 새롭게 선보인 Book Club 스킨에서 댓글에 표시되는 아바타가 약간 어색하게 표시됩니다. 그림과 같이 댓글에 답변을 달면 답글 작성자의 아바타가 찌그러져서 보입니다. 자꾸 보다 보면 익숙해지겠지만, 처음 스킨을 변경한 후에 댓글 섹션의 일부 아바타가 타원형으로 표시되어 매우 어색하게 느껴졌습니다.티스토리 북클럽(Book Club) 스킨에서 댓글 아바타 크기 조정하는 방법 댓글 내의 아바타가 일정한 크기로 표시되도록 하고 싶은 경우 다음 CSS 코드를 추가하면 됩니다./* Book Club 스킨 - 댓글 아바타 크기 */ .comment-list ul li .author-meta .avatar { width: 48px !important; height: 48Px; } 위와 같이 ..

유연한 마젠토 테마 Chocolate - 40% 할인 판매

마젠토(Magento)는 전세계 전자상거래(eCommerce) 점유율에서 우커머스, Shopify에 이어 3위를 기록하고 있는 솔루션입니다. twispay 블로그에 의하면 우커머스(WooCommerce)가 28.06%로 1위를 차지하고 있고 Shopify가 9.67%, 마젠토가 7.91%, MonsterCommerce가 5.87%의 점유율을 기록하고 있습니다. 마젠토는 확장성이 뛰어난 오픈소스 솔루션으로 많은 강력한 기능과 많은 자료(영문 또는 불어)가 존재하는 등의 장점이 있지만, 다른 솔루션에 비해 운영과 관련된 지식을 습득하는 시간이 요구되고 고사양의 호스팅 서버가 필요하다는 단점이 있다고 합니다. 각종 웹사이트 템플릿을 판매하는 테마포레스트에서 Chocolate라는 마젠토 테마를 40% 할인된 가..

IT & 기타/IT 2019.08.28

유튜브 구독자 이벤트에 당첨되어 티셔츠를 받았습니다 (파파건스)

4개월 전에 파파건스라는 총기 리뷰 유튜브 채널에서 구독자 100명 이벤트를 실시한 적이 있었습니다. 네이버 유튜브 관련 카페에서 구독자 이벤트를 접하게 되어 별 기대 없이 이벤트에 응모하고 잊고 있었습니다. 그러다가 며칠 전에 티셔츠를 택배로 받았습니다. $25상당의 파파건스 커스텀 티셔츠입니다. 검은색 바탕에 PAPA GUNS 로고가 새겨져 있습니다. 파파건스는 총기, 밀리터리 관련 채널로 미국에서 리뷰가 가능한 것들은 실제로 만져보고, 뜯어보고, 쏴봐야 정확한 느낌을 전해드리는 것을 목적으로 하고 있으며 미국 내 총기관련 정보와 총기와 관련된 문화까지 영상으로 자세히 설명하고 있습니다. 4월에 구독자 100명을 돌파했고 8월 말 현재 구독 1,400명 이상을 확보하고 있습니다. 총기에 관심이 있는 ..

반응형 다목적 HTML5 템플릿 Polo 할인 (44%)

Polo라는 인기 반응형 다목적 HTML 5 템플릿이 44% 할인된 10달러에 판매되고 있습니다. 요즘은 워드프레스 같은 CMS로 홈페이지를 많이 제작하지만, 한 번 만들고 난 후에 업데이트할 일이 별로 없는 정적인 사이트인 경우 HTML 템플릿을 활용하여 사이트를 만들 수 있을 것 같습니다. 오래 전에 드림위버 같은 툴을 사용하여 취미 삼아 홈페이지를 만든 기억이 나네요. HTML로 직접 사이트를 만드는 경우, 퍼블리셔 등의 전문가에게는 직접 코딩하여 사이트를 만드는 것이 더 편하게 느껴지겠지만, 그렇지 않은 경우 HTML 템플릿을 활용할 수 있습니다. 이 템플릿에 200개 이상의 레이아웃과 600개 이상의 페이지 템플릿이 탑재되어 있습니다. 자세한 정보와 데모는 Polo 템플릿 사이트를 참고해보시기 ..

IT & 기타/HTML 2019.08.27

미국 수표 수수료 (수표당 25달러)

이달 초에 은행에 미국 수표 2장의 추심을 의뢰했습니다. 212.81달러와 56.11달러 수표였습니다. 추심 의뢰할 때 각 1만 원과 5,000원의 수수료를 지불했습니다. 보통 수표 추심 의뢰하면 약 1개월 후에 입금이 되지만, 이번에는 약 2주만에 입금되었습니다. 그런데 수수료가 정말 장난이 아닙니다.ㅠㅠ 두 수표 모두 각각 25달러의 수수료가 차감되어 입금되었습니다. 총 수수료 50달러 외에 은행 창구에서 15,000원 수수료를 별도로 납부했으니 배보다 배꼽이 클 지경이네요. 대금을 받는 옵션 중에서 수표(Cheque)가 있다면 가능하면 선택하지 않는 것이 바람직해 보입니다. 참고: 수수료가 너무 많이 드는 미국 수표 추심

IT & 기타/IT 2019.08.26

비트코인 및 암호화폐 PSD 템플릿 Crypticoin 할인

Crypticoin은 비트코인 및 암호화폐 PSD 템플릿입니다. 이 포토샵 PSD 템플릿은 암호화폐 교환 시장의 초보자와 전문가 모두에게 적합하며 암호화폐 투자, ICO(암호화폐공개) 에이전시 PSD 템플릿이 필요할 때 긴요하게 사용할 수 있습니다. 디자인이 매우 세련되고 모던하며 쉽게 커스텀이 가능합니다. 템플릿 특징: CryptoCurrency 가격 변환기 1170px 그리드 시스템에 기반 4가지 홈페이지 레이아웃 옵션: 1.2 버전 11개의 Perfect Pixel / Layered PSD 파일 환율 시장환율 Coin Exchange Calculator (전 세계 모든 통화) Free Vector 파일 유연한 레이아웃 시스템 쉽게 커스터마이징이 가능한 포토샵 파일 각 페이지는 적절한 이름으로 완전히..

IT & 기타/IT 2019.08.24

다목적 Shopify 테마 Paster 할인

다목적 Shopify 테마 중 하나인 Fastor가 30% 할인된 34달러에 판매되고 있습니다. CMS(콘텐츠 관리 시스템) 점유율에서 현재 워드프레스가 압도적이기 때문에, 각종 웹사이트 템플릿과 테마를 판매하는 Themeforest에서 워드프레스의 비율이 압도적으로 많은 편입니다. Shopify의 경우 테마포레스트에서 1,100개 정도 검색되지만 워드프레스 15,000개 이상 검색되고 있습니다. 워드프레스에서는 WooCommerce를 사용하여 온라인 스토어를 운영할 수 있습니다. 우커머스 플러그인은 2019년 8월 현재 5백만 개 이상 사이트에 설치되어 사용 중입니다. 우커머스는 워드프레스 전자상거래 플러그인 중 가장 많이 사용되고 있고 이커머스 플랫폼으로서도 약 21%로 가장 높은 시장 점유율을 보이..

IT & 기타/IT 2019.08.23

믿음이 사기치다

가끔 방문하는 네이버의 한 카페에서 O믿음이라는 사람이 사기로 고소를 당해 형사소송에서 벌금형을 부과받았고 민사소송까지 당했지만, 그 와중에도 사기를 치고 있어 피해자가 계속 발생하고 있습니다. 믿음이 사기를 치고 다니니... 이름 자체가 사기네요. 지난해 우리나라 GDP 순위가 세계 12위로 경제적으로는 괄목할 만한 성장을 거두었지만 아직 후진국형 사기가 만연하는 것이 안타깝네요. 우리나라 사람들이 중국인들을 우습게 알지만, 저는 우리나라 번역업체들과 일하면서 돈을 못 받거나(사실 일을 시작하면서부터 제법 큰 돈을 못 받음) 늦게 받는 경우가 제법 있었고, 약속한 금액보다 적게 받는 경우도 있었습니다. 하지만 중국을 포함한 해외업체들과 일하면서 돈을 못받은 사례는 손에 꼽을 정도로 드뭅니다. 물론 해외..

IT & 기타/IT 2019.08.22

콘텐츠 옆에 고정되는 퀵메뉴, 퀵뷰, 소셜바 만들기 (CSS)

페이지의 오른쪽 또는 왼쪽에 고정되는 퀵메뉴나 소셜바(Social bar), 사이드바 등을 만들 때 다음과 같이 CSS의 fixed를 사용하면 편리합니다. width: 160px; /* Set the width of the sidebar or side tab */ position: fixed; /* Fixed Sidebar or Side Tab (stay in place on scroll) */ z-index: 1; /* Stay on top */ top: 0; /* Stay at the top */ right: 0; /* Stay at the right */ 위와 같은 코드를 사용하면 브라우저의 오른쪽에 해당 요소가 고정됩니다. 콘텐츠 옆에 고정되는 퀵메뉴, 퀵뷰, 소셜바 만들기 (CSS) 퀵메뉴나 어..

IT & 기타/CSS 2019.08.21