转移到隔壁：http://blog.donews.com/psactions/
DONEWS的BLOG不像其他BLOG是直接在首页显示正文内容的，而是显示一个文章标题和摘要，点击进去才可以看到正文内容，但是我也看到有的DONEWS BLOG是可以直接显示正文内容的，没有摘要，没有“点击这里阅读正文”的提示。问了一个网友，才知道是这样做的：发表文章时最下面的”高级选项”中，把”仅聚合文章描述”去掉就可以了
更加简单和震撼的是，当我询问关于“TOP POST”列表的生成代码时，回答是：手工制作。嘿嘿，很有启发啊，什么都想要自动，不如DIY啊。真的很佩服这么做的“对牛弹琴”的主人。
进入你的blog管理界面，在选项->配置->静态新闻/声明中，放入下面的JavaScript代码，把红字部分修改成你自己的ID，然后，就能在自己的blog页面上显示你最新的5个帖子标题了。
<SCRIPT LANGUAGE=”javascript” SRC=http://js.donews.net/utf8/recent.aspx?user=UserID></SCRIPT>
<SCRIPT LANGUAGE=”JavaScript”>
<!–
for(i=0;i<donews.length;i++){
document.write(‘<li><a href=”‘ + donews[i][0] + ‘” target=”_blank”>’ + donews[i][1] + ‘</a> ‘ + donews[i][2] + ‘</li>’);
}
–>
</SCRIPT>
当然，你也可以显示别人的blog帖子标题，方法就是把UserID换成别人的ID。
选择“编辑模板”–>“编辑模板”，你会看到你的blog的源代码。
1。日志字体修改。
body { MARGIN: 0px; color: #666666
2。日志留言修改的地方。
.ubb_code { background-color: #FFFFFF; border-color: #FFFFFF WHITE WHITE #FFFFFF; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
3。日志日期。
.diary_datetitle
4。站点描述的字体
.dis_tag
5。链接的属性
a
6。鼠标位于链接文字之上时文字的状态
a:hover
7。 日志的背景颜色之二
.diary_bg2
8。日志的背景颜色之一
.diary_bg1
9。签名的字体颜色
.diary_poster
10。日志标题
.diary_title
11。背景颜色
body {background-color:yellow}
12。背景图片
body{background-image:url(‘http://www.abc.com/bg.gif’)}
意思就是整个页面的背景为图片。图片地址是：http://www.abc.com/bg.gif
13。透明背景的修改
http://www.bobor.net/dispbbs.asp?boardID=78&ID=1954&page=1
14。LOGO链接和文字链接如何变成滚动。
<MARQUEE onmouseover=this.stop() style=”WIDTH: 204px; HEIGHT: 200px” onmouseout=this.start() scrollAmount=2 direction=up width=204 height=200>
#marktxt_tag#</MARQUEE>
<MARQUEE onmouseover=this.stop() style=”WIDTH: 204px; HEIGHT: 200px” onmouseout=this.start() scrollAmount=2 direction=up width=204 height=200>
#markimg_tag#</MARQUEE>
#marktxt_tag#
显示文字书签的标记。
#markimg_tag#
显示图片LOGO作书签的标记。 
HTML基本结构。
<HTML></HTML>：
HTML 标签放置于HTML文件的头尾，它的作用是告诉浏览器这个文件是HTML文件。
<HEAD></HEAD>：
HEAD 标签一般在HTML标签和BODY标签的中间，是用来定义一些头部说明。
<TITLE></TITEL>：
TITLE标签是用来定义这个HTML文档的标题，让浏览者访问网页时能够一下子明白网页的相关内容。它将
显示在浏览器左上方。
<BODY></BODY>：
在<BODY>标签里，可以定义网页的背景色，文字，链接等的颜色，甚至可以调入一些程序执行。
在<BODY>和</BODY>中间，是网页的主要内容，是直接呈现给网友的部分。
以上只是网页最基本的结构，除此之外，还有META,DIV等很多很有用的标签，可以实现更丰富的功能，以后我们会逐一做详细介绍。
以下是HTML的一个最简单的例子。
<title>KORANHome4U</title>
KORAN欢迎你！
再说明一下！
<BODY> 就是….<TBODY>
就是#head_tag#
连续播放音乐的代码
可是试试看的。
这个不是播放器 而是让背景音乐每次刷新都可以自动更换。
将以下代码粘贴在叶子的与中
<SCRIPT LANGUAGE=”JavaScript”>
<!–
var sound1=”http://歌曲地址”
var sound2=”http://歌曲地址”
var sound3=”http://歌曲地址”
var sound4=”http://歌曲地址”
var sound5=”http://歌曲地址”
var sound6=”http://歌曲地址”
var sound7=”http://歌曲地址”
var sound8=”http://歌曲地址”
var sound9=”http://歌曲地址”
var sound10=”http://歌曲地址”
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName==”Microsoft Internet Explorer”
document.write(‘<bgsound src=’+'”‘+x+’”‘+’ loop=”infinite”>’)
else
document.write(‘<embed src=’+'”‘+x+’”‘+’hidden=”true” autostart=”true” loop=”true”>’)
//–>
</SCRIPT>
转贴：http://www.donews.net/keso/archive/2004/12/28/218018.aspx
365Key提供的JavaScript，让用户可以在自己的网页上，动态地显示自己的网摘，或者拿来制作“昨日新闻”。现在，365Key进一步增强了这一功能。目前在“http://www.365key.com/jsDays.aspx?”后面，你可以添加如下参数：
不要同时使用days和num，就是说，你要么按天数显示，要么按条数显示。
举例如下：
我希望自动显示我最近两天的网摘，在页面中加入下面的代码：
我希望自动显示我最近两天“软件”（”软件”的UTF-8编码为“%C8%ED%BC%FE”）分类中的网摘：
我希望自动显示“软件”分类中的最新10条网摘，这样就不会因为我最近两天没有网摘，而显示一个空的列表：
我的页面编码是GB2312，因此我希望以GB2312编码格式显示最新的10条网摘：
我不希望把JavaScript代码嵌入到页面中，我只是希望把最近两天的网摘复制到我的blog中，作为一个帖子发布，那么在浏览器中打开下面的网址：
http://www.365key.com/jsDays.aspx?name=keso&days=2&html=1
这样就可以把生成的内容复制/粘贴到帖子中。我的“昨日新闻”就是这么做的。请注意，这些例子中name=keso，keso是我在365Key的用户名，你需要把它替换成你自己的用户名。
当然。每一个用户都有自己的基本RSS资源：
http://www.365Key.com/rss/<username>/
除此之外，用户所创建的分类也都有一个对应该分类的RSS：
http://www.365Key.com/rss/<username>/<分类名称>/
365Key-天天网摘还提供所有用户最新书签的RSS：
http://www.365Key.com/rssfeed.aspx
全站分类的RSS：
http://www.365Key.com/tag-rss/<分类名称>/
改成你的ID就可以了.<h3>今 日 更 新</h3>
<SCRIPT LANGUAGE=”javascript” SRC=http://js.donews.net/utf8/recent.aspx?user=gdlizy></SCRIPT>
<SCRIPT LANGUAGE=”JavaScript”>
<!–
for(i=0;i<donews.length;i++){
document.write(‘<li><a href=”‘ + donews[i][0] + ‘” target=”_blank”>’ + donews[i][1] + ‘</a> ‘ + donews[i][2] + ‘<你的ID>’);
}
–>
去掉donews.net的Google广告
进入管理面页，点选“选项”卡，点选“配置”，在“静态新闻/声明”文本框中输入以下代码即可：
<script>
document.body.onload=function(){
var ooo=document.getElementsByTagName(“DIV”);
var len=ooo.length;
for(var i=0;i<len;i++){
if(ooo[i].id==”comments”)
ooo[i-1].style.display=”none”;
}
}
</script>
转贴：http://blog.csdn.net/haagena/archive/2004/10/30/159622.aspx
需要修改的地方並不是太多，都已經配置的很好了。下面是我的ccs。我的皮是anothereon001
body
{
scrollbar-base-color: #20375F;
scrollbar-arrow-color: #f8f8f8;
color: #000000;
background: #fefefe;}
#leftmenu a:hover
{
background-color : #8899cc;
text-decoration: underline;
color: #ffeeee;
}
.Framework{background-color: #8899cc;}
p.date {background-color: #6699cc;}
.post{background-color: #ffefee;}
.MainCell{background-color: fefefe;}
=====================下面作詳細解釋==================
body
{
scrollbar-base-color: #20375F;
“““““`滾動條的顔色
scrollbar-arrow-color: #f8f8f8;
“““““`上下箭頭的顔色
background: #fefefe;
“““““背景色，即最外面的顔色
}
#leftmenu a:hover
““““““““““`鼠標移到左邊鏈接的屬性
{
background-color : #8899cc;
““““““鼠標移到連接上鏈接背景變色
text-decoration: underline;
“““““`鼠標移到鏈接上出現下劃線
color: #ffeeee;
““““`鼠標移到鏈接上鏈接字變色
}
.Framework{background-color: #8899cc;}
““““““““““““““““““““包括mylink 、new、 文章、存檔、鏈接、還有最下方的powerby的背景顔色
p.date {background-color: #6699cc;}
““““““““““““““““““““““`文章發表日期的背景顔色
.post{background-color: #ffefee;}
“““““““““““““““““““““文章內容的背景顔色
.MainCell{background-color: fefefe;}
““““““““““““““““““““““`文章區域內的背景顔色
转贴：http://blog.csdn.net/deimy/archive/2004/08/27/86275.aspx
http://blog.csdn.net/bshawk/archive/2004/11/26/194903.aspx
大家对网页日历可能不陌生吧，但这么有个性的网页日历我还是第一次看到！
让我们看看starsjz为我们提供的个性化日历控件！
使用方法:用模态窗口调用, var dataString = showModalDialog(“calendar.htm”, “dd日mm月yyyy年” ,”dialogWidth:286px;dialogHeight:221px;status:no;help:no;”);
<title> – -选择日期 – -</title><script>
//*************************日历控件***************************
// cody by [STAR].sjz 2003-10-31
// 说明:返回值为 一个字符串
// 格式如下:
// 使用方法 :
// var dataString = showModalDialog(“calendar.htm”, “dd日mm月yyyy年” ,”dialogWidth:286px;dialogHeight:221px;status:no;help:no;”);
var userFormatString;
if(window.dialogArguments ==null)
{
userFormatString = “yyyy-mm–dd”;
}
else
{
userFormatString = window.dialogArguments;
}
with(new Date()){
var Nyear = getYear();
var Nmonth = getMonth() +1;
var Ndate = getDate();
}
window.returnValue = new dataObj(Nyear,Nmonth,Ndate ).getDateString(userFormatString);
window.document.onclick = function(){
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.parentNode.className.replace(/Ctable/ig,”star”) == “star” )
{
try{
window.currentActiveItem.runtimeStyle.cssText = “”;
}
catch(e){ }
Nyear = obj.id.split(“-”)[0];
Nmonth = obj.id.split(“-”)[1];
Ndate = obj.id.split(“-”)[2];
window.currentActiveItem = obj;
window.currentSelectDate = window.currentActiveItem.id;
window.currentActiveItem.runtimeStyle.cssText = “background:url(http://www.5d.cn/bbs/uploadFiles/2003-10/3120401281018.gif) no-repeat 12px 6px;color:#000;padding-top:1px;font-weight:bold”;
}
}
function dataObj(year,month,date)
{
this.year = year
this.month = month
this.date = date
this.getDateString =
function(formatString)
{
return formatString.replace(/yyyy/ig , this.year).replace(/mm/ig , this.month).replace(/dd/ig , this.date)
}
}
window.onload = function(){
window.document.attachEvent(“onclick” , doCmd);
window.document.attachEvent(“onmouseover” , buttonOver);
window.document.attachEvent(“onmouseout” , buttonOut);
window.document.attachEvent(“onmousedown” , buttonDown);
window.document.attachEvent(“onmouseup” , buttonUp);
window.document.attachEvent(“ondblclick” ,
function()
{
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.parentNode.className.replace(/Ctable/ig,”star”) == “star” )
{
var mydate = new dataObj(obj.id.split(“-”)[0] , obj.id.split(“-”)[1] , obj.id.split(“-”)[2] );
window.returnValue = mydate.getDateString(userFormatString)
window.close();
}
}
);
document.all.titleYear.innerHTML=TranYearMonthTitle(Nyear,Nmonth);
document.all.weekNameBox.insertAdjacentHTML(“afterBegin”,makeWeekNameHtmlStr());
document.all.calendarBox.innerHTML=makeCalendarHtmlStr(Nyear,Nmonth);
window.currentSelectDate = starCaTran(Nyear,Nmonth,Ndate);
window.document.all.calendarBox.show = show;
window.currentActiveItem = window.document.getElementById(currentSelectDate);
if( window.currentActiveItem )
window.currentActiveItem.click();
window.document.all.calendarBox.show();
}
function starCalendar(year,month){
this.year = year;
this.month = month;
this.monthTable = function(){
var aMonth=new Array();
for(i=1;i<7;i++)aMonth[i]=new Array(i);
var dCalDate=new Date(this.year, this.month-1, 1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=new Date(this.year, this.month, 0).getDate();
var iOffsetLast=new Date(this.year, this.month-1, 0).getDate()-iDayOfFirst+1;
var iDate = 1;
var iNext = 1;
for (d = 0; d < 7; d++)
aMonth[1][d] = (d<iDayOfFirst)?(-iDayOfFirst+d+1):iDate++;
for (w = 2; w < 7; w++)
for (d = 0; d < 7; d++)
aMonth[w][d] = iDate++;
return aMonth;
}
}
function makeWeekNameHtmlStr(){
var tmpStr=”";
var weekName = ["日","一","二","三","四","五","六"];
for(var i=0;i<7;i++)tmpStr+=”<span class=weekName>”+weekName[i]+”</span>”;
return tmpStr;
}
function makeCalendarHtmlStr(year,month){
window.theCalendar = new starCalendar(year,month);
var theCaArr = theCalendar.monthTable();
var theDaysInMonth = new Date(year, month, 0).getDate();
var theCaHtml = “<div class=Ctable>”;
for(var i=1;i<7;i++)
for(var j=0;j<7;j++)
theCaHtml = theCaHtml+”<span class=”+( (theCaArr[i][j]<1 || theCaArr[i][j]>theDaysInMonth)?”OtherMonthDate”:”Cdate”)+” id=”+starCaTran(year,month,theCaArr[i][j])+”>”+starCaTran(year,month,theCaArr[i][j]).split(“-”)[2]+”</span>”;
return theCaHtml+”</div>”;
}
function starCaTran(year,month,date){
with(new Date(year,month-1,date))
return getYear() + “-” +(getMonth()+1) + “-” + getDate();
}
function TranYearMonthTitle(year,month){
with(new Date(year,month-1,1))
return “<span style=’text-decoration:underline;cursor:hand;font-weight:bold;padding:1 2 0 1;width:40px;’ onclick=showMore(1940,2050,this.innerHTML) onmouseover=\”this.runtimeStyle.cssText=’color:#fff;’\” onmouseout=\”this.runtimeStyle.cssText=”\” onpropertychange=showC()>” + getYear() + “</span>” + “年” + “<span style=’text-decoration:underline;cursor:hand;font-weight:bold;padding:1 2 0 1;width:20px;’ onclick=showMore(1,12,this.innerHTML) onmouseover=\”this.runtimeStyle.cssText=’color:#fff;’\” onmouseout=\”this.runtimeStyle.cssText=”\” onpropertychange=showC()>” + (getMonth()+1) + “</span>” + “月” ;
}
function showC(){
if(event.propertyName != “innerHTML”)return;
window.theCalendar.year = new Number(document.all.titleYear.getElementsByTagName(“span”)[0].innerHTML);
window.theCalendar.month = new Number(document.all.titleYear.getElementsByTagName(“span”)[1].innerHTML);
window.document.all.calendarBox.innerHTML=makeCalendarHtmlStr(window.theCalendar.year,window.theCalendar.month);
window.document.all.calendarBox.show = show;window.document.all.calendarBox.show();
}
function showMore(starNum,endNum,selectedValue){
var obj = window.event.srcElement;
var selectedIndex = selectedValue – starNum;
if(obj.selectBox){
obj.selectBox.selectedIndex = selectedIndex;
return obj.selectBox.show(document.all.calendarBox.offsetHeight + document.all.weekNameBox.offsetHeight );
}
var selectBox = window.document.createElement(“div”);
selectBox.className = “selectBox”;
selectBox.style.height = 0;
selectBox.style.top = window.event.clientY – window.event.offsetY + window.event.srcElement.offsetHeight;
selectBox.style.left = window.event.clientX – window.event.offsetX ;
selectBox.show = showBox;
selectBox.selectedIndex = selectedIndex;
selectBox.onclick = function(){
var selectedObj = window.event.srcElement;
if( “nobr” == selectedObj.tagName.toLowerCase() && selectBox.contains(selectedObj))
{
if(obj.innerHTML != selectedObj.innerHTML)obj.innerHTML = selectedObj.innerHTML;
}
}
selectBox.onlosecapture = alert
var iString = “”;
for(var i=starNum;i<=endNum;i++){
iString += “<nobr onmouseover=\”this.parentNode.getElementsByTagName(‘nobr’)[this.parentNode.selectedIndex].style.cssText=”;this.style.cssText=’background-color:#00006C;color:#fff;’\” onmouseout=this.style.cssText=”>”+i+”</nobr><br>”
}
selectBox.insertAdjacentHTML (“afterBegin”,iString);
window.document.body.appendChild(selectBox);
obj.selectBox = selectBox;
obj.selectBox.show(document.all.calendarBox.offsetHeight + document.all.weekNameBox.offsetHeight );
}
function showBox(iHeight)
{
var box = this;
box.style.height =1;
box.style.display = “block”;
window.clearInterval(box.timeHandle);
box.timeHandle = window.setInterval(interValHandle,1);
var s = 0,t =1 ;
function interValHandle()
{
box.scrollTop=1000000;
s = s + t*t;
t += 0.5;
box.style.height = parseInt(box.style.height) + Math.floor(s);
box.style.width = 65 / iHeight * box.offsetHeight;
if( box.offsetHeight > iHeight )
{
window.clearInterval(box.timeHandle);
box.style.height = iHeight;
box.scrollTop = box.childNodes[0].offsetHeight*box.selectedIndex;
box.getElementsByTagName(“nobr”)[box.selectedIndex].style.cssText=’background-color:#00006C;color:#fff;’;
window.document.attachEvent(“onclick”,
box.hide=function()
{
box.style.display = “none”;
window.document.detachEvent(“onclick”,box.hide)
}
);
}
}
}
</script>
<script>
function buttonOver(){
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.className.replace(/controlButton/ig,”star”) == “star” )
{
obj.runtimeStyle.cssText=”border-color:#fff #606060 #808080 #fff;padding:3 0 0 0 “;
}
if(obj.tagName.toLowerCase() == “span” && obj.parentNode.className.replace(/Ctable/ig,”star”) == “star” )
{
obj.style.backgroundColor = “#fff”;
}
}
function buttonOut(){
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.className.replace(/controlButton/ig,”star”) == “star” )
{
obj.runtimeStyle.cssText = “”;
}
if(obj.tagName.toLowerCase() == “span” && obj.parentNode.className.replace(/Ctable/ig,”star”) == “star” )
{
window.setTimeout(function(){obj.style.backgroundColor = “”; },300);
}
}
function buttonDown(){
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.className.replace(/controlButton/ig,”star”) == “star” )
{
obj.setCapture();
obj.runtimeStyle.borderColor=”#808080 #fefefe #fefefe #808080″;
}
}
function buttonUp(){
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.className.replace(/controlButton/ig,”star”) == “star” )
{
obj.releaseCapture();
obj.runtimeStyle.cssText =”";
}
}
function doCmd(){
var obj = window.event.srcElement;
if(obj.tagName.toLowerCase() == “span” && obj.className.replace(/controlButton/ig,”star”) == “star” )
{
switch(obj.getAttribute(“cmd”))
{
case “py”:
window.document.all.titleYear.innerHTML=window.TranYearMonthTitle(window.theCalendar.year-1,window.theCalendar.month);
window.document.all.calendarBox.innerHTML=makeCalendarHtmlStr(window.theCalendar.year-1,window.theCalendar.month);
break;
case “pm”:
window.document.all.titleYear.innerHTML=window.TranYearMonthTitle(window.theCalendar.year,window.theCalendar.month-1);
window.document.all.calendarBox.innerHTML=makeCalendarHtmlStr(window.theCalendar.year,window.theCalendar.month-1);
break;
case “nm”:
window.document.all.titleYear.innerHTML=window.TranYearMonthTitle(window.theCalendar.year,window.theCalendar.month+1);
window.document.all.calendarBox.innerHTML=makeCalendarHtmlStr(window.theCalendar.year,window.theCalendar.month+1);
break;
case “ny”:
window.document.all.titleYear.innerHTML=window.TranYearMonthTitle(window.theCalendar.year+1,window.theCalendar.month);
window.document.all.calendarBox.innerHTML=makeCalendarHtmlStr(window.theCalendar.year+1,window.theCalendar.month);
break;
}
window.document.all.calendarBox.show();
window.currentSelectDate = starCaTran(Nyear,Nmonth,Ndate);
window.currentActiveItem = window.document.getElementById(currentSelectDate);
if( window.currentActiveItem )window.currentActiveItem.runtimeStyle.cssText = “background:url(choiceit.gif) no-repeat 12px 6px;color:#000;padding-top:1px;font-weight:bold”;
}
}
function show()
{
var box = this;
window.clearTimeout(box.timeHandle);
var CdateBoxs = this.getElementsByTagName(“span”);
for(var i=0;i<CdateBoxs.length;i++)
{
CdateBoxs[i].defaultValue = new Number( CdateBoxs[i].innerHTML );
CdateBoxs[i].innerHTML = 0;
}
showDate();
function showDate(){
for(var i=0;i<CdateBoxs.length;i++){
if( new Number( CdateBoxs[i].innerHTML ) + 1 <= new Number( CdateBoxs[i].defaultValue ) )
CdateBoxs[i].innerHTML = new Number( CdateBoxs[i].innerHTML ) + 1
}
box.timeHandle = window.setTimeout(showDate,1);
}
this.show = show1
}
function show1()
{
var box = this;
window.clearTimeout(box.timeHandle);
var CdateBoxs = this.getElementsByTagName(“span”);
for(var i=0;i<CdateBoxs.length;i++)CdateBoxs[i].style.display = “none”;
showDate(CdateBoxs[0]);
function showDate(obj){
if( !obj )return;
obj.style.display = “inline”;
box.timeHandle = window.setTimeout(function(){showDate(obj.nextSibling);},1);
}
this.show = show
}
/*
function show()
{
}
*/
</script>
<style>
*{
font:12px;
letter-spacing:0px;
}
body{
background-color:#E5E9F2;
overflow:hidden;
margin:0;
border:0px;
}
#titleYear{
text-align:center;
padding-top:3px;
width:120px;
height:20px;
border:solid #E5E9F2;
border-width:0px 1px 1px 0px;
background-color:#A4B9D7;
color:#000;
cursor:default;
}
#weekNameBox{
width:282px;
border-bottom:0;
}
.weekName{
text-align:center;
padding-top:4px;
width:40px;
height:20px;
border:solid #E5E9F2;
border-width:0px 1px 1px 0px;
background-color:#C0D0E8;
color:#243F65;
cursor:default;
}
.controlButton{
font-family: Webdings;
font:9px;
text-align:center;
padding-top:2px;
width:40px;
height:20px;
border:solid #E5E9F2;
border-width:0px 1px 1px 0px;
background-color:#A4B9D7;
color:#243F65;
cursor:default;
}
.Ctable{
width:282px;
margin-bottom:20px;
}
.Ctable span{
font:9px verdana;
font-weight:bold;
color:#243F65;
text-align:center;
padding-top:4px;
width:40px;
height:26px;
border:solid #C0D0E8;
border-width:0px 1px 1px 0px;
cursor:default;
}
.Cdate{
background-color:#E5E9F2;
}
.Ctable span.OtherMonthDate{
color:#999;
background-color:#f6f6f6;
}
.selectBox{
cursor:hand;
font:9px verdana;
width:80px;
position:absolute;
border:1px solid #425E87;
overflow-y:scroll;
overflow-x:hidden;
background-color:#fff;
FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#999999,offX=10,offY=10,direction=120,Strength=5);
SCROLLBAR-FACE-COLOR: #E5E9F2;
SCROLLBAR-HIGHLIGHT-COLOR: #E5E9F2;
SCROLLBAR-SHADOW-COLOR: #A4B9D7;
SCROLLBAR-3DLIGHT-COLOR: #A4B9D7;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #eeeee6;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
.selectBox nobr{
padding:0px 0px 2px 5px;
width:100%;
color:#000;
letter-spacing:2px;
text-decoration:none;
}
</style>
<body onselectstart=”return false”>
<div style=”margin:0 0 0 0″>
<div id=controlBar><span class=controlButton cmd=py title=上一年>33</span><span class=controlButton cmd=pm title=上一月>3</span><span id=titleYear></span><span class=controlButton cmd=nm title=下一月>4</span><span class=controlButton cmd=ny title=下一年>44</span></div>
<div id=weekNameBox></div>
<div id=calendarBox></div>
</div>
</body>
转贴：http://blog.csdn.net/fly_miss/archive/2004/11/12/BlogEdit.aspx
没有人想千篇一律。一个个性张扬的时代里，这篇文章诞生了。
通过对DotText Blog的分析，我们了解到，要实现Blog的个性化，有两个地方可以为我们所用。<选项>-<配置> 里的 定制CSS选择器 和 静态新闻/声明 。
这里我们主要说下 静态新闻/声明 。
进入主页（http://blog.csdn.net/catally）查看源文件，我们截取一段代码：
<a id=”Header1_MyLinks1_HomeLink” title=”到聚合站点” href=”http://blog.csdn.net”>CSDNBlog</a> |
<a id=”Header1_MyLinks1_ContactLink” accesskey=”9″ href=”http://blog.csdn.net/catally/contact.aspx”>联络</a> |
<a id=”Header1_MyLinks1_Syndication” href=”http://blog.csdn.net/catally/Rss.aspx”>聚合</a>
<a id=”Header1_MyLinks1_XMLLink” class=”XMLLink” href=”http://blog.csdn.net/catally/Rss.aspx”><img src=”../Skins/Cogitation/images/xml.gif” alt=”" border=”0″ /></a> |
<a id=”Header1_MyLinks1_Admin” href=”http://blog.csdn.net/catally/admin/default.aspx”>管理</a>
可以看到，每个连接都有各自得id，这样就为我们修改提供了便利。看一个实例先：
在 静态新闻/声明 里加入如下代码
<script language=”javascript”>
document.getElementById(“Header1_MyLinks1_HomeLink”).outerHTML=”<a href=’http://Blog.csdn.net/catally’>C的Blog</a>”;
</script>
看看效果：
这里我们用了DHTML对象提供的可读写的属性来动态操作页面元素：innerText, outerText, innerHTML, outerHTML.
关于这四个属性的使用大家可以参考（http://www.csdn.com.cn/web/1889.htm）。
这里特别要注意的是：如果你想修改footer（页脚的id），因为页面要先加载完公告里面的内容才往下进行（这也是为什么不要在公告里加太多低效率代码的原因），所以必须等页面下载完可以改，否则会发生缺少对象错误，所以我们写：
<script language=”javascript”>
function window.onload()
{
document.getElementById(“footer”).outerHTML=”copyright 2004-11-6 By C”;
}
</script>
不过，对于其他没有固定的id的内容，比如说：
左边的公告栏（已改为C同学的话），我们怎么把这个改为别的呢？用上面的方法就不行了，应为通过查看html，只有一句：
<h3>公告</h3>。
我们这么写：
temp=document.getElementById(“main”).document.getElementsByTagName(“H3″);
temp[0].innerText=”C同学的话：”
我们知道 公告 都是在第一个栏目的，也就是在第一个<h3>内的，所以我们写temp[0]而不是其他的。
当然，这一段也要写到function window.onload()里。
转贴：http://blog.csdn.net/thinklywsir/archive/2005/01/07/243195.aspx
这几天在CSDN的Blog上看了好些人的文章！也收获或多或少！^o^
不过在Blog上的界面看来看去都是这么传统的几个好看点。于是就突发奇想，看看可不可以把自己的Blog改得更好看更有自己的个性化点！呵！现在这个界面，就是结果了！
下面我把代码贴出来，也让大家的Blog更个性化些吧！代码很简单，也只是一些HTML加上一点点Javascript罢了！最重要的就是要了解下CSS样式表了！
_________________________________
首先进入你的Blog管理中心，选择：选项->配置
在“定制CSS选择器”文本框中输入你自己定义的CSS样式表。（下面是我的界面的CSS代码）：
———————————————————————————
body{
background-color: #666666;
margin: 0px;
padding: 0px;
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #888888;
SCROLLBAR-SHADOW-COLOR: #888888;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR: #888888;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
}
.headermaintitle {
font-size: x-large;
FILTER: dropshadow(color=#000000, offx=1, offy=1, positive=1); WIDTH: 100%;
}
.midd {
vertical-align: middle;
}
.FooterCell {
visibility: hidden;
}
#top {
BACKGROUND-POSITION: right top;
BACKGROUND-IMAGE: url(http://www.so26.com/Images/bg_1.gif);
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 88px
VERTICAL-ALIGN: middle; HEIGHT: 75px; BACKGROUND-COLOR: #BB3D00;
}
.post {
background-color: #F7F7F7;
BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 15px;
BACKGROUND-POSITION: 50% top;
BORDER-TOP: #cccccc 1px solid;
PADDING-LEFT: 15px;
FONT-SIZE: 9pt;
MARGIN-BOTTOM: 28px;
PADDING-BOTTOM: 15px;
BORDER-LEFT: #cccccc 1px solid;
COLOR: #000000;
LINE-HEIGHT: 22px;
PADDING-TOP: 1px;
BORDER-BOTTOM: #cccccc 1px solid;
BACKGROUND-REPEAT: repeat-x;
background-image: url(http://www.so26.com/Images/bg_2.gif);
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.post H2 {
FILTER: dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); WIDTH: 100%;
}
.post .postfoot {
color: #FF6600;
}
H5 {
FILTER: dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1); WIDTH: 100%;
}
———————————————————————————
然后在“静态新闻/声明”的文本框中输入HTML或Javascript代码。（下面是我的界面的代码）：
———————————————————————————
<bgsound src=”http://www.so26.com/mid/Loop_1.mid”/>
<DIV id=Layer2 style=”BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; Z-INDEX: 0; LEFT: 0px; BORDER-LEFT: #000000 0px; WIDTH: 180px; BORDER-BOTTOM: #000000 0px; POSITION: absolute; TOP: 0px; HEIGHT: 120px; BACKGROUND-COLOR: #eeeeee; layer-background-color: #eeeeee”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”180″ height=”22″ align=”left” valign=”middle”><LI><H3>无聊寄语</H3></LI></td>
</tr>
<tr>
<td><div id=speakDiv><div></td>
</tr>
<tr>
<td class=”midd”><H3><a href=”http://blog.csdn.net/bgu/admin/default.aspx”><IMG alt=”Manage Center” src=”/images/xml.gif” border=0>管理中心</a></H3></td>
</tr>
</table>
</DIV>
<script language=”JavaScript”>
var content;
content=”<table width=180 height=70 class=midd><tr><td>”;
content+=” 在茫茫人海中寻找我人生唯一之伴侣，得之，我幸，不得，我之不幸！”;
content+=”<br> –HD”;
content+=”</LI></td></table>”;
document.all(“speakDiv”).innerHTML=content;
</script>
———————————————————————————
代码很简单，只是在修改Blog代码的时候注意在HTML里的ID号就可以了！
我这里的修改也只是简单的改了加了点东西。大家如果有什么更好的意见，可留言！
最后：csdn的Blog不是个人主页！个性化它，只是让它个性化自己而已！
转贴：http://blog.csdn.net/shinerpipul/archive/2005/01/06/242046.aspx
本来还真打算要放弃CSDN的Blog了,但是看着自己辛辛苦苦积累下来的内容,真的有点舍不得.而且,换了Blog就好像换了手机号码,还要再通知朋友们.想来想去,总是觉得有些成本过高.不过在找其他的Blog服务提供商的同时,看到了不少漂亮的Blog,于是心中为之一动:不如自己也先把Blog打扮起来吧.于是就有了这个花费了5个小时全新打造的Blog.——当然,这是因为我花费了很多时间在找一些合适的东西上面,您现在看了我这篇东西,就不用这么费劲了,如果熟悉代码,30分钟完全可以搞掂.
其实CSDN的Blog可以定制的地方就只有”Blog管理—>选项—>配置”下的”定制CSS选择器”和”静态新闻/声明”.其中CSS部分负责界面的风格和样式,而”静态新闻/声明”部分则可以用来改变界面中包含的元素和内容.下面贴出的是我现在这个Blog中关于上面两项的修改内容,仅供参考.
“定制CSS选择器“部分
BODY {
MARGIN: 0px; BACKGROUND-COLOR: #fafafa
}
A {
COLOR: #00f; TEXT-DECORATION: none
}
A:hover {
COLOR: black; TEXT-DECORATION: none
}
H2 {
MARGIN: 0px 0px 10px
}
#top {
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#0A6CCE’, endColorStr=’#FFFFFF’, gradientType=’1′); COLOR: #fff; BORDER-BOTTOM: #443 0px solid; HEIGHT: 100%
}
#top H1 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#top H1 A {
COLOR: #fff;
}
#menu {
BORDER-TOP: #999 1px solid; FONT-SIZE: 100%; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
#menu UL {
height: 100%; FONT-size: 100%; COLOR: black; TEXT-DECORATION: none; MARGIN: 0px 0px 0px 20px; PADDING: 0px; LIST-STYLE-TYPE: none;
}
#menu LI {
height: 100%; FONT-SIZE: 100%; BORDER-RIGHT: #a9a9a9 1px solid; PADDING-RIGHT: 2px; DISPLAY: inline; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
#menu li a {
height:100%; FONT: 80% Verdana; COLOR: black; TEXT-DECORATION: none;
}
#menu LI A {
border: 1px #f1f1f1 solid; padding-left: 6px; padding-right: 6px; padding-top:1px; padding-bottom:1px; margin: 0px; background-color: #f1f1f1; COLOR: black; TEXT-DECORATION: none;
}
#menu LI A:hover {
border: 1px #999 solid; padding-left: 6px; padding-right: 6px; padding-top:1px; padding-bottom:1px; margin: 0px; background-color: #ccc; COLOR: black; TEXT-DECORATION: none;
}
#MyLinks1_XMLLink {
VISIBILITY: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;
}
#MyLinks1_XMLLink IMG {
VISIBILITY: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;
}
#leftmenu H3 {
BORDER: #999 0px ; BORDER-BOTTOM: none; HEIGHT: 100%; MARGIN: 0px; PADDING: 5px; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr=’#ffffff’, startColorstr=’#4992DB’, gradientType=’0′);
}
#leftmenu UL {
BORDER-RIGHT: #999 0px ; PADDING-RIGHT: 5px; BORDER-TOP: #999 0px ; MARGIN-TOP: 0px; PADDING-LEFT: 4px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 4px; MARGIN-LEFT: 0px; BORDER-LEFT: #999 0px ; PADDING-TOP: 4px; BORDER-BOTTOM: #999 0px
}
#leftmenu LI A {
COLOR: black; TEXT-DECORATION: none;
}
#leftmenu LI A:hover {
COLOR: black; TEXT-DECORATION: underline;
}
#main {
PADDING: 10px; MARGIN-LEFT: 170px; BORDER: none; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 4px solid; BACKGROUND-COLOR: #ffffff
}
#main P.date {
BORDER: #999 1px solid; BORDER-BOTTOM: none; PADDING: 5px; MARGIN: 0px; HEIGHT: 100%; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr=’#4992DB’, startColorstr=’#FFFFFF’, gradientType=’1′);
}
#main DIV.post {
BORDER: #999 1px solid; PADDING: 5px; MARGIN: 0px 0px 10px;
}
#main A, A:hover, A:visited {
COLOR: #700;
}
#main P.postfoot {
PADDING: 0px; PADDING-TOP: 5px; PADDING-BOTTOM: 2px; MARGIN: 10px 0px 0px; BORDER-TOP: #999 1px dotted;
}
#comments {
MARGIN-BOTTOM: 10px; COLOR: #700
}
#comments H3 {
COLOR: #700
}
#comments H4 {
}
#comments P {
BORDER-BOTTOM: #dddddd 1px solid
}
#comments P A {
FONT-SIZE: 9px; COLOR: darkblue
}
#comments H4 SPAN {
COLOR: #999
}
#footer {
FONT-SIZE: 0px; VISIBILITY: hidden; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 0px; TEXT-ALIGN: center
}
#footer IMG {
VISIBILITY: hidden; WIDTH: 0px; HEIGHT: 0px
}
#div_list P {
FONT-SIZE: 12px
}
#div_list IMG {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
#imageFrame DIV.div_image {
MARGIN-TOP: 20px; TEXT-ALIGN: center
}
#imageFrame DIV.div_link {
TEXT-ALIGN: center
}
#commentform TABLE {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#commentform TD {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#commentform TR {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#main DIV.cus_code {
COLOR: #465584; FONT-SIZE: 12px; FONT-FAMILY: Courier New;BORDER: #000000 1px solid;BORDER-LEFT: #666666 6px solid; PADDING-LEFT: 0px 0px 0px 0px;MARGIN: 10px 20px;BEHAVIOR: url(“/images/upload/myhan/formatPhpCode.htc”); BACKGROUND-COLOR: #ffffff;
}
“静态新闻/声明“部分
1.添加自己的照片
<center><img src=http://www.testage.net/bbs/uploadFace/200461710423388998.jpg width=128 height=128 border=”0″><br>
—————————————<br>”<br>表示换行”
2.添加个人简介
<b><font color=”blue”>陈雷</font></b><br>
<b><font color=”blue”>软件测试工程师</font></b><br>
<b><font color=”blue”>《程序员》特约撰稿人</font></b><br>
<b><font color=”blue”>来自山东 服务广州</font></b><br>
3.添加email联系方式
<a href=”mailto:jackei_chan@hotmail.com” >jackei_chan@hotmail.com</A><br>
—————————————
4.插入计数器
<script language=JavaScript src=”http://laoan.com/counters/count.php?jackei”></script><br>
—————————————<br></center>
5.插入公告内容
因为首页中最多只能显示25条记录，所以很多文章的链接在首页中看不到，请点击下面“文章”分类中的相应类别或点击“存档”下面的相应时间来进行访问。除特别说明外，本Blog中的内容均为本人原创，本人依法保留Blog内原创文章的所有权利，如需转载，请注明作者及出处。未经许可，不得将本Blog内文章用于任何盈利性用途。<br><br>
6.插入flash时钟
<DIV align=center>
<OBJECT style=”WIDTH: 84px; HEIGHT: 84px” codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 height=84 width=84 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME=”_cx” VALUE=”2223″><PARAM NAME=”_cy” VALUE=”2223″><PARAM NAME=”FlashVars” VALUE=”"><PARAM NAME=”Movie” VALUE=”http://blogcup.com/cup/time.swf”><PARAM NAME=”Src” VALUE=”http://blogcup.com/cup/time.swf”><PARAM NAME=”WMode” VALUE=”Transparent”><PARAM NAME=”Play” VALUE=”0″><PARAM NAME=”Loop” VALUE=”-1″><PARAM NAME=”Quality” VALUE=”High”><PARAM NAME=”SAlign” VALUE=”"><PARAM NAME=”Menu” VALUE=”-1″><PARAM NAME=”Base” VALUE=”"><PARAM NAME=”AllowScriptAccess” VALUE=”always”><PARAM NAME=”Scale” VALUE=”ShowAll”><PARAM NAME=”DeviceFont” VALUE=”0″><PARAM NAME=”EmbedMovie” VALUE=”0″><PARAM NAME=”BGColor” VALUE=”"><PARAM NAME=”SWRemote” VALUE=”"><PARAM NAME=”MovieData” VALUE=”"><PARAM NAME=”SeamlessTabbing” VALUE=”1″>
<embed src=”http://blogcup.com/cup/time.swf” wmode=”transparent” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”32″ height=”32″></embed>
</OBJECT></DIV>
<br>
7.插入日历
<!– Blog日历表开始 –>
<script language=”javascript”>
var diarydays=”<2004-08-05><2004-08-09><2004-08-12><2004-08-17><2004-08-19><2004-07-14><2004-07-13><2004-07-08><2004-07-05><2004-07-04><2004-07-03><2004-06-27><2004-06-26><2004-06-25>”;
</script>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<style>
.calendarBigBorder { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; text-decoration: none; width: 170; background-color: #FFFFFF; font-size: 9pt;border:1px dotted #999; }
.calendarTd { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; color: #000000; background-color: #eeeeee; height: 18px; width: 11%; text-align: center;}
.calendarMInput { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; text-decoration: none; background-color: #FFFFFF; height: 15px; border: 1px solid #666666; width: 19px; color: #0099FF;}
.calendarYInput { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; color: #0099FF; text-decoration: none; background-color: #FFFFFF; height: 15px; width: 34px; border: 1px solid #666666;}
.calendarMonthTitle { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; font-weight: normal; height: 24px; text-align: center; color: #333333; text-decoration: none; background-color: #eeeeee; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: none; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999;}
.calendarNow { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; font-weight: bold; color: #000000; background-color: #C0C9D3; height: 18px; text-align: center;}
.calendarDaySat { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; color: #333333; text-decoration: none; background-color: #eeeeee; text-align: center; height: 18px; width: 12%;}
.calendarDaySun { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; color: #333333; text-decoration: none; background-color: #eeeeee; text-align: center; height: 18px; width: 12%;}
.calendarLink { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; font-weight: normal; color: #333333; text-decoration: none; background-color: #E7E7F6; text-align: center; height: 18px;}
.categoryTxt { font-family: “Arial”, “Helvetica”, “sans-serif”, “宋体“; font-size: 9pt; line-height: 23px; color: #333333; text-decoration: none;}
.categoryTable { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-right-color: #000000; border-bottom-color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #71b99c;}
</style>
<SCRIPT LANGUAGE=”JavaScript”>
var months = new Array(“一“, “二“, “三“,”四“, “五“, “六“, “七“, “八“, “九“,”十“, “十一“, “十二“);
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
var days = new Array(“日“,”一“, “二“, “三“,”四“, “五“, “六“);
var classTemp;
var calendarHover=”calendarHover”;
var today=new getToday();
var year=today.year;
var month=today.month;
var newCal;
//得到某月天数
function getDays(month, year)
{ if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}
//得到当天时间信息
function getToday()
{ this.now = new Date();
this.year = this.now.getFullYear();
this.month = this.now.getMonth();
this.day = this.now.getDate();
}
//生成日历
function Calendar()
{ newCal = new Date(year,month,1); //当前月的第一天
today = new getToday();
var day = -1; //用来判断日历中是否为当天
var startDay = newCal.getDay(); //当月开始时间
var endDay=getDays(newCal.getMonth(), newCal.getFullYear());//当月结束时间
var daily = 0; //用来生成日历中的天数值
if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
day = today.day;
var caltable = document.all.caltable.tBodies.calendar; //得到日历表格的集合
var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear()); //得到当月天数
//生成日历
for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)
for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)
{
var cell = caltable.rows[intWeek].cells[intDay]; //得到单元袼
//生成字符串用于判断当天是否有日志
var montemp=(newCal.getMonth()+1)<10?(“0″+(newCal.getMonth()+1)):(newCal.getMonth()+1);
if ((intDay == startDay) && (0 == daily)){ daily = 1;}
var daytemp=daily<10?(“0″+daily):(daily);
var d=”<”+newCal.getFullYear()+”-”+montemp+”-”+daytemp+”>”;
//选择样式
if(day==daily)
cell.className=”calendarNow”;
else if(diarydays.indexOf(d)!=-1)
cell.className=”calendarLink”;
else if(intDay==6)
cell.className = “calendarDaySat”;
else if (intDay==0)
cell.className =”calendarDaySun”;
else
cell.className=”calendarTd”;
//生成值
if ((daily > 0) && (daily <= intDaysInMonth))
{ cell.innerText = daily;
daily++;
}
else
cell.innerText = “”;
}
document.all.year.value=year;
document.all.month.value=month+1;
}
function subMonth()
{
if ((month-1)<0)
{
month=11;
year=year-1;
}
else
{
month=month-1;
}
Calendar();
}
function addMonth()
{
if((month+1)>11)
{
month=0;
year=year+1;
}
else
{
month=month+1;
}
Calendar();
}
//得到响应事件
function getDiary()
{
var mon=(newCal.getMonth()+1)<10?(“0″+(newCal.getMonth()+1)):(newCal.getMonth()+1);
var day=event.srcElement.innerText<10?(“0″+event.srcElement.innerText):(event.srcElement.innerText);
var d=”<”+newCal.getFullYear()+”-”+mon+”-”+day+”>”;
if (“TD” == event.srcElement.tagName)
if ((“” != event.srcElement.innerText)&&(diarydays.indexOf(d)!=-1))
{
diary.location=”/foxmail/archive/”+newCal.getFullYear()+”/”+mon+”/”+day+”.aspx”;
window.location.href = diary.location;
}
}
function setDate()
{
if (document.all.month.value<1||document.all.month.value>12)
{
alert(“月的有效范围在1-12之间!”);
return;
}
year=Math.ceil(document.all.year.value);
month=Math.ceil(document.all.month.value-1);
Calendar();
}
</SCRIPT>
<table border=”0″ cellpadding=”0″ cellspacing=”1″ class=”calendarBigBorder” id=”caltable” width=”200″>
<thead>
<tr align=”center” valign=”middle”>
<td colspan=”7″ class=”calendarMonthTitle”>
<input name=”year” type=”text” class=”calendarYInput” size=”3″ maxlength=”4″ onkeydown=”if (event.keyCode==13){setDate()}” onkeyup=”this.value=this.value.replace(/[^0-9]/g,”)” onpaste=”this.value=this.value.replace(/[^0-9]/g,”)”>年
<input name=”month” type=”text” class=”calendarMInput” size=”1″ maxlength=”2″ onkeydown=”if (event.keyCode==13){setDate()}” onkeyup=”this.value=this.value.replace(/[^0-9]/g,”)” onpaste=”this.value=this.value.replace(/[^0-9]/g,”)”>月 [<a onClick="addMonth()" href="javascript:;">下月</a>] [<a onClick="subMonth()" href="javascript:;">上月</a>]</td>
</tr>
<tr align=”center” valign=”middle”>
<SCRIPT LANGUAGE=”JavaScript”>
document.write(“<TD class=calendarDaySun id=diary>” + days[0] + “</TD>”);
for (var intLoop = 1; intLoop < days.length-1;
intLoop++)
document.write(“<TD class=calendarTd id=diary>” + days[intLoop] + “</TD>”);
document.write(“<TD class=calendarDaySat id=diary>” + days[intLoop] + “</TD>”);
</SCRIPT>
</TR>
</thead>
<TBODY border=1 cellspacing=”0″ cellpadding=”0″ ID=”calendar” ALIGN=CENTER ONCLICK=”getDiary()” onmouseup=document.selection.empty() oncontextmenu=”return false” onselectstart=”return false” ondragstart=”return false” onbeforecopy=”return false” oncopy=document.selection.empty() onselect=document.selection.empty()>
<SCRIPT LANGUAGE=”JavaScript”>
for (var intWeeks = 0; intWeeks < 6; intWeeks++) {
document.write(“<TR style=’cursor:hand’>”);
for (var intDays = 0; intDays < days.length;intDays++)
document.write(“<TD class=calendarTd onMouseover=’{classTemp=this.className;this.className=calendarHover}’ onMouseOut=’this.className=classTemp’></TD>”);
document.write(“</TR>”);
}
</SCRIPT>
</tbody>
</table>
<script LANGUAGE=”JavaScript”>
Calendar();
</script>
<!– Blog日历表结束 –>
<br>
8.插入天气预报查询
<IFRAME border=0 align=center marginWidth=0 marginHeight=0 src=’http://appnews.qq.com/cgi-bin/news_qq_search?city=’ frameBorder=0 width=157 scrolling=no height=240 allowTransparency></IFRAME>
您可以直接把这些代码copy到自己的Blog中来使用,也可以以此为启发,定制出自己的个性化Blog.
