본문 바로가기

전체 글

(32)
서브페이지 상단이미지 크기, 텍스트 활용하기 서브페이지의 상단이미지 영역 변형할 수 있는 항목은... 높이를 조절할 있으며, 해당페이지의 제목과 설명내용을 넣을 수 있습니다. 제목과 설명내용은 좌측/중앙/우측 정렬도 쉽게 변경할 수 있습니다. 또한 animate 효과를 넣을 수 있고, 그외에도 다양한 효과를 넣을 수 있습니다. 배경이미지 파일 위치는...de01의 이미지를 사용하게 이미지 경로가 작성되어 있습니다. 메인화면에서 이미 로드 하였으므로, 캐쉬파일을 이용해서 서브페이지에서는 더욱더 빠른 로딩속도를 보입니다. 또한 추가적인 이미지를 준비 하지 않아도 멋진 홈페이지를 구성할 수 있습니다. (이미지경로를 다르게 하시면 사용자가 정의한 이미지를 사용할 수 있습니다.) 서브페이지에서 상단이미지 높이 조절 /**********************..
메인화면에서 디자인모듈 여백, 배경이미지, 제목등 메인화면에서 적용되는 변형 소스입니다. 메인화면에서는 디자인모듈 "de01" 을 한 번 더 "ms_de01"의 블록으로 감싸는 구조로 되어 있습니다. 감싸는 구조는 메인화면서에서 이 해당모듈의 수정/변형을 효율적으로 관리 할 수 있습니다. 디자인모듈을 사용할 때에는... 메인페이지에서 사용할 때와, 서브페이지에서 사용할 때에 추가적인 변형 효과를 낼 수 있도록 다양한 소스코드의 활용이 가능합니다. - 상하여백 및 좌우여백 - 배경이미지 효과 - 스크롤스파이, aos 등 기타 플러그인등 - 서브페이지에서 디자인모듈 사용 예시 {{$de01}} - 메인페이지에서 디자인모듈 사용 예시 {{$de01}} ■ 수정 파일 > nStyle_ms.css ■ 수정 파일 위치 > www > bizdemoXXXXXX > i..
페이지메뉴 레이아웃 변경하기 페이지메뉴 영역에 기본값 이외에도 다양한 형태로 변형하여 사용 가능 합니다. 아래 소스는 좌측정렬에서 중앙상단정렬로 변경해 주는 추가 소스입니다. 브라우저 크기에 따라서 "좌측형", "중앙형", "혼합형" 으로 변형 가능합니다. " nStyle_user.css " 파일을 열어서 하단에 소스를 추가 하시면 다양한 형태로 사용 가능 합니다. ■ 수정 파일 > nStyle_user.css ■ 수정 파일 위치 > www > bizdemoXXXXXX > img > _css > nStyle_user.css 페이지메뉴 레이아웃 변형 css /***************************************************************** 레이아웃변경 nWide - 와이드형 가로나열메뉴 : 서브페이..
하단영역 레이아웃 변경하기 하단메뉴영역에 기본값 이외에도 다양한 형태로 변형하여 사용 가능 합니다. 아래 소스는 중앙정렬로 변경해 주는 추가 소스입니다. " nStyle_user.css " 파일을 열어서 하단에 소스를 추가 하시면 다양한 형태로 사용 가능 합니다. ■ 수정 파일 > nStyle_user.css ■ 수정 파일 위치 > www > bizdemoXXXXXX > img > _css > nStyle_user.css 하단영역 레이아웃 변경 : 중앙정렬 css /***************************************************************** 하단 정보 : 중앙정렬, sec02 숨김 *************************************************************..
상단메뉴영역 레이아웃 변경하기 다양한 상단메뉴영역 활용 상단메뉴영역에 기본값 이외에도 다양한 형태로 변형하여 사용 가능 합니다. 아래 레이아웃 변경 소스 1번 ~ 5번 중에서 적용하고자 하는 소스를 복사하셔서, " nStyle_user.css " 파일을 열어서 하단에 소스를 추가 하시면 다양한 형태로 사용 가능 합니다. ■ 수정 파일 > nStyle_user.css ■ 수정 파일 위치 > www > bizdemoXXXXXX > img > _css > nStyle_user.css 01. 상단영역 레이아웃 변경 : 상단영역 배경 투명 /***************************************************************** 01. 상단영역 레이아웃 변경 : 상단영역 배경 투명 ******************..
도메인 뒤에 default 사용, 보안인증서 https default 사용 전체 url이 노출되도록 설정합니다. 네이버에 홈페이지 등록시에도 "default" 으로 설정 되어 있어야 합니다. "프레임사용"으로 설정값을 사용하시면 반응형 레이아웃이 깨질수 있습니다. ■ 수정위치 > 홈페이지 기본설정 > 타이틀 및 주소창 설정 보안인증서 https 카페24 빌더호스팅에서는 무료로 신청할 수 있습니다. https://www.youtube.com/watch?v=hS1_3HaiizM https://help.cafe24.com/cs/cs_faq_view.php?idx=3756 고객센터 - 카페24 호스팅센터 대한민국 No.1 카페24 호스팅! 문의게시판, ARS안내, 자주묻는질문, 매뉴얼, 공지사항 등 제공 help.cafe24.com
sns로 홈페이지주소 전송시 보여지는 이미지 카카오톡, 인스타그램, 페이스북 등... sns를 이용하여 홈페이지 주소를 전송했을 때 보이는 이미지 변경 방법입니다. ■ 수정 위치 > 디자인관리 > 템플릿 디자인 수정 > 모듈 > *공통사용전체모듈 > *공통상단 레이아웃 ■ 이미지 원본 위치 > www > bizdemoXXXXXX > _images > logo_sns.png - 파일명 : logo_sns.png - 이미지 사이즈 : 320 x 320px ■ 참고 - 변경된 이미지로 보이지 않는다면 sns에서 2~3일 이상 소요될 수 있습니다. (파비콘과 비슷) - 쿠키, 세션, 임시파일 등을 모두 삭제하시고 재확인 해보세요. - 한번 로드된 이미지는 변경이 안될 수 있습니다. - 바로 변경된 파일을 확인 하고 싶다면... 파일명을 변경하여 업로드 해..
네이버 웹마스터 도구에 홈페이지 등록하기 ■ 소스 및 모듈 수정 1. 메인페이지 소스에 태그가 있어야 합니다. 빌더호스팅 관리자의 [디자인관리 > 템플릿 디자인 수정] 으로 이동하신 후, [페이지 > 메인]의 영역에 ... 태그를 이용하여 사이트 제목을 입력해 주시기 바랍니다. 입력한 제목으로 네이버에서 검색 시 검색결과가 나타납니다. 2. 만약 영역을 모듈에 넣어 사용하시는 경우, 해당 모듈을 수정하여 이용하시기 바랍니다. 3. 영역에 description 등의 메타태그를 이용하시면 좀 더 효율적인 검색 노출이 가능합니다. 4. 검색엔진 최적화를 위한 HTML 마크업 가이드는 http://webmastertool.naver.com/guide/basic_markup.naver 를 참고하시기 바랍니다. ■ 참고사항 1. 정상적으로 설정이 완료된 ..