左右挂件(对联)代码(2006-09-29 06:14)
左侧对联代码:
<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代码的原理写的.....
代码:
<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 指的是正文部分的宽度(也就是文章部分的宽度)
<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)
{
如何在图片上编辑文字(2006-09-29 00:01)
勾选“显示源代码”勾选框,应定要勾选!在文本框中插入如下代码。
代码:
<TABLE borderColor=#十六进制数 height=数字 width=数字 border=数字>
<TBODY>
<TR>
<TD vAlign=top
background=背景图片链接></TD></TR></TBODY></TABLE>
代码说明:
代码的第一行图片框的属性,borderColor、height、width和border几个属性值可以进行修改,他们分别代表边框颜色,边框的高度,边框的宽度和边框的粗细值,其中边框颜色属性必须为十六进制数,或者为red、yellow、blue等。在background后面填入索要插入的背景图片的链接。
注意,边框的宽高值最好根据图片的大小来设置.
如何更改博客最上面的通栏图片(2006-09-28 23:54)
新浪博客的通栏图位于博客首页上方的长条图,通栏图的样式可以在“控制面板中”的“定制我的模板”中选择。
新浪博客的通栏图
你也可以修改为自己上传的通栏图。可以通过代码修改环境属性来修改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、不会挡住你的博客
RE:隐藏博客各部分的代码(2006-09-28 22:26)
9.18 勿忘国耻,振兴中华!
注:示范图片红色边框中的内容即是将要隐藏的项目,请谨慎使用隐藏代码。
隐藏记数器:
<DIV> </DIV>
<STYLE>#labelFM000014{display:none;}</STYLE>
--------------------------------------------------------------------------------
隐藏阅读器:
<DIV> </DIV>
<STYLE>#labelFM000011{display:none;}</STYLE>
--------------------------------------------------------------------------------
隐藏首页横幅上的博客标题:
<DIV> </DIV>
<STYLE>.title td {display:none;} </STYLE>
--------------------------------------------------------------------------------
页面布局与文字设计(综合示例)(2006-09-26 13:15)
综合示例
前面我们所讲是单独使用一个标签的方法,在实际的编写中,许多标签和一些属性是结合起来使用的,
比如:
<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>
了
页面布局与文字设计(位置控制)(2006-09-26 13:09)
位置控制
通过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