| Tiêu Đề:------------------------------------------------------------------------- | | | | | | | |
- Code:
/* phpBB 3.0 Style Sheet -------------------------------------------------------------- Style name: Autinhyeu Based on style: subSilver (the default phpBB 2 style) Original author: subBlue ( http://www.subBlue.com/ ) Modified by: Autinhyeu (http://www.autinhyeu.com) Copyright 2008 Autinhyeu ( http://www.autinhyeu.com ) -------------------------------------------------------------- */
/* Layout ------------ */ * { /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; }
html { font-size: 100%; }
body { /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: black; background-color: #BDBEBD; font-size: 8pt; /* This sets the default font size to be equivalent to 10px */ margin: auto; padding: 0; background-color: white; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/nen-1.gif'); background-attachment:fixed; }
#wrapheader { height: 260px;
width: 922px; margin: 0 auto; padding: 10px 10px; background-color: white; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/banner-1.jpg'); }
#wrapcentre { margin: 0 auto; width: 922px; padding: 10px 10px; background-color: white;
}
#wrapfooter { text-align: center; height:100px; clear: both; margin: 0 auto; width: 922px; background-color: white; padding: 10px 10px; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/banercuoi.jpg'); }
#wrapnav { width: 900px; padding: 10px 10px; margin: 0 auto; background-color: white; border-width: 1px; border-style: solid; border-color: #A9B8C2; }
#logodesc { margin-bottom: 5px; padding: 5px 25px; background: #FFFFFF; border-bottom: 1px solid #4787A7; }
#menubar { margin: 0 25px; }
#menubottom { margin: 0 25px; }
#datebar { margin: 10px 25px 0 25px; }
#findbar { width: 100%; margin: 0; padding: 0; border: 0; }
.forumrules { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #ffffff; padding: 4px; font-weight: normal; font-size: 1.1em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.forumrules h3 { color: white; }
#pageheader { } #pagecontent { } #pagefooter { }
#poll { } #postrow { } #postdata { }
/* Text --------------------- */ h1 { color: black; font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 1.8em; text-decoration: none; }
h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; text-decoration: none; line-height: 120%; }
h3 { font-size: 1.3em; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 120%; }
h4 { margin: 0; font-size: 1.1em; font-weight: bold; }
p { font-size: 1.1em; }
p.moderators { margin: 0; float: left; color: black; font-weight: bold; }
.rtl p.moderators { float: right; }
p.linkmcp { margin: 0; float: right; white-space: nowrap; }
.rtl p.linkmcp { float: left; }
.redbar { margin: 0; text-align:center; font-weight: bold; font-size: 1.1em; } p.breadcrumbs { margin: 0; color: black; font-weight: bold; white-space: normal; font-size: 1.2em; margin-top: 0px; padding-left: 50px; background: url(http://i1181.photobucket.com/albums/x433/pkrajn/icon179.gif) top left no-repeat; height: 75px; width: 100%; }
.rtl p.breadcrumbs { float: right; }
p.datetime { margin: 0; float: right; white-space: nowrap; font-size: 1em; }
.rtl p.datetime { float: left; }
p.searchbar { padding: 2px 0; white-space: nowrap; }
p.searchbarreg { margin: 0; float: right; white-space: nowrap; }
.rtl p.searchbarreg { float: left; }
p.forumdesc { padding-bottom: 4px; }
p.topicauthor { margin: 1px 0; }
p.topicdetails { margin: 1px 0; }
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active { margin: 1px 0; color: red; font-weight:bold; }
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active { color: #0099FF; font-weight:bold; }
.postapprove img, .postreported img { vertical-align: bottom; }
.postauthor { color: #000000; font-family: Comic sans ms, tahoma, arial; background: url(http://megapic.vn/images/37308049257608132582.gif);} }
.postdetails { color: #000000; border: 1px dashed #FF6C00; padding: 5px;width: 300px; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/bangthanhvien.jpg') }
.postbody { font-size: 1.2em; line-height: 1.4em; font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000000;
}
.postbody li, ol, ul { margin: 0 0 0 1.5em; }
.rtl .postbody li, .rtl ol, .rtl ul { margin: 0 1.5em 0 0; }
.posthilit { background-color: yellow; }
.nav { margin: 0; color: black; font-weight: bold; }
.pagination { padding: 4px; color: black; font-size: 1em; font-weight: bold; }
.cattitle {
}
.gen { margin: 1px 1px; font-size: 1.2em; }
.genmed { margin: 1px 1px; font-size: 1.1em; }
.gensmall { margin: 1px 1px; font-size: 1em; }
.copyright { color: black; font-weight: normal; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.titles { font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; text-decoration: none; }
.error { color: red; }
/* Tables ------------ */ th { color:#404040; background-color: white; background-image: url('') height: 24px; white-space: nowrap; padding: 4px 5px; }
td { padding: 2px; } td.profile { padding: 4px; }
.tablebg { background-color: #ffbfbf; color: #000000; border: 3px solid #ffbfbf; }
.catdiv { height: 28px; margin: 0; padding: 0; border: 0; background: white url('http://i1181.photobucket.com/albums/x433/pkrajn/thread-head.png') repeat-y scroll top left; } .rtl .catdiv { background: white url('http://i1181.photobucket.com/albums/x433/pkrajn/thread-head.png') repeat-y scroll top right; }
.cat { color: #666666; height: 45px; font-size: 1.3em margin: 0; padding: 0; border: 0; background-color: #ffffff; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/cat-1.jpg'); text-indent: 4px; }
.na { color: #0000FF; height: 28px; margin: 0; padding: 0; border: 0; background-color: #C7D0D7; background-image: url(''); text-indent: 4px; }
.row1 { background-color: white; padding: 4px; background-image: url('') }
.autinhyeu { background-color: black; color: #404040; text-align:center; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/cat2-1.jpg'); padding: 4px; height: 29px; font-size: 1.0em }
.row2 { background-color: white;
padding: 4px; }
.row3 { background-color: #ffffff; padding: 4px; }
.spacer { background-color: black; height: 11px; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/thread-head.png'); }
hr { height: 1px; border-width: 0; background-color: #D1D7DC; color: #D1D7DC; }
.legend { text-align:center; margin: 0 auto; }
/* Links ------------ */ a:link { color:#008040; text-decoration: none; font-weight: bold; }
a:active, a:visited { color:#008040; text-decoration: none; font-weight: bold; }
a:hover { color:#008040; text-decoration: underline; }
a.forumlink { color:#008040; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 1.4em; }
a.aulove { color: #404040; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; }
a.topictitle { margin: 1px 0; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; }
a.topictitle:visited { color:#0000FF; }
th a, th a:visited { color: #FFFFFF !important; text-decoration: none; }
th a:hover { color:#0000FF; text-decoration: underline; }
/* Form Elements ------------ */ form { margin: 0; padding: 0; border: 0; }
input { color: #333333; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; padding: 1px; border: 1px solid black; background-color: white; }
textarea { background-color: white; color: black; font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; font-weight: normal; border: 1px solid #A9B8C2; padding: 2px; }
select { color: #333333; background-color: #FAFAFA; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; border: 1px solid #A9B8C2; padding: 1px; }
option { padding: 0 1em 0 0; }
option.disabled-option { color: graytext; }
.rtl option { padding: 0 0 0 1em; }
input.radio { border: none; background-color: transparent; }
.post { background-color: white; border-style: solid; border-width: 1px; border-color: black; }
.btnbbcode { color: #000000; font-weight: normal; font-size: 1.1em; font-family: Tahoma, Verdana, Helvetica, sans-serif; background-color: white; border: 1px solid black; }
.btnmain { font-weight: bold; background-color: white; border: 1px solid black; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnlite { font-weight: normal; background-color: white; border: 1px solid black; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnfile { font-weight: normal; background-color: white; border: 1px solid black; padding: 1px 5px; font-size: 1.1em; }
.helpline { background-color: white; border-style: none; }
/* BBCode ------------ */ .quotetitle, .attachtitle { margin: 10px 5px 0 5px; padding: 4px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #bfbfbf; color: black; background-color: black; background-image: url('http://d.f5.photo.zdn.vn/upload/original/2011/02/21/19/25/12982911042050992155.jpg');
font-size: 0.95em; font-weight: bold;
}
.quotetitle .quotetitle { font-size: 1em; }
.quotecontent, .attachcontent { margin: 0 5px 10px 5px; padding: 5px; border-color: #bfbfbf; border-width: 0 1px 1px 1px; border-style: solid; font-weight: normal; font-size: 1em; line-height: 1.4em; font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; background-color: white;
color: #666666;
}
.attachcontent { font-size: 0.85em; }
.codetitle { margin: 10px 5px 0 5px; padding: 2px 4px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #bfbfbf; color: black; background-color: #808000; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 0.97em; background-image: url('http://d.f5.photo.zdn.vn/upload/original/2011/02/21/19/25/12982911042050992155.jpg');
}
.codecontent { direction: ltr; margin: 0 5px 10px 5px; padding: 5px; border-color: #bfbfbf; border-width: 0 1px 1px 1px; border-style: solid; font-weight: normal; color: #404040; font-size: 0.97em; font-family: Tahoma, Monaco, 'Courier New', monospace; background-color: white; }
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Private messages ------------------ */ .pm_marked_colour { background-color: #000000; }
.pm_replied_colour { background-color: #A9B8C2; }
.pm_friend_colour { background-color: #007700; }
.pm_foe_colour { background-color: #DD0000; }
/* Misc ------------ */ img { border: none; }
.sep { color: black; background-color: #FFA34F; }
table.colortable td { padding: 0; }
pre { font-size: 1.1em; font-family: Tahoma, Monaco, 'Courier New', monospace; }
.nowrap { white-space: nowrap; }
.username-coloured { background: url('http://i1181.photobucket.com/albums/x433/pkrajn/member.gif') center left no-repeat; width: 21px; height: 86px; padding-left: 15px; font-weight: normal; font-size: 1.1em }
.subforum.read { color: #009900; background: url(http://caobangteen.com/forum/images/icons/cbqt3.gif) center left no-repeat; padding-left: 21px; font-size: 1.1em; font-weight:
}
.subforum.unread { color: #009900; background: url(http://caobangteen.com/forum/images/icons/cbqt3.gif) center left no-repeat; padding-left: 21px; font-size: 1.1em; font-weight:
}
.button2 { color: #000000; background-image: url('http://cA3.upanh.com/10.593.14730857.ZPN0/nm.jpg'); }
demo 2 bản bo viền forum và hiệu ứng tim rơi
- Code:
/* phpBB 3.0 Style Sheet -------------------------------------------------------------- Style name: Autinhyeu Based on style: subSilver (the default phpBB 2 style) Original author: subBlue ( http://www.subBlue.com/ ) Modified by: Autinhyeu (http://www.autinhyeu.com) Copyright 2008 Autinhyeu ( http://www.autinhyeu.com ) -------------------------------------------------------------- */
/* Layout ------------ */ * { /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; }
html { font-size: 100%; }
body { /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color: black; background-color: #BDBEBD; font-size: 8pt; /* This sets the default font size to be equivalent to 10px */ margin: auto; padding: 0; background-color: white; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/nen-1.gif'); background-attachment:fixed; }
#wrapheader { height: 260px;
width: 922px; margin: 0 auto; padding: 10px 10px; background-color: white; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/banner-1.jpg'); }
#wrapcentre { margin: 0 auto; width: 922px; padding: 10px 10px; background-color: white;
}
#wrapfooter { text-align: center; height:100px; clear: both; margin: 0 auto; width: 922px; background-color: white; padding: 10px 10px; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/banercuoi.jpg'); }
#wrapnav { width: 900px; padding: 10px 10px; margin: 0 auto; background-color: white; border-width: 1px; border-style: solid; border-color: #A9B8C2; }
#logodesc { margin-bottom: 5px; padding: 5px 25px; background: #FFFFFF; border-bottom: 1px solid #4787A7; }
#menubar { margin: 0 25px; }
#menubottom { margin: 0 25px; }
#datebar { margin: 10px 25px 0 25px; }
#findbar { width: 100%; margin: 0; padding: 0; border: 0; }
.forumrules { background-color: #ffffff; border-width: 1px; border-style: solid; border-color: #ffffff; padding: 4px; font-weight: normal; font-size: 1.1em; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.forumrules h3 { color: white; }
#pageheader { } #pagecontent { } #pagefooter { }
#poll { } #postrow { } #postdata { }
/* Text --------------------- */ h1 { color: black; font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 1.8em; text-decoration: none; }
h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; text-decoration: none; line-height: 120%; }
h3 { font-size: 1.3em; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 120%; }
h4 { margin: 0; font-size: 1.1em; font-weight: bold; }
p { font-size: 1.1em; }
p.moderators { margin: 0; float: left; color: black; font-weight: bold; }
.rtl p.moderators { float: right; }
p.linkmcp { margin: 0; float: right; white-space: nowrap; }
.rtl p.linkmcp { float: left; }
.redbar { margin: 0; text-align:center; font-weight: bold; font-size: 1.1em; } p.breadcrumbs { margin: 0; color: black; font-weight: bold; white-space: normal; font-size: 1.2em; margin-top: 0px; padding-left: 50px; background: url(http://i1181.photobucket.com/albums/x433/pkrajn/icon179.gif) top left no-repeat; height: 75px; width: 100%; }
.rtl p.breadcrumbs { float: right; }
p.datetime { margin: 0; float: right; white-space: nowrap; font-size: 1em; }
.rtl p.datetime { float: left; }
p.searchbar { padding: 2px 0; white-space: nowrap; }
p.searchbarreg { margin: 0; float: right; white-space: nowrap; }
.rtl p.searchbarreg { float: left; }
p.forumdesc { padding-bottom: 4px; }
p.topicauthor { margin: 1px 0; }
p.topicdetails { margin: 1px 0; }
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active { margin: 1px 0; color: red; font-weight:bold; }
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active { color: #0099FF; font-weight:bold; }
.postapprove img, .postreported img { vertical-align: bottom; }
.postauthor { color: #000000; font-family: Comic sans ms, tahoma, arial; background: url(http://megapic.vn/images/37308049257608132582.gif);} }
.postdetails {border: 1px solid #000000; padding: 4px; background-color: #white; } }
.postbody { font-size: 1.2em; line-height: 1.4em; font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000000;
}
.postbody li, ol, ul { margin: 0 0 0 1.5em; }
.rtl .postbody li, .rtl ol, .rtl ul { margin: 0 1.5em 0 0; }
.posthilit { background-color: yellow; }
.nav { margin: 0; color: black; font-weight: bold; }
.pagination { padding: 4px; color: black; font-size: 1em; font-weight: bold; }
.cattitle {
}
.gen { margin: 1px 1px; font-size: 1.2em; }
.genmed { margin: 1px 1px; font-size: 1.1em; }
.gensmall { margin: 1px 1px; font-size: 1em; }
.copyright { color: black; font-weight: normal; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.titles { font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; text-decoration: none; }
.error { color: red; }
/* Tables ------------ */ th { color:#404040; background-color: white; background-image: url('') height: 24px; white-space: nowrap; padding: 4px 5px; }
td { padding: 2px; } td.profile { padding: 4px; }
.tablebg { background-color: #ffbfbf; color: #000000; border: 3px solid #ffbfbf; }
.catdiv { height: 28px; margin: 0; padding: 0; border: 0; background: white url('http://i1181.photobucket.com/albums/x433/pkrajn/thread-head.png') repeat-y scroll top left; } .rtl .catdiv { background: white url('http://i1181.photobucket.com/albums/x433/pkrajn/thread-head.png') repeat-y scroll top right; }
.cat { color: #666666; height: 45px; font-size: 1.3em margin: 0; padding: 0; border: 0; background-color: #ffffff; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/cat-1.jpg'); text-indent: 4px; }
.na { color: #0000FF; height: 28px; margin: 0; padding: 0; border: 0; background-color: #C7D0D7; background-image: url(''); text-indent: 4px; }
.row1 { background-color: white; padding: 4px; background-image: url('') }
.autinhyeu { background-color: black; color: #404040; text-align:center; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/cat2-1.jpg'); padding: 4px; height: 29px; font-size: 1.0em }
.row2 { background-color: white;
padding: 4px; }
.row3 { background-color: #ffffff; padding: 4px; }
.spacer { background-color: black; height: 11px; background-image: url('http://i1181.photobucket.com/albums/x433/pkrajn/thread-head.png'); }
hr { height: 1px; border-width: 0; background-color: #D1D7DC; color: #D1D7DC; }
.legend { text-align:center; margin: 0 auto; }
/* Links ------------ */ a:link { color:#008040; text-decoration: none; font-weight: bold; }
a:active, a:visited { color:#008040; text-decoration: none; font-weight: bold; }
a:hover { color:#008040; text-decoration: underline; }
a.forumlink { color:#008040; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 1.4em; }
a.aulove { color: #404040; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; }
a.topictitle { margin: 1px 0; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; }
a.topictitle:visited { color:#0000FF; }
th a, th a:visited { color: #FFFFFF !important; text-decoration: none; }
th a:hover { color:#0000FF; text-decoration: underline; }
/* Form Elements ------------ */ form { margin: 0; padding: 0; border: 0; }
input { color: #333333; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; padding: 1px; border: 1px solid black; background-color: white; }
textarea { background-color: white; color: black; font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; font-weight: normal; border: 1px solid #A9B8C2; padding: 2px; }
select { color: #333333; background-color: #FAFAFA; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; border: 1px solid #A9B8C2; padding: 1px; }
option { padding: 0 1em 0 0; }
option.disabled-option { color: graytext; }
.rtl option { padding: 0 0 0 1em; }
input.radio { border: none; background-color: transparent; }
.post { background-color: white; border-style: solid; border-width: 1px; border-color: black; }
.btnbbcode { color: #000000; font-weight: normal; font-size: 1.1em; font-family: Tahoma, Verdana, Helvetica, sans-serif; background-color: white; border: 1px solid black; }
.btnmain { font-weight: bold; background-color: white; border: 1px solid black; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnlite { font-weight: normal; background-color: white; border: 1px solid black; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnfile { font-weight: normal; background-color: white; border: 1px solid black; padding: 1px 5px; font-size: 1.1em; }
.helpline { background-color: white; border-style: none; }
/* BBCode ------------ */ .quotetitle, .attachtitle { margin: 10px 5px 0 5px; padding: 4px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #bfbfbf; color: black; background-color: black; background-image: url('http://d.f5.photo.zdn.vn/upload/original/2011/02/21/19/25/12982911042050992155.jpg');
font-size: 0.95em; font-weight: bold;
}
.quotetitle .quotetitle { font-size: 1em; }
.quotecontent, .attachcontent { margin: 0 5px 10px 5px; padding: 5px; border-color: #bfbfbf; border-width: 0 1px 1px 1px; border-style: solid; font-weight: normal; font-size: 1em; line-height: 1.4em; font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif; background-color: white;
color: #666666;
}
.attachcontent { font-size: 0.85em; }
.codetitle { margin: 10px 5px 0 5px; padding: 2px 4px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #bfbfbf; color: black; background-color: #808000; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 0.97em; background-image: url('http://d.f5.photo.zdn.vn/upload/original/2011/02/21/19/25/12982911042050992155.jpg');
}
.codecontent { direction: ltr; margin: 0 5px 10px 5px; padding: 5px; border-color: #bfbfbf; border-width: 0 1px 1px 1px; border-style: solid; font-weight: normal; color: #404040; font-size: 0.97em; font-family: Tahoma, Monaco, 'Courier New', monospace; background-color: white; }
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }
/* Private messages ------------------ */ .pm_marked_colour { background-color: #000000; }
.pm_replied_colour { background-color: #A9B8C2; }
.pm_friend_colour { background-color: #007700; }
.pm_foe_colour { background-color: #DD0000; }
/* Misc ------------ */ img { border: none; }
.sep { color: black; background-color: #FFA34F; }
table.colortable td { padding: 0; }
pre { font-size: 1.1em; font-family: Tahoma, Monaco, 'Courier New', monospace; }
.nowrap { white-space: nowrap; }
.username-coloured { background: url('http://i1181.photobucket.com/albums/x433/pkrajn/member.gif') center left no-repeat; width: 21px; height: 86px; padding-left: 15px; font-weight: normal; font-size: 1.1em }
.subforum.read { color: #009900; background: url(http://caobangteen.com/forum/images/icons/cbqt3.gif) center left no-repeat; padding-left: 21px; font-size: 1.1em; font-weight:
}
.subforum.unread { color: #009900; background: url(http://caobangteen.com/forum/images/icons/cbqt3.gif) center left no-repeat; padding-left: 21px; font-size: 1.1em; font-weight:
}
.button2 { color: #000000; background-image: url('http://cA3.upanh.com/10.593.14730857.ZPN0/nm.jpg'); }
- Code:
[tim]{TEXT}[/tim]
- Code:
<script> var pictureSrc ="http://i380.photobucket.com/albums/oo245/nangtanphai/sao.gif"; //the location of the snowflakes var pictureWidth = 20; //the width of the snowflakes var pictureHeight = 20; //the height of the snowflakes var numFlakes = 10; //the number of snowflakes var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms) var lrFlakes = 10; //the speed that the snowflakes should swing from side to side
if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }
//draw the snowflakes for( var x = 0; x < numFlakes; x++ ) { if( document.layers ) { //releave NS4 bug document.write('<layer id="snFlkDiv'+x+'"><img src="'+pictureSrc+'" height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*" border="0"></layer>'); } else { document.write('<div style="position:absolute;" id="snFlkDiv'+x+'"><img src="'+pictureSrc+'" height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*" border="0"></div>'); } }
//calculate initial positions (in portions of browser window size) var xcoords = new Array(), ycoords = new Array(), snFlkTemp; for( var x = 0; x < numFlakes; x++ ) { xcoords[x] = ( x + 1 ) / ( numFlakes + 1 ); do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() ); } while( typeof( ycoords[snFlkTemp] ) == 'number' ); ycoords[snFlkTemp] = x / numFlakes; }
//now animate function flakeFall() { if( !getRefToDivNest('snFlkDiv0') ) { return; } var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0; //find screen settings for all variations. doing this every time allows for resizing and scrolling if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else { if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else { if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } } if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else { if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop; scrollWidth = document.body.scrollLeft; } else { if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { scrollHeight = document.documentElement.scrollTop; scrollWidth = document.documentElement.scrollLeft; } } } //move the snowflakes to their new position for( var x = 0; x < numFlakes; x++ ) { if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; } var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; } if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0; divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix; divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - ( pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * ( Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x] ) ) ) ) + scrollWidth ) + oPix; ycoords[x] += downSpeed; } }
//DHTML handlers function getRefToDivNest(divName) { if( document.layers ) { return document.layers[divName]; } //NS4 if( document[divName] ) { return document[divName]; } //NS4 also if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera) if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4 return false; }
window.setInterval('flakeFall();',100);</script>
bài viết mới:
chuyên mục
chuyên mục con
chuyên mục khoá
baner cuối dành cho ai muốn để số điện thoại quảng cáo
| | | | | | | | | | | |