본문 바로가기

w o r k s

모바일 메뉴 배경세팅

728x90

프라치노 공간을 선택해주셔서 감사합니다.
문의사항을 해결하려면 Jacket을 활용해야 합니다. Jacket 관련 코드는 스타일 시트 ‘style_async_username_[버전].css’ 파일에 포함되어 있습니다. 파일을 편집하려면 Brackets App 또는 다른 편집 App을 실행한 뒤 해당 파일을 엽니다.

약간의 CSS 지식이 있어야 합니다. 선택자에 관한 설명은 주석으로 표시되어 있습니다. 그 곳에서 ‘display:none’ 속성을 제거하고, background 속성을 입력하면 됩니다. 예를 들어 ‘모바일 모드의 Jacket 커버 (메뉴)’에 임의로 업로드한 이미지를 보이게 하고 가운데 정렬하고 싶다면…
.jacket-cover.mobile.top {
background: url([파일.확장자]) 50% 50% no-repeat
}

…으로 입력하면 됩니다. [파일.확장자]에는 업로드한 이미지 이름과 확장자를 입력합니다.
이 때 꺾쇠괄호, [ ]는 제거합니다.
background 속성에 관한 자세한 내용은 아래의 URL을 참조하세요.
http://www.w3schools.com/css/css_background.asp

배경의 명도에 따라 분위기를 달리해야 할 수 있습니다.
http://kaniwarispace.tistory.com/entry/tone

편집을 완료하면 파일을 저장하고 업로드합니다. 그리고 브라우저의 캐시를 초기화합니다.

728x90

'w o r k s' 카테고리의 다른 글

분류 전체보기 삭제  (0) 2015.09.21
사이드바 색 바꾸기  (2) 2015.09.21
카테고리 펼쳐두기  (0) 2015.09.21