爲你的 Blog 添加“天氣預報”功能。 Sun_Jianhua [原作]
在“選項”->“配置”的“靜態新聞/聲明”中加入下面的語句就可以了:
<p><b>今日天氣</b><br>
<center><iframe width=157 height=240 frameborder=0 scrolling=NO src='http://appnews.qq.com/cgi-bin/news_qq_search?city='></iframe></center>
作者Blog:http://blog.csdn.net/Sun_Jianhua/
給blog增加flash精美時鐘
發現了很多絢麗的FLASH鐘錶,免費,沒有廣告的可以使用,顏色也可選擇,安裝也方便。
你可以預覽後選擇自己喜歡的。
刻度時鐘:
<EMBED SRC=http://www.butabon.com/Clock/clock_038.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/clock_038.swf是時鐘的flash地址,可以在IE中預覽,其中的038可以替換成000-039之間或者051-059之間的任何一個數字(全看個人喜好,呵呵)
數字時鐘:
第一種風格:
<EMBED SRC=http://www.butabon.com/Clock/digiwide019.swf WIDTH=150 HEIGHT=15 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/digiwide019.swf同樣是時鐘的flash地址,可以在IE中預覽,其中的019可以替換成000-019之間之間的任何一個數字(同樣全看個人喜好,呵呵)
第二種風格:
<EMBED SRC=http://www.butabon.com/Clock/digital_019.swf WIDTH=150 HEIGHT=90 wmode=transparent quality=high loop=true menu=false>
其中的http://www.butabon.com/Clock/digital_019.swf同樣是時鐘的flash地址,可以在IE中預覽,其中的019可以替換成000-019之間之間的任何一個你可以在IE中可以成功預覽的數字(請自己測試)。
更多blog特效請見:http://blog.csdn.net/kvw3000/archive/2004/07/14/41178.aspx
作者Blog:http://blog.csdn.net/kvw3000/
BLOG技巧:給BLOG加一個控制菜單展開和收縮的按扭
在看文章的時候BLOG的菜單欄實在的太礙眼,我於是加了個按扭用來控制菜單的顯示和隱藏。這可以用javascript來實現,但是CSDN BLOG是不允許在配置中直接加入javascript的,但是我們可以將javascript加入到一張圖片onload事件裏執行。看我的就是加到計數計的圖片代碼裏了,效果看左上角。程序代碼如下:
var div=document.createElement('span');
document.body.insertAdjacentElement('beforeEnd',div);
div.style.cssText='position:absolute;display:block;top:42;left:2;width:90;height:20;color:green;background:yellow;border:2 outset;cursor:hand;';
div.innerText='<<收回菜單';
div.οnclick=function()
{
var isHide=(rightmenu.style.display=='none');
rightmenu.style.display=isHide?'block':'none';
div.innerText=isHide?'<<收回菜單':'展開菜單>>';
}
作者Blog:http://blog.csdn.net/laily/
對BLOG皮膚的具體修改
我所選擇的皮膚模式是AnotherEon001。以下是具體的自定義的CSS:
.headermaintitle{font-family:隸書;font-size:1cm;color:#000000;align:center}
.BlogStats{color:black;}
p.date span
{
background-color : #e7e7e7;
}
.post
{
border: 1px solid #CCCCCC;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 4px;
margin-bottom: 28px;
background-color: #dadada;
}
.post h2
{
font-size: 14px;
margin: 0px;
margin-bottom: 4px;
font-family:楷體_gb2312;
}
.post a
{
color: #ff5500;
}
.post .postfoot
{
margin: 0px;
margin-top: 14px;
color: #aa6666;
border-top: 1px solid #DDDDDD;
font-size: 0.8em;
background-color: #c8c8c8;
}
#top
{
background-color : #ffffff;
height: 75px;
vertical-align: middle;
background-image:url(http://blog.csdn.net/images/blog_csdn_net/peterdoo/18050/o_yu.jpg);
background-repeat:no-repeat;
filter:alpha(opacity=80);
}
#sub
{
text-align: right;
background-color:#BBd4D9;
color: #CCCCCC;
font-size: 0.8em;
padding: 4px;
}
#LeftCell
{
width: 200px;
vertical-align: top;
background-color:#BBC3D9;
filter:alpha(opacity=100,finishopacity=0,style=1);
}
.MainCell
{
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
background-color:#e7e7e7;
vertical-align: top;
}
背景圖片是上傳到相冊中的圖片。
對左邊的菜單區沒有使用背景圖片,只是使用filter:alpha(opacity=100,finishopacity=0,style=1);產生了過渡效果的背景色。其實沒什麼技術含量!
作者Blog:http://blog.csdn.net/peterdoo/
BLOG中顯示你的MSN和QQ的狀態
將以下代碼粘貼到BLOG管理配置中'靜態新聞'文本框中就可以了,保存頁面,重新看看你的首頁
MSN狀態:
<A HREF="http://snind.gotdns.com:8080/message/msn/MSN帳號([email protected])>
<IMG SRC="http://snind.gotdns.com:8080/msn/MSN帳號([email protected])"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
οnerrοr="this.οnerrοr=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';"></A>
更多可去http://snind.gotdns.com:8080
QQ狀態:
<img src="http://icon.tencent.com/你的QQ帳號/l/612/">
作者Blog:http://blog.csdn.net/csdnb3a/
爲你的Blog打造個性日曆控件
日曆控件是dotnet自帶的控件之一,功能強大,在很多項目開發中都有用到,對於blog系統來說更是必不可少。縱是好玉也仍需雕琢,爲了使它更美觀實用,我們還需要對它進行二次開發。
第一步是外觀設置,這個根據你的需要,只需對它的相關屬性做一些調整即可。下圖是我調整後的界面
屬性設置如下:<?xml:namespace prefix = asp /><asp:calendar id="Calendar1" CellPadding="2" Width="160px" TitleStyle-BackColor="#000000" BorderColor="#aaaaaa"
DayHeaderStyle-BackColor="#5e715e" OtherMonthDayStyle-ForeColor="#cccccc" DayNameFormat="Full"
runat="server" TitleStyle-ForeColor="#ffffff" NextPrevStyle-ForeColor="#ffffff" CellSpacing="1"
WeekendDayStyle-BackColor="#eeeeee" DayHeaderStyle-ForeColor="#ffffff" SelectionMode="None"
TodayDayStyle-BorderColor="#5e715e" TodayDayStyle-BorderWidth="1" TodayDayStyle-Font-Bold="true"
TodayDayStyle-ForeColor="#5e715e">
第二步是對內部功能的調整,這個工作主要集中在以下兩個事件的處理上。
PreRender:當服務器控件將要呈現給其包含的Page對象時發生。
DayRender:當爲Calendar控件在控件層次結構中創建每一天時發生。
- 先定義三個整型變量和整型數組
private int[] arrCurrentDays,arrPreDays,arrNextDays; //三個變量分別是當前月,前一月,和下一個月
private int intCurrentMonth,intPreMonth,intNextMonth; //三個整型數組存放相對月份寫有blog的日期
protected System.Web.UI.WebControls.Calendar Calendar1; //這個就是我們的日曆控件了
2. 下面我將分別給出這兩個事件的源碼,並在下面解釋它實現的功能,如果你看不明白,可以先看下面的說明
- PreRender
private void Calendar1_PreRender(object sender, System.EventArgs e)
{
Thread threadCurrent = Thread.CurrentThread;
CultureInfo ciNew = (CultureInfo)threadCurrent.CurrentCulture.Clone();
ciNew.DateTimeFormat.DayNames = new string[]{"日","一","二","三","四","五","六"};
ciNew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday;
threadCurrent.CurrentCulture = ciNew;
}
以上代碼改變了星期名稱的顯示。你只需改變字符數組的值就能改名稱顯示。
- DayRender
private void Calendar1_DayRender(object sender, System.Web.UI.WebControls.DayRenderEventArgs e)
{
//該控件在創建每一天時發生。
CalendarDay d = ((DayRenderEventArgs)e).Day;
TableCell c = ((DayRenderEventArgs)e).Cell;
// 初始化當前月有Blog的日期數組
if( intPreMonth == 0 )
{
intPreMonth = d.Date.Month; // 注意:日曆控件初始化時我們得到的第一個月並不是當前月,而是前一個月的月份
intCurrentMonth = intPreMonth+1;
if (intCurrentMonth>12)
intCurrentMonth=1 ;
intNextMonth = intCurrentMonth+1;
if (intNextMonth >12)
intNextMonth =1;
arrPreDays = getArrayDay(d.Date.Year,intPreMonth); //得到前一個月有blog的日期數組
arrCurrentDays = getArrayDay(d.Date.Year,intCurrentMonth) ;//得到當月有blog的日期數組
arrNextDays = getArrayDay(d.Date.Year,intNextMonth) ;//得到下個月有blog的日期數組
}
int j=0;
if( d.Date.Month.Equals(intPreMonth) )
{
while( ! arrPreDays[j].Equals(0) )
{
if(d.Date.Day.Equals(arrPreDays[j]))
{
c.Controls.Clear();
c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+
d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>"));
}
j++;
}
}
else if( d.Date.Month.Equals(intCurrentMonth) )
{
while( ! arrCurrentDays[j].Equals(0) )
{
if(d.Date.Day.Equals(arrCurrentDays[j]))
{
c.Controls.Clear();
c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+
d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>"));
}
j++;
}
}
else if( d.Date.Month.Equals(intNextMonth) )
{
while( ! arrNextDays[j].Equals(0) )
{
if(d.Date.Day.Equals(arrNextDays[j]))
{
c.Controls.Clear();
c.Controls.Add(new LiteralControl("<a href=day.aspx?year="+d.Date.Year+"&month="+
d.Date.Month+"&day="+d.Date.Day+">"+d.Date.Day+"</a>"));
}
j++;
}
}
}
日期控件一個頁面能顯示三個月份的日期,當前月是完整的,前一月和下一月有部分日期。DayRender事件會初始化具體日期的顯示方式,在這裏我們要對有blog內容的日期加上超級鏈接。於是我們需要在初始化時得到三個數組,數組裏分別存放連續三個月的寫有blog的日期。然後依次與當前日期比較,相同則加上鍊接。
在使用DayRender事件時,你一定不要忘了它是在每個日期初始化時執行一次,這就意味着初始化一次日曆控件這個事件就要執行42次,所以要儘可能的簡化操作,更不要不加判斷的進行重複的數據庫操作,我剛開始時沒注意,在該事件裏寫了兩個讀庫語句,結果嚴重影響性能。
- 下面這個方法是我用來獲得日期數組的。
// 得到該月有blog的日期數組
private int[] getArrayDay(int intYear,int intMonth)
{
int[] intArray = new int[31];
//從數據庫裏選取符合要求的記錄,將日期存入數組
string strSql = "select content_time from content where year(content_time)="+intYear+
" and month(content_time)="+intMonth;
dr = SqlHandle.GetDr(strSql);
while(dr.Read())
{
if( i==0 )
{
intArray[i] = dr.GetDateTime(0).Day;
i++;
}
else if( dr.GetDateTime(0).Day != intArray[i-1] )
{
intArray[i] = dr.GetDateTime(0).Day;
i++;
}
}
dr.Close();
return intArray;
}
具體的使用效果可以去我的blog看: www.dever.cn
作者Blog:http://blog.csdn.net/devercn/另外的一個設置的帖子:
http://blog.csdn.net/kvw3000/archive/2004/07/14/41178.aspx