JS脚本定制内容:
<script type="text/javascript">
document.getElementById("MainStyle").disabled = true;
function refineStyle() {
var form1 = document.getElementById("Form1");
var wrapperLeft = document.createElement("div");
wrapperLeft.setAttribute('class', 'wrapperLeft');
var wrapperRight = document.createElement("div");
wrapperRight.setAttribute('class', 'wrapperRight');
form1.appendChild(wrapperLeft);
form1.appendChild(wrapperRight);
wrapperLeft.className = "wrapperLeft";
wrapperRight.className = "wrapperRight";
}
function highlightWord(node,word) {
// Iterate into this nodes childNodes
if (node.hasChildNodes) {
var hi_cn;
for (hi_cn=0;hi_cn<node.childNodes.length;hi_cn++) {
highlightWord(node.childNodes[hi_cn],word);
}
}
// And do this node itself
if (node.nodeType == 3) { // text node
tempNodeVal = node.nodeValue.toLowerCase();
tempWordVal = word.toLowerCase();
if (tempNodeVal.indexOf(tempWordVal) != -1) {
pn = node.parentNode;
if (pn.className != "highlight") {
// word has not already been highlighted!
nv = node.nodeValue;
ni = tempNodeVal.indexOf(tempWordVal);
// Create a load of replacement nodes
before = document.createTextNode(nv.substr(0,ni));
docWordVal = nv.substr(ni,word.length);
after = document.createTextNode(nv.substr(ni+word.length));
hiwordtext = document.createTextNode(docWordVal);
hiword = document.createElement("span");
hiword.className = "highlight";
hiword.appendChild(hiwordtext);
pn.insertBefore(before,node);
pn.insertBefore(hiword,node);
pn.insertBefore(after,node);
pn.removeChild(node);
}
}
}
}
function searchHighlight() {
if (!document.createElement) return;
ref = document.referrer;
if (ref.indexOf('?') == -1 || ref.indexOf('http://blog.run2me.com/geniusleft/') != -1) {
ref = document.location.href;
if (ref.indexOf('?') == -1) return;
}
qs = ref.substr(ref.indexOf('?')+1);
qsa = qs.split('&');
for (i=0;i<qsa.length;i++) {
qsip = qsa[i].split('=');
if (qsip.length == 1) continue;
if (qsip[0] == 'q' || qsip[0] == 'p' || qsip[0] == 'wd' || qsip[0] == 'w' ) { // keyword refer: q= for Google or for msn, p= for Yahoo, wd= for baidu, w= for QQ
words = unescape(qsip[1].replace(/\+/g,' ')).split(/\s+/);
for (w=0;w<words.length;w++) {
highlightWord(document.getElementsByTagName("body")[0],words[w]);
}
}
}
}
function onPageLoaded(){
refineStyle();
searchHighlight();
}
window.onload = onPageLoaded;</script>
CSS样式内容:
span.highlight { background-color:Yellow; padding: 0 0.5em 0 0.5em; font-weight:bold; }
* {margin: 0; padding: 0;}
.wrapperLeft {position: absolute; width: 156px; top:0; left: 50%; height:650px; margin-left: -546px;background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_wrapperLeft.jpg) 0 0 no-repeat; text-align: center;}
.pagelayout {width: 780px; margin: 0 auto;text-align: left;}
.footer {clear: both; padding-top:40px; padding-left:350px; margin: 30px 0 16px 0;background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_footer.gif) 0 0 no-repeat; color: #4B9807; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;}
body {background: #fff url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_body.jpg) 0 0 repeat-x; color: #343434; font-size: 11px; line-height: 18px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;}
img {border: 0;}
a {color: #4B9807;outline: none;}
a:hover {text-decoration: none;}
.clear {clear: both;}
.wrapperRight {width: 156px; height:650px; top:0;position:absolute; left:877px; background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_wrapperRight.jpg) 100% 0 no-repeat;}
#header { background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_header.jpg) 0 0 no-repeat; text-align:center;position: relative; height: 185px;}
#Header1_HeaderTitle {line-height:500%; vertical-align:text-bottom; font-size:24px;height:30px; display:block; padding-top:1em;font-weight:bold;font-style:normal; margin-bottom:-2em;}
#header span { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; color:steelblue; font-style:italic; margin:0;}
#menu {float: left; display: inline; background: #fff url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_content.jpg) 0 0 no-repeat;width: 240px; padding: 2em 0 0 1em;}
#main {padding: 20px 0 0 0;background: #fff url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_content.jpg) 100% 0 no-repeat;float: right; display: inline; width: 529px;}
#menu h1, #menu .listtitle, #menu h3{padding: 9px 0 15px 25px; background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_dpLeft.gif) 0 0 no-repeat; color: #fff; font-weight: bold; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif;}
#menu h1 a, #menu .listtitle a, #menu h3 a{padding-left: 2em;}
#menu ul{margin: 10px 16px 10px 27px; padding: 0; list-style-type: none; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;}
#menu li {border-bottom: 1px solid #ADD789;}
#menu li a {display: block; margin: 0; padding: 8px 0 8px 20px; background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_green_arrow.gif) 0 11px no-repeat; color: #176807; text-decoration: none;}
#menu li a#MyLinks1_XMLLink{display:none;}
#menu li a:hover {background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_green_arrow.gif) 3px 11px no-repeat; text-decoration: underline;}
.RecentComment {width:200px;}
#viewpost1_TitleUrl {background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_f_bg_plantsTitle.gif) 0 5px no-repeat; }
div.posttitle, #viewpost1_TitleUrl { padding: 0 0 5px 16px;position: relative; color: #176807; font-weight: bold; font-size: 18px; line-height: 33px; font-family: Georgia, "Times New Roman", Times, serif;}
a#viewpost1_TitleUrl {display: block; background-color:#fff; text-decoration: none; width:100%}
h1.block_title{color:#fff;font-size:10px;font-weight:normal;background-color: #4b9807;margin-right:4em;}
div.post{margin: 2em 1em 1em 0; font-size:14px;line-height: 170%;}
div.post p { margin: 0 0 15px 30px; text-indent: 2em;}
div.post blockquote { margin: 0 45px 15px 45px; padding: 1em; background:#BBB; color:#333;}
div.post blockquote a{ color:#363; text-decoration:underline;}
div.post blockquote a:hover{ padding-top: 2px; color:#636;}
div.itemdesc, p.postfoot { border-top: 1px solid #ADD789; width: 90%; position:relative; margin-left:0px; padding-left: 30px; padding-bottom : 18px; margin-bottom : 0px; height:28px; color: #777; font-size:10px; }
.moreinfotitle { padding-left: 22px; background-color: #4b9807; font: bold 14px Georgia, "Times New Roman", Times, serif;}
.moreinfotitle a{color: #fff;}
.moreinfo{ font-size:12px;}
.commentTextBox{font-size: 11px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
.commentform{width: 485px; margin: 0; padding: 0; border: 1px solid #b2da90; color: #176807; }
.commentform table {width: auto; margin: 10px 0 0px 20px;}
.commentform td {padding-bottom: 5px;}
input {height: 24px; padding: 2px; border: 1px solid #BFBFBF; background: #fff !important;}
.commentform textarea {height: 120px; padding: 2px; border: 1px solid #BFBFBF; overflow: auto;}