新浪博客圈搜索原代码/制作漂亮的个性公告栏

      我的日志 2007-5-26 18:23

新浪博客圈搜索原代码原代码:

<FORM style="MARGIN: 0px" name=f action=http://circle.blog.sina.com.cn/group/group_search.php><INPUT class=seek id=k style="WIDTH: 150px; HEIGHT: 23px" maxLength=100 size=21 name=q onclick="javascript:if(this.value=='请输入查询词')this.value='';" autocomplete="off">   <INPUT style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 55px; BORDER-BOTTOM: 0px; HEIGHT: 23px" type=image src="http://image2.sina.com.cn/blog/tmpl/v3/search/search_button.gif" align=absBottom>   <A href="http://blog.sina.com.cn/help" target=_blank><FONT color=#3333cc>帮助</FONT></A> │ <A href="http://iask.com/" target=_blank><FONT color=#3333cc>爱问</FONT></A> <INPUT type=hidden value=utf-8 name=tag> <INPUT type=hidden value=utf-8 name=s> <BR><INPUT type=hidden value=utf-8 name=tag> <INPUT type=hidden value=utf-8 name=s> <INPUT type=hidden value=utf-8 name=t> </FORM>
<DIV id=select_t1><INPUT id=search1 type=radio value=keyword name=t onclick="checkSearch(1)"><LABEL for=search1>博客全文</LABEL> <INPUT id=search2 type=radio value=title name=t onclick="checkSearch(2)"><LABEL for=search2>文章标题</LABEL> <INPUT id=search3 type=radio value=author name=t onclick="checkSearch(3)"><LABEL for=search3>博客作者</LABEL> <INPUT id=search3 type=radio CHECKED value=author name=t onclick="checkSearch(4)"><LABEL for=search3>博客圈</LABEL>

代码:制作漂亮的个性公告栏

这个效果的公告栏实际上就是在公告栏的面板上加一个背景图片,然后将文字设置成滚动。有几个朋友曾经留言问我如何制作,现在就把我的具体设置告诉大家

1、首先点击控制面板-个人首页维护-自定义公告栏-新增一个公告栏

2、在“显示源代码”处勾选,然后将以下代码粘贴

<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background=http://bbs.flasher123.com/UploadFile/2006-5/2006541630737427.gif height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>
由于时间有限<BR>所有问题均在<BR>留言板中回答大家<BR>请大家留言后<BR>到留言板查询<BR>见谅
<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

                            点击保存
 
             返回在公告栏处就能看到新设置的效果了
 
1、代码中红色的部分就是背景图片的链接地址,大家可以任意更换喜欢的图片
 
2、代码中黄色的部分是使用的图片的高和宽,一定要设置成和图片一致,否则图片不能完整显示
 
3、代码中蓝色的部分是滚动文字的设置代码,direction=up向上down向下righ向右tleft向左
 
4、粉色的代码部分是文字从公告栏空白处出来时的高度,可以直接进行高度的
整。
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}