在你的桌面上,最新的CodeProject文章

分享于 

13分钟阅读

Web开发

  繁體

。样例图像- 最大宽度为 600像素

介绍

这是一个简单的活动桌面项目,它显示最新发布的CodeProject文章。

使用代码

简单复制HTML代码并将它的保存在 <中任何 name>。 然后将该文件设置为活动桌面。 所有的一切。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<html>


 <head>


 <style>


BODY, P, H1, H2, H3, H4, H5, H6, LI, TD, TH, DD, DT


{


 font-family: Verdana, Helvetica, Arial, sans-serif;


 font-size: 10pt;


 color: black;


}


BODY


{


 background-color: #ffffff;


 color: #000000;


 /*Scrollbar-face-color: #ffcc99; 


 Scrollbar-arrow-color: black;*/


}


LI,UL,OL


{


 list-style-image: none;


}


H1, H2, H3, H4, H5, TH


{


 font-weight: bold;


}


H2, H3, H5


{


 color: #ff9900;


}


H1


{


 font-size: 16pt;


}


H2


{


 font-size: 13pt;


}


H3


{


 font-family: Arial, sans-serif;


 font-size: 11pt;


}


H4


{


 font-size: 10pt;


 margin-bottom: 2px;


}


H5


{


 font-size: 9pt;


 margin-bottom: 2px;


}


H6


{


 color: #626262;


 font-size: 65%;


 font-weight: normal;


}


DD


{


 margin-left: 20px;


}


PRE


{


 background-color: #FBEDBB;


 padding: 7pt;


 background-image: url(/images/codebg.gif);


 font: 9pt"Courier New", Courier, mono;


 white-space: pre;


 width: 100%;


 /*overflow: auto;*/


}


CODE


{


 color: #990000;


 font-family:"Courier New", Courier, mono;


}


a:link { text-decoration:none; }


a:visited { text-decoration:none; }


a:active { text-decoration:underline; }


a:hover { text-decoration:underline; }


.top


{


 cursor: hand;


}


.MenuGroup


{


 background-color: #ffcc99;


 font-weight: normal;


 font-family: Tahoma, Arial, sans-serif;


 position: relative;


 top: 0px;


 width: 124px;


}


.MI,. MIs,. MIn,. MIsn


{


 background-color: #ffcc99;


 color: black;


 font-size: 8pt;


 font-weight: normal;


 font-family: Verdana, Arial, sans-serif;


 width: 118px; 


 cursor: hand;


}


.MI,.MIn


{


 text-decoration: none;


}


.MI,.MIs


{


 padding-left: 3pt; 


 margin-left: 3pt;


 border: 1 solid #ffcc99;


}


.MIn


{


 border: 1pt solid #ffcc99;


}


.MIn,.MIsn


{


 padding-left: 2px; 


 margin-left: 2px;


}


.sidebar


{


 font-weight: bold;


 color: #ffffff;


 font-size: 9pt;


 text-decoration: none;


}


.navbar 


{


 font-weight: bold;


 color: white;


 font-size: 8pt;


 text-decoration: none;


}


.navbar:hover { color:blue; } 


.navbar:active { color:red; }


.infobar


{


 font-size: 8pt;


 margin-left: 0pt;


 text-indent: 0pt;


}


.infobarList


{


 font-size: 8pt;


 margin-left: 1.5em;


 text-indent: -1.5em;


}


.InfobarHeader


{


 font-size: 9pt;


 font-weight: bold;


 margin-bottom: -10px;


 color: #ab2600;


 /*color: #85BC4C;*/


}


.HoverLink


{ 


 text-decoration: none; 


 font-size:8pt; 


 padding: 1px 2px 1px 2px;


 /*margin: 1px 1px 1px 1px;*/


 background-color: #fbedbb;


 border-color: #fbedbb;


 border-width: 1px;


 border-style: solid;


}


A.HoverLink


{


 text-decoration: none; 


 color : blue; 


 cursor: hand;


}


A.HoverLink:hover


{


 border-color: #ff9900;


 background-color: #ffcc99;


}


A.HoverLink:active


{


 background-color: #FFC082;


 border-color: #ff9900;


}


TT.equation 


{ 


 font-family: 'Times New Roman', serif; 


 font-size: 10pt; 


 font-style: italic; 


 white-space: pre; 


}


UL.download 


{


 margin-left: 1.5 em


}


UL.download LI, LI.download


{


 list-style-image: url(/images/download.gif);


 font-size: 9pt;


 font-family: Verdana, Arial, Helvetica, sans-serif;


 padding-left: 0.5 em;


}



