2005年01月08日

写着写着,猛然发现今天看的都是老片子,嘻嘻,也不错,偶尔调剂一下。

12.04.04.英国.致命档案.Hidden.Agenda.1990

看这个片子很容易联想到以前看过的电影《螃蟹》、《国家机密》、《水门事件》、《刺杀肯尼迪》等以揭露政府黑幕为主的故事,尤其是本片涉及到英国(曾经殖民地多多)的北爱尔兰问题。针对这个问题,我们可以联想到《爱国者游戏》、《因父之名》等影片,尤其是看过电影《勇敢的心》的朋友耳边可能还回响着那声FREEDOOM。现实是到“硬娘子”撒切尔夫人当英国首相的时候,对北爱尔兰采取了十分强硬的态度和措施,影片的背景就是基于当时北爱尔兰十分严峻的社会形势。拍摄的角度中规中举,相当于1990可能十分的突破,现在来看可能很多都比较普通,不过高级督察彼得的扮演者给人印象深刻,最后调查的结局也符合本片类似纪录片的性质。

【英文名】Hidden Agenda
【中文名】致命档案
【出品年代】1990
【IMDB链接】http://www.imdb.com/title/tt0099768/
【IMDB评分】6.7/10 (430 votes)
【文件格式】XviD + MP3
【文件大小】1CD 49 x 15MB
【视频尺寸】640 x 352
【影片长度】01:48:38
【对白语言】英语
【字幕语言】外挂中/英文
【国  家】英国
【类  别】剧情
【导  演】Ken Loach
【演  员】Frances McDormand …. Ingrid Jessner
      Brian Cox …. Kerrigan
      Brad Dourif …. Paul Sullivan
      Mai Zetterling …. Moa
      rest of cast listed alphabetically
      Bernard Archard …. Sir Robert Neil
      Maureen Bell …. Mrs. Molloy
      John Benfield …. Maxwell
      Bernard Bloch …. Henri
      Stephen Brigden …. Army major

【内容简介】
英国名导演肯.洛奇以纪实手法披露英国统治单位如何以非法手段对付北爱尔兰民权分子的力作,气氛极具爆炸性,令人对政治的黑暗感到不寒而栗。剧情描述美国律师保罗是国际公民自由权联盟的成员,他在北爱尔兰展开调查有所收获,正要赴一个神秘约会时在路上被射杀身亡。英国内政部迫于压力派出高级督察彼得赴北爱追查真相,在保罗女友的协助下发现保罗的死牵涉了一宗重大的政治阴谋,阴谋的证据是一卷录音带,警方为了毁灭证据不惜杀人。彼得更进一步追查,发现英国的政府高层正是整个事件的幕后黑手,据说本片影射了英国首相柴契尔夫人的政权,内行的观众不妨看个仔细。

12.10.04.Silverado.1985.DVDRip.XviD.iNT-YYddr 银城歼霸战

西部片有很多种,本片属于比较传统的那种,爱恨分明、快枪恩仇、漂泊的生活,尤其是基本没有女主角,如果一定说有的话也很“特色”。看美女就免了,看枪战也不多,那么看什么呢?就看剧照最右边那个人,凯文·科斯特纳 Kevin Costner ,YES,1985年的他可真是TMD年轻啊,谁会想到之后的《保镖》《与狼共舞》啊 8-)

◎片  名 Silverado
◎中文 名 银城歼霸战/西尔弗拉多/四大汉
◎年  代 1985
◎国  家 美国
◎类  别 动作/西部
◎语  言 英语
◎字  幕 外挂中文/英语
◎IMDB评分 7.0/10 (5,577 votes)
◎IMDB链接 http://www.imdb.com/title/tt0090022
◎文件格式 XviD + AC3
◎视频尺寸 640×272
◎文件大小 2CDs , 2×15MBx49
◎片  长 127 Min
◎导  演 劳伦斯·卡斯丹 Lawrence Kasdan
◎主  演 凯文·克莱恩 Kevin Kline …. Paden
      斯科特·格伦 Scott Glenn …. Emmett
      凯文·科斯特纳 Kevin Costner …. Jake
      丹尼·格洛弗 Danny Glover …. Malachi ‘Mal’ Johnson
◎简  介 
  由一邪恶警长控制的西部荒凉小镇,在黄沙万里的原野上,成了一切罪恶的渊源。镇民们处于淫威之下,敢怒不敢言。直到有一天,四个英雄出现了--四个被逼上梁山的西部好汉,在强大恶势力的笼罩下,骑马闯进了小镇。。。。

记得我的教程有教过抽线效果的做法,但是好多朋友说还不知道怎么做~
今晚花了我好多时间写教程,不会的看看吧~
先看看抽线的效果:

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

还有一个是点阵的做法,效果如下:

按此在新窗口浏览图片

按此在新窗口浏览图片

