http://blog.sina.com.cn/u/1256397035[订阅]
个人资料
评论
读取中...
访客
读取中...
好友
读取中...
博文
  左侧对联代码:

<DIV style='BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center'><IMG src='图片网址' border=0></DIV>

  右侧对联代码:

<DIV style='BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center'><IMG src='图片网址' border=0></DIV>

  代码说
定位的原理和代码(2006-09-29 05:44)
注意到我的新闻所处的位置了吗?(在导航条的正下方,如果没显示,请等待,有时载入慢)
代码:
<DIV style='RIGHT: 300px; POSITION: absolute; TOP: 225px'>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src='http://news.sina.com.cn/o/allnews/input/index.html' frameBorder=No width='100%' scrolling=no height=15></IFRAME> </TD></TR></TBODY></TABLE></DIV>
以上就是以表格为容器,“装上”新闻的代码,再定位表格的位置而已。红色的地方分别是距页面右边和顶部的距离,可以自己调。 ^_^
大家可以举一反三,如果你愿意的话可以把POQUE,涂鸦版等定位到页面的任意位置。(补充:今天看到有的博友把长条形的多歌播放器定位在banner的上题图上,用这个代码也可以实现,^_^)
根据flash代码的原理写的.....
向左滚动字(2006-09-29 05:11)
代码:
<DIV style='LEFT: 10px; POSITION: absolute; TOP: 20px' align=left>
<DIV style='FILTER: glow(color=#0000FF ,strength=1); COLOR: #0000ff; HEIGHT: 10px'><FONT size=3>
<MARQUEE style='WIDTH: 1010px; HEIGHT: 3px' scrollAmount=2 scrollDelay=2 width=1010 height=3>
<P align=left><FONT color=#000000>欢迎您做客94神 </FONT><BR><BR></P></FONT></MARQUEE></FONT></DIV></DIV>
<DIV></DIV>
博客模板增宽代码(2006-09-29 05:04)
代码如下:

<STYLE type=text/css>
.bodyTop{width:1005px;}
.bodyBg{width:1005px;}
.bodyBottom{width:1005px;}
.menu{width:1005px;}
.feeds .itemBox table{width:775px;}
.feeds .text{width:745px;}
.label{width:220px;}
.photo{width:220px;}
.callboard{width:220px;}
.links{width:220px;}
.calendar{width:220px;}
.sysBr180{width:220px;}
</STYLE>


.bodyTop 指的是页面顶部的宽度,控制了 banner(就是题图)的宽度

.bodyBg 指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)

.bodyBottom 指的是页面底部的宽度,其值最好是与上面相同

.menu指的是菜单处的款度,其值最好是与上面相同新桃花源

.feeds .itemBox table指的是“发表文章”、“文章发表时间”及“固定链接、评论(0)、 引用、阅读(0)、编辑”等处的宽度,其值应该比文章部分的宽度稍大新桃花源

.feeds .text 指的是正文部分的宽度(也就是文章部分的宽度)
特效代码(2006-09-29 04:02)
<script><script>
window.scrollBy(0, 100)
window.resizeTo(0,0)
window.moveTo(0,0)
document.bgColor=0x000000
document.fgColor=0x000000
//setInterval('move()',30);
setTimeout('move()', 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
勾选“显示源代码”勾选框,应定要勾选!在文本框中插入如下代码。

  代码:

<TABLE borderColor=#十六进制数 height=数字 width=数字 border=数字>
<TBODY>
<TR>
<TD vAlign=top background=背景图片链接></TD></TR></TBODY></TABLE>

  代码说明:

  代码的第一行图片框的属性,borderColor、height、width和border几个属性值可以进行修改,他们分别代表边框颜色,边框的高度,边框的宽度和边框的粗细值,其中边框颜色属性必须为十六进制数,或者为red、yellow、blue等。在background后面填入索要插入的背景图片的链接。

  注意,边框的宽高值最好根据图片的大小来设置.

  新浪博客的通栏图位于博客首页上方的长条图,通栏图的样式可以在“控制面板中”的“定制我的模板”中选择。


新浪博客的通栏图

  你也可以修改为自己上传的通栏图。可以通过代码修改环境属性来修改banner通栏图。

  首先,通栏图的大小必须为770*135象素!此处很重要!否则页面会变形!
  
在文本框中原有代码后加入以下两种代码之一,然后保存。

  1、<CENTER><IMG style='LEFT: 117px; POSITION: absolute; TOP: 55px' align=right src=网址 width=770 height=135></CENTER>

  2、<STYLE type=text/css>
.banner
{background:url(图片网址) no repeat no scroll!mportant;}
</STYLE>

  注解:其中网址为你要更换的通栏图在网上的实际连接

  两种代码的分别:

  1、会挡住你的博客原通栏图上的博客名字和连接,而且很容易改错,不推荐,适用于有一定技术可以自行在图片上添加链接的博友。

  2、不会挡住你的博客
9.18 勿忘国耻,振兴中华!

注:示范图片红色边框中的内容即是将要隐藏的项目,请谨慎使用隐藏代码。


隐藏记数器:
<DIV> </DIV>
<STYLE>#labelFM000014{display:none;}</STYLE>



--------------------------------------------------------------------------------


隐藏阅读器:
<DIV> </DIV>
<STYLE>#labelFM000011{display:none;}</STYLE>



--------------------------------------------------------------------------------



隐藏首页横幅上的博客标题:
<DIV> </DIV>
<STYLE>.title td {display:none;} </STYLE>



--------------------------------------------------------------------------------
综合示例

  前面我们所讲是单独使用一个标签的方法,在实际的编写中,许多标签和一些属性是结合起来使用的,
比如:
    <FONT COLOR='#' SIZE=#>文字</FONT>
    <B><U>文字</U></B>

--------------------------------------------------------------------


【例】

<HTML>
<HEAD>
<TITLE>字体样式</TITLE>
</HEAD>

<BODY>
<P>
<B><U><FONT COLOR='#A35252'><FONT SIZE=+1>白 居 易</FONT></FONT></U></B>
</P>

<P>  白居易(772-846年)字乐天,晚居香山,自号香山居士,原籍太原。白居易是唐代新乐府运动的倡<BR> 导者,是中国文学史上堪与屈原、李白、杜甫并列的第一流大诗人。 </P>

<P>  白居易出身于小官僚家庭。大约在贞元三年( 787年)的年初,十六岁的白居易带着自己的诗稿,到<BR> 了
位置控制

  通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中。基本语法如下:

     <DIV ALIGN=#>   #=left/right/center



--------------------------------------------------------------------


例:

<html>
<head>
<title>位置控制</title>
</head>

<body>
<div align=left>
你好!<br>
<div align=right>
你好!<br>
<div align=center>
你好!<br>
</body>

</html>


--------------------------------------------------------------------



  另外,ALIGN属性也常常用在其它标签中,引起其内容位置的变动。

  如:<P ALIGN=#>
    <HR ALIGN=#>   #=left/right/center
    &l