모바일 플로팅 메뉴 작업 중
쉽게 생각하고 덤벼들었다가 3일째 삽질 중이다. 얼추 기능을 넣어 마무리하면 되겠구나 싶었는데 여러 기기에서 테스트를 해보니 문제가.. ㅠㅠ 여전히 수정 중인데 아래 이미지처럼 상하단 메뉴가 스크롤 이동 때 사라졌다가 다시 제 위치에 표시되도록 하는 것인데 생각보다 쉽지가 않다. 퇴근 길에 문득 떠오른 아이디어가 있어 잠깐 작업을 해봤는데.. 내일 출근해서 좀 더 다양한 기기에서 테스트를 해봐야 …
Category: 코딩 이야기
[jQuery] 모바일 상품 리스트 정렬 스크립트
제목 정하는 게 여전히 쉽지 않다. 모바일 환경에서 쇼핑몰 상품 리스트 정렬은 쉽지 않은 문제이다. 해상도가 제가각이고 가로 세로 회전이 가능하기 때문에 그에 따라 리스트 정렬이 변경되어야 하는데.. 이번에 그걸 하기 위해서 간단한 스크립트를 작성해 봤다. float: left; 속성을 가지는 li들을 나열시키는데 화면 사이즈에 맞춰서 적당히 패딩값을 부여해서 상품이 화면 가운데 보이도록 했다. padding-right 값 …
SNS 공유버튼 추가하기
운영 중인 워드프레스 블로그에 SNS 공유 버튼을 추가하기로 했다. JetPack 플러그인을 이용해서 공유 버튼을 추가할 수도 있는데 각 SNS 서비스에서 제공하는 버튼을 블로그 포스트 하단에 추가하기로 했다. 이 삽질을 시작한 것은 애드센스 스코어카드에 +1 버튼을 추가하라고 해서 일단 시작을 한 것이다. 코드는 SNS 서비스에서 제공을 해주기 때문에 어려운 것은 없는데 css 속성을 구성하는 것이었다. 간만에 …
[PHP] post로 넘겨받은 값을 다른 페이지에 post로 넘기기
이런 경우가 있다. PHPWord를 이용해 워드 파일을 생성하고 다운로드하는 것인데 사용자가 폼에서 입력한 값을 이용해 워드파일을 생성해야 한다. 그런데 워드파일을 다운로드 후에 완료 안내 페이지를 보여줘야할 경우가 생겼다. 자바스크립트나 기타 여러 방법으로 다운로드 후 완료 페이지로 이동을 하도록 하면 되는데.. 여기서 문제가 발생한다. 워드파일을 생성하는 파일에는 php 코드외에 html 태그가 들어가 있으면 파일 다운로드도 되지 …
해상도에 따라 애드센스 보임 숨김 처리하기
반은형 테마가 아닐 때는 전혀 신경도 안쓰고 있다가.. 그전에 반응형 테마일 때도 신경은 안 쓰고 있었지만.. 오늘은 어째 테마를 바꾸고 갤럭시 넥서스로 접속해보니 애드센스 광고때문에 레이아웃이 틀어지는 게 유난히 신경이 쓰여서 jQuery 스크립트를 이용해서 해상도에 따라서 보이거나 숨기도록 해봤다. 특별한 것은 없고 컨텐츠가 표시되는 영역 div.entry의 넓이를 구해서 애드센스 사이즈와 비교해 display 속성을 block 또는 …