欢迎参与原贴讨论:bbs/dispbbs.asp?boardID=9&ID=2490&page=1

返回页顶

改成你的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.

返回页顶

转贴:http://blog.csdn.net/hbzxf/archive/2004/06/28/28847.aspx

本篇文章是最后一篇CSDNBLOG技巧性的文章了。

废话少说,见下列技巧

1、如果你需要为你的BLOG添加公告图片并且居中的话:

在’静态新闻/声明’中添加<center><img src=’imgurl’></center>


2、如果你不想让某些TD、TR显示的话你可以在相应的TR、TD样式里添加:

STYLE=”DISPLAY:NONE”

这个功能可以让你实现首页只显示文章的标题而不显示内容

3、如果你想为你的链接添加图片的话:

修改栏目的文字为图片链接地址  <img src=’imgurl’ border=1>

这个功能可以让你做到图片栏目和图片友情连接

4、如果在公告里你的文字连成一起,你可以在需要分段的情况下添加<br>

5、如果你想设计个性化的左边栏目的话,这样做:取消你所有的栏目定义,把所有需要添加的图片、文字、链接通过Dreamweaver设计好后,把需要的源代码复制到’静态新闻/声明’中

6、详细分析系统的皮肤CSS文件和系统应用的位置,重新定义样式,可以实现XP风格的页面

7、在系统任何可能输入文字的地方,都尝试加上HTML语法,可以使你的CSDNBLOG更加个性化。

8、如果你需要对你的CSDNBLOG做更深入研究的话,那Javascript可能是你的选择,不过对造成的不良后果,个人承担责任。

转贴:http://blog.csdn.net/hbzxf/archive/2004/06/27/27879.aspx

如果你已经有了一个比较个性化的计数器的话,下面我教你如何为CSDNBLOG制作自定义皮肤的功能,如果你没有并且需要为你的CSDNBLOG添加一个个性化计数器的话,可以参阅我写的另一篇文章。

关于给CSDNBLOG添加计数器
http://blog.csdn.net/hbzxf/archive/2004/06/26/27040.aspx

1、使用系统定义皮肤
系统为我们已经提供了几个定义好的皮肤界面,我们可以通过’选项’-'配置’-'皮肤’来选择自己喜欢的。

2、自定义皮肤

下面以更改Cogitation皮肤为例

1、选项-配置-皮肤-选择Cogitation

2、CSDNBLOG会默认使用http://blog.csdn.net/skins/Cogitation/style.css为样式表文件(我怎么知道的,呵呵,源代码里面有的)

3、通过记事本或其他编辑工具打开http://blog.csdn.net/skins/Cogitation/style.css可以看到如下内容(截取部分)

.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
 color: White;
 text-decoration : none;
 font-size: .75em;
 font-weight: normal;
}

.HeaderBar
{
 font-weight: normal;
 font-size: 8pt;
 border-collapse: collapse;
 background-image: url(images/BlueTabBack.jpg);
   background-repeat:repeat-x;
}

.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
 color: WhiteSmoke;
 text-decoration: none;
 font-weight: normal;
}

.HeaderBarTab
{
 background-image: url(images/BlueTabFace.jpg);
   background-repeat:repeat-x;
   border-collapse: collapse;
   padding: 0px;
}

.BlogStatsBar
{
 text-align:right;
 font-weight: normal;
 font-size: 7pt;
 color: Silver;
 border-collapse:collapse;
}

4、我们现在重新定义#top,#top定义了版面顶部样式

原始样式内容如下:

#top
{
 background-image: url(images/BlueTabBackground.gif);
   background-repeat: repeat;
 color : WhiteSmoke;
 border-top : 4px solid Black;
 border-bottom : 4px solid Black;
 padding: 0px;
 margin: 0px;
}

通过察看自己CSDNBLOG源代码发觉#top应用的位置如下:

<div id=”top”>
 
<div>
 <table>
  <tr>
   <td class=”HeaderTitles”>
    <h1><a id=”Header1_HeaderTitle” class=”headermaintitle” HREF=”/hbzxf/”>阿好空间(HBZXF)</a></h1>
    <p id=”tagline”>人生不止一次需要反反复复的回忆,也许这才是人生的哲理</p>
   </td>
  </tr>
 </table>
</div>


重新定义后的样式如下:(我们现在要修改背景图片)

#top
{
 background-image: url(images/BlueTabBackground.gif);//改变背景图片url为自己图片的位置
   background-repeat: repeat;
 color : WhiteSmoke;
 border-top : 4px solid Black;
 border-bottom : 4px solid Black;
 padding: 0px;
 margin: 0px;
}

5、把定义后的样式粘贴到’选项’-'配置’-'定制css选择器’

6、保存更改后的配置,重新察看自己CSDNBLOG的页面,是不是变成了自己定义好的图片

7、按照以上方法逐个修改,就会产生一个与众不同、个性化的CSDNBLOG


返回页顶