CSDN博客

img maow

我的CSDN BLOG风格设置

发表于2004/10/30 15:36:00  3691人阅读

分类: 闲杂琐记

今天刚刚激活CSDN BLOG后就对它进行了一次“美容”,哈哈(我也是个俗人,没办法)

对于BLOG,RSS等新鲜玩意我完全是个门外汉,还好InterNet是个百科全书,真难想象
没有它的日子我们能撑多久。

言规正传,在Google上搜了一把,看到很多大侠写的关于设置BLOG的文章,于是就照葫芦
画瓢照搬了他们的创意,甚至照抄了“相忘江湖”大侠的页面风格,真是“罪过”!!!

猜想大侠们应该不会在意吧,大家都用他们的创意才显得大侠厉害嘛!(但愿马屁没有拍到
马腿上,嘻嘻~~~~~~

美容的内容主要如下:
1 增加时钟
2 增加天气预报
3 增加计数器(计数器部分的代码我没有提供,需要你自己先去申请免费的计数器,
  然后那里会告诉你如何在你的页面中嵌入计数器!,我的免费计数器来自
  http://www.newzgc.com/others/counter/,在这里申请后将相应的代码放入
  “静态新闻/声明”部分即可)
4 鼠标后的动态文字
5 修改页面的显示风格

主要参考的文章:
http://blog.csdn.net/wenweimin/archive/2004/08/20/79873.aspx(源自大侠:wenweimin的专栏)

还有如下几个大侠的BLOG:
相忘江湖铁拳的 Blog .......

我的BLOG->“选项”->“配置”中相关设置如下:
(如果你不知道怎么用,copy我的配置到相应位置,当然有些地方需要你修改

皮肤
AnotherEon001

定制CSS选择器

.headermaintitle{font-family:Verdana;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:Verdana;
}
.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(你的背景照片URL);
 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;
}

静态新闻/声明

<br>
<center>
<EMBED SRC=http://www.butabon.com/Clock/clock_022.swf WIDTH=150 HEIGHT=150 wmode=transparent quality=high loop=true menu=false>
</center>
<p>
<br>
<b>&nbsp今日天气</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>

<br>
<b>&nbsp联系方式</b>
<br>
<br>

<center>
<img src="你的mail LOGO">
</img>
</center>
<br>

<center>
<img src="http://icon.tencent.com/你的QQ/l/612/">
</img> QQ:2176077
</center>
<br>
<br>

<style type="text/css">
.spanstyle
{
 position:absolute;
 visibility:visible;
 top:-500px;
 font-size:10pt;
 color: #0000ff;
 font-weight:bold;
}
</style>

<script>
 var x,y
 var step=15
 var flag=0
 var message="施主何必呢"
 message=message.split("")
 var xpos=new Array()
 for (i=0;i<=message.length;i++)
 {
  xpos[i]=-500
 }
 var ypos=new Array()
 for (i=0;i<=message.length;i++)
 {
  ypos[i]=-500
 }
 function handlerMM(e)
 {
  x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX-5
  y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY-75
  flag=1
 }
 function makesnake()
 {
  if (flag==1 && document.all)
  {
   for (i=message.length; i>=1; i--)
   {
    xpos[i]=xpos[i-1]+step
    ypos[i]=ypos[i-1]
   }
   xpos[0]=x+step
   ypos[0]=y
   for (i=0; i<message.length; i++)
   {
    var thisspan = eval("span"+(i)+".style")
    thisspan.posLeft=xpos[i]
    thisspan.posTop=ypos[i]
   }
  }
  else if (flag==1 && document.layers)
  {
   for (i=message.length; i>=1; i--)
   {
    xpos[i]=xpos[i-1]+step
    ypos[i]=ypos[i-1]
   }
   xpos[0]=x+step
   ypos[0]=y
   for (i=0; i<message.length; i++)
   {
    var thisspan = eval("document.span"+i)
    thisspan.left=xpos[i]
    thisspan.top=ypos[i]
   }
  }
  var timer=setTimeout("makesnake()",30)
 }
</script>

<body onLoad="makesnake()" >
<script>
 for (i=0;i<=message.length;i++)
 {
  document.write("<span id='span"+i+"'class='spanstyle'>")
  document.write(message[i])
  document.write("</span>")
 }
 if (document.layers)
 {
  document.captureEvents(Event.MOUSEMOVE);
 }
 document.onmousemove = handlerMM;
</script>


(完)

阅读全文
0 1

相关文章推荐

img
取 消
img