웹마스터 팁

1.jpg

색깔 변경방법을 찾아봤으나 없어서 스스로 노가다 끝에 알아낸 방법입니다. 전 홈페이지 배운지 4개월뿐이 안되서(xe는 2개월정도) 저와 같은 초보자분들을 위해 최대한 쉽게 설명하겠습니다.

 

 

위의 사진은 content위젯을 이용해 만든 임시 페이지입니다.

위 사진의 공지사항과 밑줄, 게시판 제목의 색깔을 변경하겠습니다.

 

/www/xe/widgets/content/skins/default/css라는 경로(카페24기준, 서버회사마다 앞부분이 약간식 다릅니다.)의 widget.css라는 파일을 다운받습니다.

 

widget.css파일에서 widgetZineA li .title{ color:#뭐뭐뭐;}에서 이 부분을 찾은 후 뭐뭐뭐(알기 쉽게 이렇게 표기했음)<----이 부분을 원하는 색상코드로 바꿔서 저장하고 서버에 올리면 게시판의 제목 색깔이 바뀝니다.

 

 

공지사항과 밑줄은 위젯이 아닌 위젯스타일에서 바꿉니다.

경로 /www/xe/widgetstyles/simple에서 style.css파일을 다운받습니다.

css파일을 열면

 

div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; border-bottom:2px solid #뭐뭐뭐;}

 

라고 나와 있는데 저 뭐뭐뭐가 밑줄의 색깔을 나타냅니다. 원하는 색으로 바꿔주시면 됩니다.

예: 뭐뭐뭐---> 00aef0 등으로 원하는 색으로 바꿔주시면 됩니다.

그리고 공지사항이라는 제목은 color:#원하는 색깔; 를 div.simpleWidgetStyle h2 {}안에 집어넣어 주시면 됩니다.

그럼 아래와 같이 입력을 하고 저장을 해서 서버에 올립니다.

div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#00aef0; border-bottom:2px solid #00aef0;}

원하는 색으로 공지사항과 밑줄이 아래의 사진과 같이 변경이 됩니다.

2.jpg

 

도움이 되셨다면 댓글 부탁합니다. 여러분의 댓글이 힘이 됩니다. ^^

제목 글쓴이 날짜
IIS 7.5 + XE 업로드 용량 개선 방법 [1] file 류군 2012.07.16
XE 문서 및 게시판 첨부파일 증발 오류시 [1] Ooops 2012.05.10
첨부파일 증발되면 이 방법을 써보세요. [2] 쌘쓰쟁이 2012.06.23
회원 가입 시 IP 중복 검사 [30] file CMD 2012.02.24
XE사용 Mysql DB를 InnoDB로 바꿔봅시다 ※서버환경 사용자에 한함 [4] 흰색앵초 2012.06.30
회원가입 이메일 수취 여부 선택 초기화 file 아모스리 2012.07.07
카르마님의 외부이미지 자동저장애드온 한글이미지 저장 [1] 패시브 2012.07.03
XE 1.5 이상에서 모바일 페이지 별도 구성 원하는 경우 sejin7940 2012.06.23
게시판의 제목제거 file saladin 2012.07.02
1.5.x 사용자들 중에 IE9에서 셀렉트박스 목록이 안보일때 빽짱구 2012.06.30
관리자의 회원포인트목록 에서 ID/닉네임 등으로 검색하는 소스 추가 [3] sejin7940 2012.06.25
content위젯 제목 밑줄 게시판 제목의 색깔 변경방법 안내 [2] file saladin 2012.06.25
이미지 여러개 등록시 공백 팁입니다. 10.07.29 10:05 수정 [15] file 스카이피아 2010.07.25
댓글 자꾸 끝페이지가 먼저 뜨는 것을 1페이지부터 뜨도록 수정 [2] 모노소프트 2012.06.19
비밀글 댓글이 최신댓글 위젯에 노출되는 문제 수정방법 [1] 얼터1 2009.04.10
쪽지함 모바일에서 pc로 안넘기고 모바일 레이아웃에서 띄우는법&질문 [5] file 제발도와주세요 2012.03.20
IE9에서 xeed 사용하기(파일첨부 및 Enter키) [2] file 전승남508 2011.04.05
게시판에 간단하게 테두리넣기 [2] 고요나 2012.06.09
1.5업데이트 후 방명록스킨에서 글 안보이는 문제 해결하기 [1] 아나키s 2012.06.05
다국어시, 언어코드 찾기 후 검색을 한 뒤 적용 누르면 적용 안 되는 버그 수정 sejin7940 2012.06.08