멋진 카페 배경 만들기

2012. 10. 4. 08:05취미 & 컴 * 잡기

[ 첫번째, 멋진 배경 만들기 ]

카페 배경에 멋진 사진을 넣는다면 서브 게시판 페이지에서도 멋진 이미지가 계속 보여지게 됩니다.

저는 먼저 이전 카페지기님이 만들어 두신 대문을 이용하여 이미지 소스를 재배치 하여 보았습니다.

▲ 위의 이미지는 이전에 사용하고 계셨던 카페 스킨입니다.

▼ 아래의 이미지와 같이 이미지 편집툴(포토샵)을 이용하여 재배치하여 보았습니다. 배경사이즈는 1250x460 픽셀 정도로

준비하였습니다. 이렇게 만들어진 배경을 카페에 넣으려면, 카페 꾸미기 관리로 이동합니다.

▼ 아래의 이미지를 보시면,

아래와 같이 홈꾸미기 메뉴가 선택되어져 있고 꾸미기 툴이 화면에 보여지게 됩니다.

스킨 탭 > 배경 > 직접올리기를 선택하시고 위에 만들어진 배경 이미지를 넣으신 후, 보조색을 지정하시면 상단의 이미지와 자연스럽게 연결되는 전체 배경을 만드실 수 있습니다. (보조색은 카페 전체의 배경색을 의미합니다.)

배경에 이미지를 넣으시면 ▼ 아래 이미지처럼 서브 게시판으로 이동하셔도 자연스럽게 이미지가 유지됨으로

카페의 특성을 더욱 잘 살릴 수 있습니다.

[ 두번째, 카페 상단에 타이틀 메뉴 및 주소 만들기 ]

새롭게 바뀐 카페에서는 상단 영역에 카페 타이틀 메뉴나 검색창 카페 주소등 카페에 필요한 기능들을 추가로

제공하고 있습니다. 배경이 만들어 졌다면 다음단계로 상단에 메뉴 및 카페 주소를 추가해보도록 하겠습니다.

▼ 아래 그림을 보시면,

상단에 파란 부분의 타이틀을 클릭하시면, 이미 만들어 놓은 배경이 보이게 됩니다.

미리보기가 가능함으로 상단에 특별한 메뉴를 위치시키거나 하실 때 매우 용이합니다.

하단에 배치된 템플릿, 배경, 카페이름, 타이틀 메뉴 등 원하시는 항목을 선택하셔서 꺼내 놓으시고 원하시는 위치에

자유롭게 이동시키실 수 있습니다.

세번째, 카페 대문 만들기

대문을 만드는 방법은 여러가지가 있습니다. 제가 선택한 방법은 Daum 에디터를 이용한 방법으로 처음 해보시는 분들은

다소 어려울 수 있지만 한번만 해보신다면 여러가지 형태로 응용이 가능한 매우 유용한 방법 입니다.

▼ 아래 그림을 보시면,

상단에 파란 부분의 대문을 클릭하시면, 두번째 단계와 마찬가지로 이미 만들어 놓은 배경이 뒤에 보이게 됩니다.

우선 에디터 툴 상단의 레이아웃을 선택해서 원하는 배치 모양을 선택합니다. 저는 제일 아래서 3번째 배치 모양을

선택하였습니다.

배치 모양(레이아웃) 중에 필요없는 부분은 삭제해서 사용가능합니다.

여기에 '사진' 을 클릭하여 이미지 업로더로 원하는 사진을 업로드 합니다. 아래와 같은 이미지가 들어갔습니다.

추가로 아래의 이미지를 대문에 한장 더 올려서 위에 올린 이미지와 연결되게 하였습니다.

이렇게 하여 완성된 러브하우스 스킨이 완성되었습니다.

이전에 운영하시던 카페지기님이 만드셨던 카페의 분위기를 최대한 살리는 방향으로

변경해본 카페 스킨 제작기였습니다.

★★★ 마지막으로, 중요한 Tip 한가지 !!

아래 그림에서 처럼 카페를 가로폭 고정으로 설정하면 더욱 홈페이지 같은 느낌으로 카페를 디자인 하실 수 있습니다.