UL.delegate LI, LI.delegate { list-style-image: url(/images/symbols/delegate.gif); }


UL.enum LI, LI.enum { list-style-image: url(/images/symbols/Enum.GIF); }


UL.event LI, LI.event { list-style-image: url(/images/symbols/event.GIF); }


UL.interface LI, LI.interface { list-style-image: url(/images/symbols/interface.GIF); }


UL.literal LI, LI.literal { list-style-image: url(/images/symbols/literal.GIF); }


UL.method LI, LI.method { list-style-image: url(/images/symbols/method.GIF); }


UL.namespace LI, LI.namespace { list-style-image: url(/images/symbols/namespace.GIF); }


UL.property LI, LI.property { list-style-image: url(/images/symbols/property.GIF); }


UL.struct LI, LI.struct { list-style-image: url(/images/symbols/struct.GIF); }



UL.compactlist LI, LI.compactlist 


{


 list-style-image: url(/images/smallarrow.gif);


 font-size: 8pt;


 font-family: Verdana, Arial, Helvetica, sans-serif;


 margin-left: -1 em;


 margin-bottom: 0pt;


}


UL.compactlist


{


 margin-top: 5pt;


 margin-bottom: 5pt;


}


.MainHeader


{


 color: black;


 font-family: Tahoma, Helvetica, Arial, sans-serif;


 font-size: 155%;


 font-weight: bold;


}


.formButton


{ 


 font-size:90%; 


 color: white; 


 border-color: #FBEDBB; 


 background-color: #E08900; 


 font-weight: 700; 


}


.SiteNewsHeading,.DevNewsHeading


{


 font-family: Verdana, Helvetica, Arial, sans-serif;


 font-weight: bold;


}


.DevNewsHeading


{


 font-size:10.5pt; 


}


.links,. messagetitle,. SiteNews,. SmallText,. SiteNewsHeading


{


 font-size:8pt; 


}


.NewsFlash


{


 margin-top:5;


 font-size:9pt;


}


.DevNewsContent


{


 font-size:9pt; 


}


.messagecontent


{


 font: 9.5pt Verdana,"Courier New", Courier, mono;


}


.Default { font-family: Verdana, Helvetica, Arial, sans-serif; }


