文本边框效果的源代码<给文章加上好看的边框>
文本框字体的源代码:
<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px这个数字可以自己改,合适的滚动文本框大小;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</DIV>
代码说明:
align=center
居中对齐是center,居左是left,右是right
style='
color: #990099;
前景色为#ffffff
color: #ffffff;
背景色为#000000
background-color: #000000;
边框为2像素,黑色
border: solid 2px black;
宽度120像素
width: 120px;
高度200像素
height: 200px;
超出范围时使用滚动条
overflow: scroll;
滚动条的各个颜色如下
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
在这个层中显示文字“日志文字”,层结束标志
'>日志文字</DIV>
在图片中间实现文字框特效的源代码: <CENTER> 要书写的内容</FONT></DIV></TD></TR></TBODY></TABLE></CENTER> 代码说明: |
给文字框加上背景图片特效的源代码: <DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ff00ff; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 470px这个数字是滚动文本框的大小,可以自己调整; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 180px; BACKGROUND-COLOR: #ffff11" align=center><FONT color=#009900 size=4> 代码说明: |
发布于2006年08月13日 10:39 | 评论数(4) 阅读数(1182) 学做博客
让宝宝的照片在博客里飘浮的代码
<script language="JavaScript">
<!--pngmoving logo-->
var pngbrOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
var pngmystop=0;
function pngcheckbrOK()
{if(aname.indexOf("Internet Explorer")!=-1)
{if(aver>=4) pngbrOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{if(aver>=4) pngbrOK=navigator.javaEnabled();}
}
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
function pngchip(chipname,width,height)
{
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function pngmovechip(chipname)
{
if(pngbrOK && pngmystop==0)
{eval("pngchip="+chipname);
if(!mie)
{pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-8;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight;
}
pngchip.xx=pngchip.xx+pngchip.vx;
pngchip.yy=pngchip.yy+pngchip.vy;
pngchip.vx+=vr*(Math.random()-0.5);
pngchip.vy+=vr*(Math.random()-0.5);
if(pngchip.vx>(vmax+vmin)) pngchip.vx=(vmax+vmin)*2-pngchip.vx;
if(pngchip.vx<(-vmax-vmin)) pngchip.vx=(-vmax-vmin)*2-pngchip.vx;
if(pngchip.vy>(vmax+vmin)) pngchip.vy=(vmax+vmin)*2-pngchip.vy;
if(pngchip.vy<(-vmax-vmin)) pngchip.vy=(-vmax-vmin)*2-pngchip.vy;
if(pngchip.xx<=pageX)
{pngchip.xx=pageX;
pngchip.vx=vmin+vmax*Math.random();
}
if(pngchip.xx>=pageX+pageW-pngchip.w)
{pngchip.xx=pageX+pageW-pngchip.w;
pngchip.vx=-vmin-vmax*Math.random();
}
if(pngchip.yy<=pageY)
{pngchip.yy=pageY;
pngchip.vy=vmin+vmax*Math.random();
}
if(pngchip.yy>=pageY+pageH-pngchip.h)
{pngchip.yy=pageY+pageH-pngchip.h;
pngchip.vy=-vmin-vmax*Math.random();
}
if(!mie)
{eval('document.'+pngchip.named+'.top ='+pngchip.yy);
eval('document.'+pngchip.named+'.left='+pngchip.xx);
}
else
{eval('document.all.'+pngchip.named+'.style.pixelLeft='+pngchip.xx);
eval('document.all.'+pngchip.named+'.style.pixelTop ='+pngchip.yy);
}
pngchip.timer1=setTimeout("pngmovechip('"+pngchip.named+"')",100);
}
}
function pngstop(x)
{
pngbrOK=true;
pngmystop=x;
pngmovechip("pngtome");
}
var pngtome;
var pngchip;
function pngtome()
{pngcheckbrOK();
pngtome=new pngchip("pngtome",80,80);
if(pngbrOK)
{ pngmovechip("pngtome");
}
}
ns4=(document.layers)?true:false;
ie4=(document.all)?true:false;
function pngover()
{
if(ns4){
//document.png.left=window.innerWidth/2-400;
eval('document.png.left=document.'+pngchip.named+'.left');
eval('document.png.top=document.'+pngchip.named+'.top-15');
document.png.visibility="show";
}else if(ie4)
{
//document.all.png.style.left=window.document.body.offsetWidth/2-400;
document.all.png.style.left=parseInt(document.all.pngtome.style.left);
document.all.png.style.top=parseInt(document.all.pngtome.style.top)-20;
document.all.png.style.visibility="visible";
pngstop(1);
}
}
function pngout()
{
if(ns4){
document.png.visibility="hide";
}else if(ie4)
{
document.all.png.style.visibility="hidden";
pngstop(0);
}
}
document.write("<div id='pngtome' style='position:absolute;'><a href='http://blog.ci123.com/xuewaifeiling这个是超链接的地址,写上你自己的地址' target=_blank onMouseOver=pngover() onMouseOut=pngout() target='_blank'><img src=http://static.ci123.com/uploadfiles/060617/TYOU3wkDrf2P6V40.jpg这个是第一个图片的地址,请填自己的 width=100 height=100 border=0 ¤楚氏介风网¤></a>"
+"</div>"
+" <div id='png' style='position:absolute; left:0;top:0;;visibility:hidden;'>"
+" <a href='http://blog.ci123.com/xuewaifeiling这个是超链接的地址,写上你自己的'target=_blank onMouseOver=pngover() onMouseOut=pngout()><img src=http://static.ci123.com/uploadfiles/060612/UOr3lE41Eh3b7L4b.gif这个是第二个图片的地址,请填自己的 width=80 height=80 border=0 alt=¤imageser¤></a>"
+" </div>");
pngtome()
<!--moving logo 结束-->
</script>
其中红色填入您自己的超链接地址:
紫色填入您自己的图片地址:
width=80为宽度 80可以自己改合适的宽度 height=80 为高度,数字可自行调整.
发布于2006年07月18日 20:28 | 评论数(8) 阅读数(605) 学做博客
网易博客信纸,使用超简单
| 复制起点--> | |||||||
| |||||||
复制终点-->
====================
复制起点-->
|
复制终点-->
====================
复制起点-->
|
复制终点-->
====================
复制起点-->
|
复制终点-->
====================
复制起点-->
| |||||||
复制终点-->
====================
复制起点-->
| ||||||||
复制终点-->
复制起点-->
复制终点-->
==================
复制起点-->
|
复制终点-->
==================
复制起点-->
|
复制终点-->
==================
复制起点-->
|
复制终点-->
==================
复制起点-->
| |||||||||
复制终点-->
==================
复制起点-->
|
复制终点-->
==================
复制起点-->
|
复制终点-->
==================
复制起点-->
| |||||||
复制终点-->
==================
复制起点-->
|
复制终点-->
==================
复制起点-->
|
复制终点-->
==================复制起点-->
|
复制终点-->
==================复制起点-->
|
复制终点-->
复制起点--> | ||||||||||
|
复制终点-->
================
复制起点-->
|
复制终点-->
=================
复制起点-->
|
复制终点-->
==================
复制起点-->
| ||||||
复制终点-->
===================
复制起点-->



