후이즈몰 가이드 북

오픈가이드운영가이드제작가이드

  :: 제작가이드 > 상세페이지디자인 > 스타일시트 관리

레이아웃디자인 | 첫화면 설정 | 기본스킨 설정 | 메인화면디자인 | 모바일샵 관리 | FTP 이미지 관리 | 상세페이지디자인

[스타일시트 관리]

스타일시트는 CSS(cascading style sheets), 말그대로 스타일을 저장해둔 문서입니다. 쇼핑몰 전체의 정렬, 배경색, 가로사이즈, 폰트크기, 색상등 모든 디자인스타일 정보가 저장되어 있습니다.
전체스타일, 폰트관련, 레이아웃, 롤링배너, 링크, 메인페이지 모듈, 상품리스트 등등 관련된 스타일끼리 모여 있으므로,
스타일시트의 수정이 필요할 때에는 초록색 글자로 /* 와 */ 사이에 표시된 주석을 참고하여 해당하는 스타일문서를 찾아서 수정합니다.

 

12css.jpg

 

 

12css2.jpg

 

 

[스타일시트 수정]

한 예로 스킨상단의 상품분류명이 나열된 부분(1)의 디자인 스타일을 현재보다 글씨크기를 키우고, 글자색도 진하게 수정하겠습니다.

 

20150205145615_gwfmofnf.jpg

 

 

관리자 > 디자인관리 > 상세페이지디자인 > 레이아웃디자인 > [상품분류]모듈을 클릭합니다.
상품분류 모듈의 소스편집창에서 적용된 id 또는 class명을 찾아냅니다.(2)

 

12css4.JPG

 

관리자 > 디자인관리 > 상세페이지디자인 > 스타일시트 관리에서 'catemenu'(3)를 찾습니다.
폰트크기를 규정하는 css를 삽입(4)하고, 링크색상(5)도 변경합니다.
 
 

12css5.JPG

 
 

12css6.JPG

 

 

저장 후 결과화면을 확인할 수 있습니다.
 


20150205150444_rspxkgft.jpg

 

Copyright 2015 (c) WHOIS All rights reserved.