QQ Baidu 템플릿을 모방 할 수있는 마스터 ~

다음은 두 가지 템플릿의 코드입니다. 위에 중국어 설명이 있습니다.1"a: hover {text-decoration: underline; 위치: 상대적; 왼쪽:1px; 맨 위:1px; Clip: rect (); }/* buttonstyle */body {background: # 000000 scroll URL (t/* content */{color: black; 행 높이: 18px! 중요; 줄 바꿈: 하이픈 넣기; Text-justify: 배포; 자간: 5px} # m _ blogdiv.cnt {padding: 20px 5px15px 5px; } # m _ blogdiv.cnt a {color: # e4e9f0; 텍스트-장식: 없음; } # m _ blogdiv.cnt a: hover {color: # 9da0ad; } # m _ blogdiv.cnt a: 활성 {텍스트: (대상 = "_ blank"); } # m _ blogdiv.more {margin: 0px5px3px0; 텍스트 정렬: 오른쪽 정렬; } # m _ blogdiv.morea: link, # m _ blogdiv.morea: visited/* 전체 텍스트 링크 읽기 */{color: # ff6600 } # m _ blogdiv.more a: hover {color: # 777981; } #m_blog div.opt /* 편집, 의견 등 */{margin: 5px5px0px; 색상: # FF6600 텍스트 정렬: 오른쪽 정렬; } #m_blog div.opt a:link, div.opt a: 방문됨 {color: # ff6600; } # m _ blogdiv.opt a: hover {color: # 777981; } # m _ blogdiv.line {디스플레이: 없음; 행 높이: 0px 높이: 0px} #m_blog div.none /* 문장 없음 */{padding:100px0100 색상: # 666; Font-size:14px} # m _ blog.modbox {background: URL ()}/* 최신 설명 영역 */# cmtox 텍스트 들여쓰기: 20px 배경: URL (t {color: # 669900; 텍스트-장식: 없음; } #m_comment div.item a.cnt: 방문됨 {color:# 669900；; } # m _ commentdiv.itema.cnt: hover {color: # 777981; } # m _ commentdiv.line {margin-top: 5px; 행 높이: 8pxborder-top:1pxsolid # 333; }/* 사용자 의견 */# in _ comment/* subject */{width:100%; } # in _ commentdiv.tit/* title */{color: # red; 글꼴 두께: 굵게; Margin-bottom:12px; 채우기: 2px0 0} # in _ commentdiv.f14 {font-size:12px; } #in_comment div.user /* 배포 이름 */{padding-left:10px; 여백-맨 아래: 6px 색상: 빨간색; Font-size:12px} # in _ commentdiv.usera: link, div.usera: visited/* puble Font-size:12px; 텍스트-장식: 없음; } # in _ commentdiv.usera: hover {color: # 3399 cc} # in _ commentdiv.userspan.date/* 출시일 Font-size:11px} # in _ commentdiv.desc/* 설명 내용 */{color: # 80 왼쪽 채우기: 20px 채우기-맨 아래:10px; } # in _ commentdiv.line {line-height:10px; } #in_send div.tit /* 설명 (제목) */{margin:10px010px0; 색상: # FFF；; Font-size:12px; Font-weight:bold} #in_send 표 {padding-left: 5px; } # in _ sendtd {color: # e4e9f0; Font-size:12px; } # in _ send a {color: # ff6600; 글꼴 두께: 굵게; } # in _ send a: hover {color: # 777981; }/* 개인 파일 영역 */# m _ pro {margin-bottom:10px; } # m _ protd {color: # 9da0ad; 행 높이: 24pxfont-size:13px; } # m _ pro a: link, # m _ proa: visited/* link */{color: # 0099ff; 텍스트-장식: 없음; } # m _ proa: hover {color: # 3399cc} # m _ prodiv.image/* 개인 프로필 */{text-align: center Padding-top: 7px; } #m_pro TD img /* 개인 프로필 사진 */{align: center; } #m_pro div.act /* 작업 영역 (예: 친구 추가, 메시지 보내기) */{text-indent:-4px; 보증금-상단:10px; 텍스트 정렬: 가운데; 공백: nowrap} # m _ prodiv.actimg {width:16px; } # m _ prodiv.user {디스플레이: 없음; 색상: # E4E9F0 여백-위쪽: 2px 행 높이: 25px 글꼴 두께: 굵게; 텍스트 정렬: 가운데; } # m _ prodiv.desc {디스플레이: 없음; 색상: # 9da0ad; 텍스트 정렬: 가운데; } #m_pro div.line, div.pline {margin-top:10px; 행 높이: 7pxborder-top:1pxsolid # 333} # m _ prodiv.pitem {color: # e4e9f0; }/* 앨범 영역 */# mod _ album div span {디스플레이: 없음; } # mod _ album {text-align: center; } # m _ albumdiv.image/* photo */{text-align: center; } # m _ albumdiv.php 페이지 {폭:160px; 공백: nowrap 여백-위: 5px} # m _ albumdiv.php page a {color: red; 텍스트-장식: 없음; } # m _ albumdiv.php 페이지 a: hover {color: red; 텍스트-장식: 없음; } # m _ album # cbutimg {폭:18px; }/* 앨범 목록 */# m _ albumlist {margin-top: 20px; 여백-하단: 20px} # m _ album listdiv.note {color: red; Font-size:12px} # m _ albumlistdiv.desc/* 소개 */{color: # 000; Margin-bottom:12px; 채우기: 3px10px1px10px; 행 높이:15px; 배경: # 777981; 테두리: 1px 솔리드 # 9da0ad; } #m_albumlist div.none /* 사진 없음 */{padding:100px0100px0; 색상: # 9da0ad; Font-size:14px} # m _ albumlistdiv.line/* 분할선 */{margin-top:/kloc-; 행 높이:16px; Border-top: 0px} # m _ albumlistdiv.tit/* 사진 제목 */{margin: 6px07px0; 색상: 빨간색; } # m _ albumlistdiv.tit a: 링크/* 사진 제목 링크 */{색상: 레드; } #m_albumlist div.tit a: 액세스됨 {color:red；; } # m _ album listdiv.tit a: hover */{ color:blue；} # m _ album listspan.count/* 사진 수 */{color } #m_albumlist span.size /* 사진 크기 */{color: blue; } # m _ album list a.act: link, a.act: visited/* Edit, delete */{color: red; } # m _ albumlist a.act: hover {color: red} # m _ albumlist # page {color: blue; } # m _ album list # page a: 링크, # m _ album list # page a: 방문한/* 페이지 링크 */{color: green; Font-size:13px} # m _ album list div TD a: link img {border:1px solid # } # m _ album list div TD a:hover img {필터: 흐림 (강도: 5, 방향:135); } # m _ album listdiv.phimg {padding-top: 25; 채우기-맨 아래: 30; 텍스트 정렬: 가운데; } # m _ albumlistdiv.phinfo {color: # e4e9f0; 텍스트 정렬: 가운데; 패드 맨 위: 5px} # m _ albumlistdiv.phppage {color: 3399cc; 글꼴 두께: 굵게; 텍스트 정렬: 가운데; }/* 우정 링크 영역 */# m _ linksdiv.item {color: # 9da0ad; 텍스트 들여쓰기:1px; 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/646 fc95 ce9b04142 fbf2c0ab.jb

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/646 fc95 ce9b04/kloc-0

)10px5px 를 반복하지 않습니다. } # m _ linksdiv.item a {color: # e4e9f0; Text-decoration: none} # m _ linksdiv.itema: 방문됨 {color: # e4e9f0} # m _ linksdiv.line 행 높이: 8pxborder-top:1pxsolid # 333} # m _ links div img {vertical-align: text-boot } #m_links br{}/* 문장 분류 */# m _ artclgdiv.item {color: red; 텍스트 들여쓰기: 21px; 문자 간격: 2px 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/81e703f40fd3/kloc

) 없음-반복10 2; } # m _ artclgdiv.item a {color: red; Text-decoration: none} # m _ artclgdiv.item a: visited {color: red; } # m _ artclgdiv.line {margin-top: 5px; 행 높이: 8pxborder-top:1pxsolid # 333; } 최근 방문객 # m _ track {color:red；; Font-size:12px} #m_track a: 링크, # m _ tracka: 액세스됨 {color:red；; } #m_track a:hover{color:red} 최근 방문객 목록/* 친구 */# m _ friend {margin-top: 20px; } # m _ frienddiv.filter {margin-bottom:10px; 왼쪽 채우기:10px; Padding-top:10px; 높이: 27px line-height: 27px} # m _ frienddiv.catalog {margin-bottom:10px; 왼쪽 채우기:10px; 높이: 27px 행 높이: 27pxfont-size:14px} # m _ frienddiv.user {margin-top: 4px; 색상: # 777; Font-size:12px} # m _ frienddiv.usera: link, # m _ frienddiv.usera: visited/* } # m _ frienddiv.usera: hover {color: # 3399cc} # m _ frienddiv.line/* 분할선 */{margin} 행 높이:16px; Border-top:1pxsolid # CCC}/* 액세스 통계 및 템플릿 설정 설정 설정 */# m _ setting/* subject */{color * 텍스트 정렬: 가운데; } #m_setting 테이블 {폭: 98%! 중요; } # m _ settinga: link/* link */{색상: red} # m _ settinga: visited/* link */{color M _ setting img.sel/* 템플릿 미리 보기 (선택됨) * {border: 4px solid red} # m _ settingimg.unsel/* 템플릿 미리 보기 (없음 Padding-top: 6px; } #m_setting div{color:green! 중요; 패드 맨 위: 5px} # m _ settingdiv.f12 {text-align: left; 왼쪽 채우기:15px; } # m _ settingspan.f12 {font-weight: bold; } # m _ settingdiv.f14 {color: # e4e9f0! 중요; Font-size:12px; } #m_setting span.sel /* "현재 템플릿" */{color: red; Padding-top: 6px; 글꼴 두께: 굵게; } #m_setting span.tit /* 템플릿 제목 이름 */{font-size:13px; 색상: 빨간색; 행 높이: 30px} #m_setting span.usr /* 작성자 이름 */{색상: blue} # m _ settingsdiv.line/* 분계선 * 행 높이:16px; Border-top:1pxsolid # 666}/* 시스템 공지 */# m _ sysinfo {line-height: 22px; 색상: # 9da0ad; 왼쪽 채우기: 25px 보증금-하단:15px; } #m_sysinfo a:link, # m _ sysinfo a: visited {color: # 0099ff} # m _ sysinfo span.new { Font-size:10px; } # m _ sysinfospan.date {color: # 9 da0ad; }/* 기본 옵션 */# m _ setbase {color: # 9 da0ad; 폭: 80%; 왼쪽 채우기: 20px} # m _ setbasediv.item {padding-left: 0px; } #m_setbase div.item_desc, div.item _ error {color: # 777981; } # m _ setbasetd {color: # 9da0ad; } # m _ setbasediv.line {margin-top: 5px; 행 높이: 8pxborder-top:1pxsolid # 999}/* 기타 영역 (예: 교통 흐름 등) */# comm _ info {color: 텍스트 정렬: 아래; 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/9b9579d9eb673c2e1/kloc-

) 없음-반복; } # comm _ infodiv.line {margin-top: 50px; 행 높이: 30pxborder-top:0px solid # CCC；; 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/7abc014c9b2238fbd72 AFC/kr

) 중복 중심 바닥 없음; 채우기-하단: 80pxopacity =10} # comm _ infodiv.line {filter: progid: dximagetransform) Microsoft.basicimage (invert =1,그레이스케일 = 0); } # comm _ infoa {디스플레이: 없음; } # comm _ info divimg {display: none} # comm _ infobr {display: none}/pub/date/date. 높이: 30pxfont-size:12px; 텍스트 정렬: 가운데; Padding-top:15px; 글꼴 두께: 굵게; Border-top: 0pxsolid # 9da0ad; } #page a:link /* 이전 및 다음 페이지 */{color: # 9da0ad; } # pagea: 방문한 {color: # 9da0ad} # pagea: hover {color: # 77981}/* 문장 아카이브 */ 텍스트 들여쓰기: 20px 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/646fc95ce9b04142fbf

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/646 fc95 ce9b04/kloc-0

) 없음-반복13 5; } # m _ fileddiv.item a {color: blue; 텍스트-장식: 없음; } #m_filed div.item a: {color: blue} # m _ fileddiv.line {margin-top: 0px; 행 높이: 5px} # m _ prodiv.act {margin-top: 5px; 배경: URL () 중복 맨 아래가 없습니다. 맨 아래: 22px 여백-맨 아래: 6px} 반복되지 않음 맨 아래; 맨 아래: 22px 여백-맨 아래: 6px}/* 맞춤형 모듈 */# m _ mylink1div.item {color: # cc9933; 텍스트 들여쓰기: 20px 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/646fc95ce9b04142fbf

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/ruil/pic/item/646 fc95 ce9b04/kloc-0

) 없음-반복13 5; } # m _ mylink1div.item a {color: # cc9933; Text-decoration: none} # m _ mylink1div.itema: 액세스됨 {color: # cc9933} # m _ 행 높이: 5pxborder-top:1pxsolid # 333} # m _ mylink2div.item {color: # ff/kloc. 텍스트 들여쓰기: 35px 배경: URL (/7lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/77896089f 807d2b1000

) 없음-반복13 5; } # m _ mylink2div.item a {color: # ff1141; Text-decoration: none} # m _ mylink2div.itema: 방문됨 {color: # ff11 행 높이: 5pxborder-top:1pxsolid # 333} # m _ mylink3div.item {color: red; 텍스트 들여쓰기: 20px 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/2be5d61/kloc-)

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/2be 5d61/

) 없음-반복13 5; } # m _ mylink3div.item a {color: red; Text-decoration: none} # m _ mylink3div.itema: 방문됨 {color: # red} # m _ mylink3div.line 행 높이: 5pxborder-top:1pxsolid # 333} # m _ mylink4div.item {color: red; 텍스트 들여쓰기: 20px 배경: URL (/7lswddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/2be5d61/kloc-)

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/2be 5d61/

) 없음-반복13 5; } # m _ mylink4div.item a {color: red; Text-decoration: none} # m _ mylink4div.item a: 방문됨 {color: red} # m _ mylink4div.line { 행 높이: 5pxborder-top:1pxsolid # 333} # m _ search {color: red; Font-size:14px; } # m _ searchinput.text {color: red; Font-size:12px; } # m _ searchinput.radio {background-color: red; } # m _ searchinput.submit {color: # red; Font-size:12px; } # mod _ bgmusic {background: URL (/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/52 b9e703d32

) no-repeat} # phx {filter: alpha (opacity = 0)} # mod _ BG music div span {display: none; } player # phx {폭:100%; 여백: 0px0px-65px0px; } # mod _ bgmusic {height: 295px; } # phx {filter: 알파 (opacity = 5, FinishOpacity = 36, Style=0, StartX=20, StartY=40 = 너비: 402px 높이: 295px}/*DIY 플레이어 조절 막대 */2 "A: hover {text-decoration: 밑줄; 위치: 상대적; 왼쪽:1px; 맨 위:1px; Clip: rect (); }/* buttonstyle */body {background: # 000000 scroll URL (/7lswdw5 _ xn3 otqbpnn 2d JV/52 wula/pic)

) 없음-반복; 오버플로우: 자동; } body {cursor: URL/* (/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/676070602 f730346 ebf8 E3

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/676070602 f730346 ebf8 f8e3 ..

) */(/I/bbsbhs/upfile/upattachment/2006-11/2006/kloc-; } a: hover {cursor: URL/* (/I/bbsbhs/upfile/upattachment/2006-1/kloc Up attachment/2006-11/0} div, TD, span, font, a {font-family} 왼쪽: 47px 폭:100px; 높이: 300px 배경: 스크롤 URL () no-repeat 0px 0px; } #header div.lc /* 왼쪽 배경 */{폭: 50px! 중요; 맨 위: 0px; 왼쪽:-56px; 배경: 스크롤 URL () 이 반복되지 않습니다. } #header div.rc /* 오른쪽 배경 */{폭: 200px! 중요; 맨 위: 0px; 왼쪽: 810px; 배경: 스크롤 웹 사이트 (/7lswddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/b469cf2 af723e699033bf63b.jpg

) 없음-반복; } #header div.tit /* 공간 이름 */{폭: 745px! 중요; 높이: 33pxtop:0px；; 왼쪽: 0pxfont-size:15px; 왼쪽 채우기:15px; Padding-top: 9px; 글꼴 두께: 굵게; 공백: nowrap 배경: 스크롤 URL () repeat-x0px0px; 필터: 그림자 (색상: # ff6600, direction =135)} # headerdiv.desc/* 공간 입문 */{폭] 중요; 맨 위: 20px; 왼쪽: 200px 색상: wight 왼쪽 채우기: 40px 배경: 스크롤 URL () 0px-12px 를 반복하지 않습니다. 필터: 광선 (색상: #9DA0AD, 강도 = 3); 공백: nowrap} #header div.tit a.titlink, a.titlink:hover, a.titlink: 방문한 {color:# FFF；: 텍스트-장식: 없음; } #tab{width: 100px! 중요; 맨 위: 80px; 왼쪽: 735px 텍스트 들여쓰기:-20; } # tab a.on, # tab a.on: link, # tab a.on: visited, # taba.on: hover/* select */ 너비: 68px 색상: # 9da0ad; Font-size:12px; 배경: 스크롤 URL (/7lswddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/eab011d/;

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/eab01;

) 없음-0px 0px 필터 반복: 알파 (불투명도 = 80); } #tab a:link, # Taba: visited/* unchecked */{color: # 9da0ad; 텍스트 정렬: 가운데; 너비: 68px 텍스트-장식: 없음; Font-size:12px; 행 높이: 30px 배경: 스크롤 URL (/7lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/eab01/kloc-0)

"target =" _ blank ">/7 lsw ddw5 _ xn3 otqbppnn2 djv/52 wula/pic/item/eab01;

) 없음-반복; 필터: 알파 (불투명도 = 60); } # Taba: hover {color: # 9da0ad; 텍스트-장식: 없음; Font-size:12px; 필터: 흐림 (강도: 20)} # tabspan {디스플레이: 없음; } # tabline {디스플레이: 없음; } # tab2 {위치: 절대! 중요; 맨 위:15px; 왼쪽:180px; } #tab2 a: 링크, #tab2 a: 액세스됨 {배경: # 7b7c86} # basicset {position: absolute! 수입

上篇: 고 1 우수 실천 활동 교안. 下篇: 개 사냥 복권