-
Html, CSS 2013‧04‧04
이미지에 여백이 생길 때 해결 방법들
이미지 태그를 이용하다보면 이상한 약간의 여백이 발생한다. 위 이미지를 보면 사진틀 이미지를 위아래로 나눈 것인데 아랫부분에 여백으로 인해서 약간의 공간이 생겼다.확대해서 보면 아래와 같다. 약간의 여백이 생겨서 위 아래 이미지가 떨어진 현상을 발견하였다.파이어 폭스로 해당 이미지의 부모 div 요소를 선택하면 아래와 같이 셀렉트 되어진다. 이유는 모르겠지만 해결 방법은 아래와 같다. 1. 이미지 요소에 vertical-align:top;을 […]
-
Javascript, jQuery 2013‧03‧29
jQuery - 속성 또는 속성 값으로 선택자 지정하기
본문에서 alt 값이 "이미지 설명"을 가진 이미지를 선택하여 지우거나 이동하거나 등등 처리를 할 때가 있을 것이다. 이럴 때 이 alt에 대한 값을 찾아서 선택자(selector)로 지정할 수 있다. 사용법은 간단하다. $('img[alt=이미지 설명]'); 위 코드는 <img src = "test.jpg" alt="이미지 설명" /> 와 같은 이미지를 선택하여 처리할 때 쓰인다. 또는 이미지들 중에 alt값을 가진 것만 찾을 […]
-
2013, 2013-2014 2013‧03‧25
Impress Media FB App
서적 출간을 기념하여 페이스북으로 로그인 사용자에 대한 이벤트를 진행하였습니다.그리하여 페북 앱을 활용 프로모션을 진행하게 되었는데 이때 만들어진 비주얼 디자인들과 페이스북 앱을 담당하여 오픈하였습니다. <전체 스크린샷>
-
Javascript, jQuery 2013‧03‧22
jQuery - 선택자 삭제 .remove
div라든가 p, span 등과 같은 선택자를 삭제할 때 사용한다. 입력 방식은 두가지 정도이다. $("선택자").remove( ); 또 하나는 아래와 같다. $('div와 같은 요소').remove("선택자"); 필자는 간단하게 주로 아래와 같이 쓴다. $("#id").remove(); 만약 위와 같이 쓰는 경우 클래스일 경우 .class 로 선택자를 넣어도 된다. 이렇게 되면 해당 클레스가 있는 div가 삭제가 된다.
-
2013, 2013-2014 2013‧03‧19
Google Webmaster Conference 2013
구글과 함께 진행하는 웹마스터 2013 컨퍼런스의 등록 사이트를 제작하였다.큰 내용이 필요한 사이트가 아니었기에 단독 작업이 가능하였고 사이트 제작과 더불어 패키지 디자인도 역시 같이 진행하였다.배너, 현수막, 명찰, 프로그램북 커버, EDM 디자인을 함께 처리하였다. <전체 스크린샷>
-
WP Tip & Tech 2013‧03‧04
워드프레스 대시보드에서 FTP접속 포트가 다를 경우
워드프레스에서 테마 혹은 플러그인을 설치할 때 대시보드에서 직접 설치하는 경우가 있다. 하지만 부득이 개인적으로 서버의 FTP 포트가 기본적인 21포트가 아닌 다른 포트일 경우에는 이 기능을 사용하지 못한다. 이럴 경우 일단은 포트주소를 도메인 주소와 함께 넣어 접속하면 된다. (ex. werty.co.kr:3312) 그러나 아래처럼 '워드프레스 컨텐츠 디렉토리(wp-content)로 이동할 수 없습니다.'라는 메시지가 나타나고 진행이 안될 수도 있다. 이럴 경우 […]
-
WP Setup, WP Tip & Tech 2013‧03‧02
워드프레스 호스팅(서버) 이전 작업
부득이 서버를 이전하는 상황이 발생하여 작업을 하면서 함께 포스팅을 함. * 구서버와 신서버가 FTP기능이 가능하여야 합니다. 전 FTP 툴로 파일질라를 사용함. * phpMyAdmind으로 DB를 백업 및 복원 해야하니 서버에 설치하도록 한다. phpMyAdmin 다운로드 : http://www.phpmyadmin.net/ 1. 구서버의 phpmyadmin에 접속하여 워드프레스 데이터베이스를 선택하여 들어간다. 2. 내보내기 → 내보내기 할 부분만 선택 대게 wp_ 로 시작되는 것들 선택한 후 […]
-
WP Tip & Tech 2013‧01‧25
특정 기능을 메인 화면, 포스트 화면(single), 페이지(page)에 따라 다르게 처리하기
워드프레스를 하다보면 어느 페이지를 가건 상단의 네비나 오른쪽의 위젯이나 하단의 푸터나 다 똑같아 보여서 특정 서비스를 하는 페이지에서 그에 따른 기능을 다르게 보여주고 싶을 때가 있다. 특히 메인인 첫 페이지에서는 더욱이 조금더 메인의 특성을 갖춘 컨텐츠를 보여주고 나열해주고 싶기도 하다. 이 것을 인지하고 구분하여 지정된 행동하는 것은 조금 뒤에 하고 일단 각 화면을 구성하는 것들을 간단히 […]
-
Html, CSS 2013‧01‧21
css로 div 세로로 중앙 정렬시키기
자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다. 방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 . #contentsWrap{ height: 400px; width: 100%; position: absolute; top:50%; margin-top: -200px; } #contents{ position: relative; margin: auto; background-color: #eee; width: 800px; height: 400px; […]