.forum_link:link { text-decoration:none; color:#E08900 }


.forum_link:visited { text-decoration:none; color:#E08900 }


.forum_link:active { text-decoration:none; color:#E08900 }


.forum_link:hover { text-decoration:underline; color:#E08900 }


.forum_hilite { background-color: yellow}



.cpp-comment,.cs-comment,.vb-comment { COLOR: green; FONT-STYLE: italic; }


.cpp-keyword,.cs-keyword,. vb-function { COLOR: blue; }


.cpp-preprocessor,. cs-preprocessor { COLOR: navy; }


.cpp-string,.cs-string,.vb-string { COLOR: purple; }


.cpp-literal,.cs-literal,.vb-literal { COLOR: midnightblue }



.vb-keyword,.vb-statement { COLOR: blue; font-weight:normal;}



/* Form Elements 


SELECT, INPUT, TEXTAREA


{ 


 border: #ff9900;


 font-family: Verdana;


 font-size: 10pt;



 color: #333333; 


 background-color: #FBEDBB;


 border-style: inset; 


 border-width: 2px; 


 Scrollbar-face-color: #ff9900; 


 Scrollbar-backgound-color: #ffcc99; 


 Scrollbar-arrow-color: black;


}*/


TABLE#tblButtonBar {


 MARGIN-TOP: 1px


}


.clsButton {


 BACKGROUND-COLOR: #ff9900;


 BORDER-RIGHT: #ff9900 1px solid; 


 BORDER-TOP: #ff9900 1px solid; 


 BORDER-LEFT: #ff9900 1px solid; 


 BORDER-BOTTOM: #ff9900 1px solid;


 text-decoration: none; 


 font-weight: bold; 


 FONT-SIZE: 8pt; 


 CURSOR: hand;


 color: #333300;


}


TD.clsButtonBar TABLE.clsButton TD {


 PADDING: 1px;


}


.clsButtonLnk {


 text-decoration: none; 


 font-weight: bold; 


 FONT-SIZE: 8pt; 


 CURSOR: hand;


 color: #333300;


 padding: 1;


}


.clsButtonLnk:hover {


 color: blue;


}


.FeatureBox


{


 background-color: #A5C9EF;


 BORDER: #6699cc 1px solid; 


 PADDING: 2px; 


}


.FeatureBoxHeader,. FeatureBoxHeader a


{


 color: #993300;


 font-family: Verdana; 



 padding-left: 2pt;


 padding-bottom: 2pt;


 font-weight: bold;


 font-size: 13pt;


 /*background-color: #6699cc;*/


}


.FeatureBoxHeaderArrow


{


 background-color: #6699cc;


}


 </style>


 </head>


 <script language="JavaScript">


 var body = "";



 function find_subj(subjs, count, subj)


 {


 for (i = 0; i <count ; i++)


 if (subjs[i] == subj)


 return i;


 return -1;


 }



 function subj_out(nodes, name, count)


 {


 body += "<tr valign=top bgColor=white><td rowspan=3 width=12>"


 + "<a href='/'>"+name+"</a></td>";


 for (i = 0; i<count; i++)


 {


 var nDate = new Date(Date.parse(nodes[i].selectSingleNode("pubDate").text));


 var oTit = nodes[i].selectSingleNode("title").text;


 var oLink = nodes[i].selectSingleNode("link").text;


 var oAutor = nodes[i].selectSingleNode("author").text;


 var oDesc = nodes[i].selectSingleNode("description").text;



 if (i!= 0)


 body += "<tr valign=top bgColor=white><td rowspan=3"


 + "width=125></td>";



 body += "<td><a href='"+oLink+"'>"+oTit+"</a></td></tr><tr><td>"


 + "<FONT face=Verdana size=1 style="FONT-SIZE: 8pt" 


 +"color=#666666><b>";


 body += nDate.getHours()+":"+nDate.getMinutes()


 +":"+nDate.getSeconds()+" GMT</b></font></td></tr>";


 body +="<tr><td><FONT face=Verdana size=1 style="


 +"FONT-SIZE: 8pt" color=#666666>"+oDesc+"</font></td></tr>"; 


 } 


 }



 function on_load()


 {


 var oChanel = rss.XMLDocument.selectSingleNode("rss/channel");


 body += "<img src="+oChanel.selectSingleNode("image/url").text


 + "/><br>n";



 var oDate = new Date(0);


 var oItems = oChanel.selectNodes("item");


 var oSubj = "";


 var topen = "0";



 var Subj = new Array();


 var SubjName = new Array();


 var SubjCount = new Array();


 var Subjs = 0;


 var tSubj = -1;



 for (var i=0; i<oItems.length; i++)


 {


 var oNode = oItems.item(i);


 var nDate = new Date(Date.parse(oNode.selectSingleNode("pubDate").text));


 var nSubj = oNode.selectSingleNode("subject").text;



 if (nDate.getDate()!= oDate.getDate() 


 || nDate.getMonth()!= oDate.getMonth() 


 || nDate.getYear()!= oDate.getYear())


 {


 if (topen == "1")


 {


 for (k = 0; k<Subjs;k++)


 {


 subj_out(Subj[SubjName[k]], SubjName[k], SubjCount[k]);


 } 


 body += "</table>";


 }


 body += "<h3><b>"+new Date(Date.parse((nDate.getMonth()+1)+"-"


 + nDate.getDate()+"-"+ nDate.getYear()))+"</b></h3>";


 body += "<table cellpading=0 cellspacing=4 border=0 width='100%'>";


 oDate = nDate;



 Subjs = 0;


 Subj = new Array();


 SubjName = new Array();


 SubjCount = new Array();


 oSubj = "";


 tSubj = 0;


 topen = "1"; 


 }



 if (nSubj!= oSubj)


 {


 var tSubj = find_subj(SubjName, Subjs, nSubj);


 if (tSubj == -1)


 {


 Subj[nSubj] = new Array();


 SubjName[Subjs] = nSubj;


 SubjCount[Subjs] = 0;


 tSubj = Subjs;


 Subjs += 1;


 }


 oSubj = nSubj;


 }


 Subj[SubjName[tSubj]][SubjCount[tSubj]] = oNode;


 SubjCount[tSubj] += 1;


 }



 for (k = 0; k<Subjs; k++)


 {


 subj_out(Subj[SubjName[k]], SubjName[k], SubjCount[k]);


 } 



 body += "</table>";


 oBody.innerHTML = body;


 }


 </script>


 <body onload="on_load();">


 <xml src="http://www.codeproject.com/webservices articlerss.aspx?cat=1" 



             id="rss" /><div id="oBody"></div>


 </body>


</html>



此时我没有为代码提供任何注释。 如果你对这些代码有疑问,请张贴它们,我将根据你的问题更新代码注释。

更新 14/09/2004

按文章主题添加排序。

cod  DES  桌面  ART  文章  codepro  
相关文章