스페이스 이름 및 소개 영역
#header - 주요 부분 - 스페이스 헤더의 전체 제목 부분
#header div.lc ——홈페이지 왼쪽 상단의 배경 이미지
#header div.rc——홈페이지 오른쪽 상단 배경 이미지
#header div.tit - 스페이스 이름, 기본 제목, 이름 크기 및 색상
#header div.tit a.titlink - 스페이스 이름 링크, 클릭되지 않음
#header div.tit a.titlink:visited——방문한 링크
#header div.desc - 공간 소개, 즉 자막, 위치, 크기, 색상
탐색 모음
#tabline - 메뉴 아래의 수평선으로 공간 이름과 구분하는 데 사용됩니다.
#tab - 탐색 메뉴 표시줄의 본문 - 페이지 상단에 있는 "홈 블로그 | 앨범..." 표시줄의 배경 이미지
#tab a.on,#tab a.on:link,#tab a.on:visited - 선택된 상태, 즉 "탐색 모음 링크", 크기, 색상 + 배경
#tab 범위 - 탐색 모음 항목 사이의 구분 기호 "|"
#tab a:link ——TAB "Blog|Album..." 열 링크 색상, 클릭되지 않음
#tab a:방문——"블로그|앨범..."을 방문했습니다 링크
#tab2 ——(기본 옵션 | 템플릿 설정 | 고급 설정 | 액세스 통계) 이 라인의 메뉴 본문 속성
#tab2 범위 ——TAB 선택 상태
#tab2 a——TAB 선택되지 않은 상태
#tab2 a:링크
방문한
링크콘텐츠 영역
.stage - 페이지 본문의 모든 부분(탐색 모음 아래)
및 기타 영역(예: 방문 횟수와 같은 정보)
#comm_info 주요 부분 - "기타"에서 "이 공간을 방문한 사람들"의 색상과 위치
#comm_info div.line - "이 공간을 방문한 사람들" 아래의 분홍색 구분선 관련 설정
#comm_info a - "기타"의 색상은 무엇입니까?
#comm_info a:hover - 호버 효과
#comm_info.mod - 영역 제목
#m_comm_info.modbox——기타 영역 모듈
#pvshow——방문 번호 글꼴 #m_comm_info div a——바이두 로고
페이지 번호 영역
#page ——신체 높이 크기 위치
#pagespan——현재 페이지 번호(클릭할 수 없음)
#page a.pc—— 이전 페이지와 다음 페이지가 클릭되지 않았습니다.
#page a.pc:visited—— 클릭되었습니다
#page a.pi - 페이지 번호(클릭 가능)
방문한
링크모듈 영역
.mod - 모듈 제목, 상단 및 하단 간격
.modhandle{커서:이동}
.modth - 모듈 제목 표시줄 본문과 텍스트 사이의 거리
.modhead - 모듈 제목 영역의 위치
.modopt - 모듈 작업 영역(예: 새 기사 작성), 간격
.modtit - 모듈 제목 영역(예: 기사 목록, 개인 파일)의 크기 및 색상
.modtitlink – 모듈 제목 링크
.modact - 작업 텍스트 링크, "프로필 수정" 링크, - 오른쪽 상단에 있는 "편집" 및 기타 링크에 대한 관련 크기 및 색상 설정.
.modbox - 모듈 콘텐츠 영역의 기본 배경색 등
a.modact:link - "프로필 수정" 링크 색상
a.modactlink:visited - 방문한 링크
.modtl ——모듈 왼쪽 상단 교외 가장자리 그림 배경, 첫 번째 열, 빈 열
.modtc——모듈의 배경 이미지, 두 번째 및 세 번째 열, 개인 파일, 개인 정보 수정
.modtr - 모듈의 오른쪽 상단에 있는 배경 이미지 배경, 네 번째 열, 빈 열
.modbl - 모듈의 왼쪽 하단에 있는 배경 이미지 배경
.modbc—— 모듈 하단과 하단에 있는 배경 이미지 배경
.modbr ——모듈 오른쪽 하단에 있는 배경 이미지 배경
기사 영역
#m_blog div.tit - 기사 제목
#m_blog div.tit a - 기사 제목 링크, 크기 및 색상, 클릭되지 않음
#m_blog div.tit a:visited - 방문한 링크의 기사 제목 크기 및 색상
#m_blog div.date - 기사 게시 날짜, 텍스트 크기 및 색상
#m_blog div.cnt—— 기사 내용 크기 및 색상
#m_blog div.more ——“자세히 보기>>”
#m_blog div.more a ——'전체 텍스트 읽기>>'의 크기와 색상, 클릭하지 않음
#m_blog div.more a:visited - 방문한 링크의 "자세히 보기>>"의 크기와 색상
#m_blog div.opt - 기사 작업 영역(예: "편집"의 색상 크기 등)
#m_blog div.opt a ——글 작업 링크 크기 및 색상
#m_blog div.opt a:visited - "편집 삭제 댓글(4) 보기(21)" 방문한 링크
#m_blog div.line - 구분선 관련 설정
개인 프로필 영역을
변경할 필요 없음
#mod_profile.modtit - 홈페이지 프로필 제목
#m_pro a - 클릭하지 않은 프로필의 "세부정보 보기" 색상
#m_pro a:hover——호버 효과
#m_pro a:visited - 방문한 프로필의 "세부정보 보기" 링크
#m_pro div.image - 개인 프로필에서 개인 아바타의 표시 위치를 "가운데, 왼쪽, 오른쪽"으로 구분합니다.
#m_pro div.act - 작업 영역 - 개인 소개와 아바타 사이의 간격
#m_pro div.user - 개인 사용자 이름의 크기 및 색상
#m_pro div.desc - 개인 프로필의 크기 및 색상
#m_pro div.line—— 구분선
#m_프로 TD
#m_pro .photo——사진의 배경(이 항목은 아래에서 미리 볼 수 없습니다)
#m_pro .photo td——친구로 추가하고 중간에 "|"를 넣어 메시지를 보냅니다.
#m_pro .사진 .이미지
#m_pro .photo .line - 아바타 밑줄
#m_pro .ref
#m_pro .ref .tit - "사용자 이름"에서 "원"으로
#m_pro .ref .cnt
#m_pro .basic td——Baidu에서 사용자의 대기 목록을 보기 위한 사용자 이름
#m_pro .basic .tit
#m_pro .basic a:hover——남성 날짜 링크, 마우스가 오버된 링크가 클릭되지 않았습니다.
#m_pro .basic a.nlk:hover——"티에바 연설" "답을 알아라"
#m_pro .pline——중간 구분선
#m_pro .pitem——글꼴 높이
#m_pro .pitem .tit - 내가 다녔던 학교 등
마우스가 떠 있는
링크앨범 영역
#m_album div.image - 앨범 내 사진의 표시 위치를 "가운데, 왼쪽, 오른쪽"으로 구분합니다.
#m_album div.page - "이전 페이지" >> "다음 페이지"
#m_album div.page a ——'이전 페이지' 중 '다음 페이지'가 클릭되지 않았습니다
#m_album div.page a:visited - 방문했던 "이전 페이지"의 "다음 페이지"로의 링크
#m_album div.image——앨범 미리보기 영역
#m_album a img - 이미지 링크
#m_album a:hover img——이미지 호버 효과
#cbut——앨범 조작 버튼
#cbut a img{border:0px;filter:alpha(enabled=0)} ——버튼 이미지
친화적인 링크 영역
#m_links div.item - 하위 항목 - 친숙한 링크의 글꼴 색상 및 크기
#m_links div.item a - 이름(링크) - 클릭하지 않은 친숙한 링크의 글꼴 크기 및 색상
#m_links div.item a:visited - 클릭한 친숙한 링크의 글꼴 크기 및 색상
#m_links div.line - 구분선
사용자 정의 모듈 1-4
#m_mylink1-4 div.item——"설명" 내용
#m_mylink1-4 div.item a——제목 링크 이름
#m_mylink1-4 div.item a:visited——제목 링크 이름을 방문했습니다.link
#m_mylink1-4 div.line - 구분선
기사 분류 영역
#m_artclg div.item ——하위 항목——기사 카테고리의 각 카테고리 뒤에 있는 주제 수와 괄호의 크기 및 색상
#m_artclg div.item a ——카테고리 이름(링크) ——기사 카테고리 내 각 카테고리의 크기 및 색상, 클릭되지 않음
#m_artclg div.item a:visited - 기사 카테고리의 각 카테고리에서 방문한 링크
#m_artclg div.line - 구분선 - 기사 카테고리의 카테고리 간 구분 기호 관련 설정,
최신 댓글 영역
#m_comment div.item - 하위 항목 - 클릭되지 않은 최신 댓글의 사용자 이름 크기 및 색상
#m_comment div.item a - 클릭되지 않은 최신 댓글의 사용자 이름 크기 및 색상
#m_comment div.item a:visited - 클릭한 최근 댓글의 사용자 이름 크기 및 색상
#m_comment div.item a.cnt - 클릭되지 않은 최신 댓글의 댓글 텍스트 크기 및 색상
#m_comment div.item a.cnt:visited - 방문한 링크에 대한 최신 댓글의 댓글 텍스트 크기 및 색상
#m_comment div.item a.cnt:hover - 최신 댓글의 댓글 텍스트 위로 마우스를 가져가는 링크
최신 댓글의 댓글 사이에 줄을 나누기 위한 관련 설정의
앨범 목록입니다
.
#m_albumlist——첫 번째 레이어 앨범 영역 배경
#m_albumlist div.none——사진 프롬프트 정보 없음
#m_albumlist a img——작은 앨범 표지 사진
#m_albumlist a:hover img——마우스 오버 효과
#m_albumlist div.line - 구분선
#m_albumlist div.tit——앨범 제목
#m_albumlist div.tit a
#m_albumlist div.tit a:hover——호버 효과
#m_albumlistspan.count – 사진 수
#m_albumlist a.act——수정, 삭제 등의 작업 영역 링크
#m_albumlist a.act:hover——마우스오버 효과
#m_albumlist div.note——앨범의 두 번째 레이어 사진 영역
#m_albumlist div.desc——앨범 소개
#m_albumlistspan.size - 사진 크기
#m_albumlist #page ——현재 페이지 번호
#m_albumlist #page a - 기타 페이지 번호
#m_albumlist #page a:hover——마우스 오버 효과
#imagee a img——세 번째 레이어 이미지 영역
#m_albumlist div.phimg a img - 사진
#m_albumlist div.phimg a:hover img——사진 버튼 호버 스타일
#m_albumlist div.phinfo——사진 정보
#m_albumlist div.phpage——작업 버튼 영역
#m_albumlist div.phpage a img——작업 버튼
#m_albumlist div.phpage a:hover img——액션 버튼 호버 스타일
친구 목록
#m_friend div.filter
#m_friend div.catalog
#m_friend a img——친구 아바타
#m_friend a:hover img——호버 효과
#m_friend div.user
#m_friend div.user a - 친구 이름(링크), 클릭되지 않음
#m_friend div.user a:hover——호버 효과
#m_friend div.user a img——작업 버튼 이미지
#m_friend div.user a:hover img——액션 버튼 이미지
#m_friend div.user a:visited - 방문한 링크
#m_friend div.line - 구분선
설정 접근 통계, 템플릿 설정
#m_설정 - 링크 {색상:#3399CC}
#m_setting a:hover - 호버 효과
#m_setting a:visited - 색상 설정, 방문한 링크
#m_setting - 본체 색상 설정을 클릭했습니다.
#m_setting img.sel ——템플릿 미리보기(선택된 상태) {border:4px solid #FFDB7B}
#m_setting img.unsel - 템플릿 미리보기(선택되지 않은 상태)
#m_settingspan.tit - 템플릿 제목 이름
#m_settingspan.usr - 작성자 이름
#m_setting div.sel - "현재 템플릿" 텍스트
#m_setting div.line - 구분선
시스템 공지
#m_sysinfo a - 클릭하지 않은 링크 색상 설정
#m_sysinfo a:visited - 색상 설정, 방문한 링크
#m_sysinfo - 본체 색상 크기
#m_sysinfospan.new - 최신 색상 크기
#m_sysinfospan.date - 게시 시간 색상 크기
기본 옵션
#m_setbase - 본체 색상 크기
#m_setbase td ——색상 크기
#m_setbase div.line—— 구분선
#spSpaceName - 공간 이름
#spSpaceDescri – 우주 소개
#spConfigDispNum – 페이지당 기사 표시
#spConfigDispMod - 기사 표시
#spDateMod - 시간 형식
사용자 의견
저장
#in_comment ——본문 너비
#in_comment div.tit ——제목 색상, 크기 등 설정
#in_comment div.user - 포스터 이름, 일련번호, 선 색상 및 크기 및 기타 설정
#in_comment div.user a - 클릭되지 않은 이름(링크)을 게시한 사람의 색상 크기
#in_comment div.user a:visited - 방문한 링크
#in_comment div.userspan.date——게시 시간 색상 크기
#in_comment div.desc ——댓글 내용 색상 및 크기
#in_comment div.line - 구분 기호 설정
#in_send div.tit - 게시물 댓글(제목)
보관
설정
#m_filed div.item - 테마 색상 크기 설정
#m_filed div.item a - 클릭되지 않은 색상 크기 설정
#m_filed div.item a:visited - 방문한 링크
최근 방문자
구분선
#m_track a ——방문자 ID 글꼴 색상 및 크기
#m_track a:hover - ID 위로 마우스를 가져가는 링크
#m_track a img - 방문자 아바타의 필터 효과, 기타 필터 효과 {filter:invert}, {filter:xray}
#m_track a:hover img ——방문자 아바타
Baidu 검색
에 대한 마우스 호버 효과
#m_search——바이두 검색 영역
#m_search input.text - "인터넷" 및 기타 글꼴 설정
#m_search input.radio - "인터넷" 및 기타 배경 설정
#m_search input.submit - "바이두 검색" 설정
#mod_search.mod{배경:url() no-repeat 0% 0%} ——바이두 검색 제목
#m_search input.text——입력 상자
#m_search 라벨——선택 상자 영역
#m_search input.radio——선택 상자 앞의 원
#m_search input.submit——제출 버튼
게시판
#mod_board.mod——게시판 모듈
#mod_board table.modth ——다음 6가지 항목을 설정하지 않으면 일반 모듈의 스타일이 상속됩니다.
#mod_board td.modtl
#mod_board div.modhead
#mod_board 스팬.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor——메시지 이름 입력 상자
input.#spBCmtURL——메시지 URL 입력 상자
#spBCmtText——메시지 입력 상자
#vercode 입력——인증 코드 입력 상자
#in_send td.f14 입력——메시지 버튼
#in_msg div——메시지 영역
#in_msg a——메시지 영역 링크
#in_msg a:hover——호버 효과
#in_msg div.tit——네티즌 메시지 제목
#in_msg table.item——네티즌 메시지 제목
#in_msg td.index——메시지 일련 번호
#in_msg div.user——메시지 사용자
#in_msg div.user a img——사용자 아바타
#in_msg div.user a:hover img——호버 효과
#in_msg td.cnt——메시지 시간
#in_msg div.desc——메시지 내용
#in_msg div.line -
내 컬렉션을
구분하는 선
#m_cang div.item——본체 색상 크기 설정
#m_cang div.item a——클릭하지 않은 색상 크기 설정
#m_cang div.item a:hover——호버 효과
#m_cang div.item a:visited——방문한 링크
#m_cang div.line - 구분선
히스토그램
.stat td{line-height:22px;color:#333333;font-size:14px}/*누적 방문수 등 글꼴*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px solid #B3B3DC}/*막대 차트의 왼쪽 선*/
.chart div.bar,.chart div.barhl{position:absolute; background:#DCDCF4;border:1px solid #B3B3DC;line-height:0}/*선 열 색상하단 색상*/
.chart div.barhl{Background:#C2C2F4}/*선 열 호버 효과*/
.chart div.liney{position:absolute;border-top:1px dotted #B9B9B9;line-height:0}/*구분선*/
.chart div.titx,.chart div.titxhl,.chart div.tity{position:absolute;color:#666;font-size:9px;font-family:Arial;text -align:center;white-space:nowrap }/*좌표번호*/
.chart div.titxhl{color:#FF0000}/*월의 시작 글꼴 색상*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*선 열 호버 액세스 통계 효과*/
.chart div.tity{text-align:right}
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}/*다음은 분석 설정입니다*/
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}
.stattop .list{margin-top:6px}
.stattop .list td{height:20px}
달력
#mod_cals .modbox - 달력 모듈
#cals——캘린더 기본 배경, 테두리
#mod_cals .modbox td - 글꼴 색상 설정
#m_cals——모듈 배경색 설정
#m_cals div——배경 설정
#cals .cal_body,#cals .cal_mth ——연도 및 월 컨트롤러를 제외한 날짜 부분(주 및 일반 날짜 포함)
#cals .cal_yr 테이블——연도 및 월 테이블
#cals .cal_yr td——*연도, 월 셀
#cals .cal_yr .cal_pre - 이전 달 화살표(일반)
#cals .cal_yr .cal_nxt - 다음 달 화살표(일반)
#cals .cal_yr .cal_pre_ovr - 이전 달 화살표(마우스 오버)
#cals .cal_yr .cal_nxt_ovr - 다음 달 화살표(마우스 오버)
친구의 최신 기사
#mod_friblog .modbox——친구의 최신 기사를 위한 모듈
#m_friblog div.item——친구 이름 본문 색상 크기 설정
#m_friblog div.item a ——클릭하지 않은 친구 이름 색상 크기 설정
#m_friblog div.item a:visited - 친구 이름이 방문한 링크
#m_friblog div.item a.cnt——글 내용 색상 크기
#m_friblog div.item a.cnt:visited - 방문한 기사 콘텐츠에 대한 링크
#m_friblog div.item a.cnt:hover——기사 콘텐츠의 호버 효과
#m_friblog div.line - 구분선
#m_friblog a img——친구 아바타 필터 효과, 기타 필터 효과
#m_friblog a:hover img - 친구 아바타에 대한 마우스 호버 효과