注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

倾颜戏羽

倾舞人生幻如梦,颜寂萧瑟也枉然。戏影指尖轻拨弄,羽飘九天落凡尘……忘不掉妳。

 
 
 

日志

 
 

首页快捷导航模块  

2010-03-18 14:21:09|  分类: ╠博客代码╣ |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
首页快捷导航模块
文章来源:倾颜戏羽 文本编辑:倾颜戏羽 日志标签:博客代码

1.边框特效首页快捷导航模块

首页快捷导航模块 - 倾颜戏羽 - 倾颜戏羽 我的日志 我的相册 我的音乐
我的收藏 我的博友 博客中心
给我留言 最新评论 最近访客
空间服务 娱乐中心 我的邮箱
>>>个人资料 <<< 博客设置 博客装扮 消息中心

代码:


<TABLE borderColor=#686868 style="BORDER-LEFT-COLOR: #686868; BORDER-BOTTOM-COLOR: #686868; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #686868; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #686868; BORDER-BOTTOM-STYLE: ridge" height=80 cellSpacing=2 cellPadding=2 width=440 align=center background=图片地址 border=8>
<TBODY>
<TR>
<TD width=25% align=middle rowSpan=4><A href="你的博客地址" target=_blank><IMG title=傾颜戏羽博客欢迎您的光临与指导!精彩互动,精彩你我;创造喜悦,分享快乐!这一向是傾颜戏羽的开博宗旨,如果你想更多了解傾颜戏羽本人,请添加关注和交流哦! src=你的博客头像地址 width=110 height=110></A></TD>
<TD width=25% align=middle><A href="你的博客地址blog/edit/" target=_blank><FONT size=2><B>我的日志<B></FONT></A></TD>
<TD width=25% align=middle><A href="你的博客地址album/edit/" target=_blank><FONT face=新宋体 size=2><B>我的相册</B></FONT></A></TD>
<TD width=25% align=middle><A href="你的博客地址music/edit/" target=_blank><FONT face=新宋体 size=2><B>我的音乐</B></FONT></A></TD></TR>
<TR>
<TD align=middle><A href="你的博客地址collection/edit/" target=_blank><FONT face=新宋体 size=2><B>我的收藏</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址friends/edit/" target=_blank><FONT face=新宋体 size=2><B>我的博友</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址manage/" target=_blank><FONT face=新宋体 size=2><B>博客中心</B></FONT></A></TD></TR>
<TR>
<TD align=middle><A href="你的博客地址profile/?target=note" target=_blank><FONT face=新宋体 size=2><B>给我留言</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址profile/?target=blogcomment" target=_blank><FONT face=新宋体 size=2><B>最新评论</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址profile/?target=visitor" target=_blank><FONT face=新宋体 size=2><B>最近访客</B></FONT></A></TD></TR>
<TR>
<TD align=middle><A href="你的博客地址services/all.html" target=_blank><FONT face=新宋体 size=2><B>空间服务</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址home/" target=_blank><FONT face=新宋体 size=2><B>娱乐中心</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址js3/main.jsp?sid=sEoUirfdyBhrtPUnIYddIUaMwnmoEoIn" target=_blank><FONT face=新宋体 size=2><B>我的邮箱</B></FONT></A></TD></TR>
<TR>
<TD align=middle><MARQUEE scrollAmount=3 direction=right width="10%">
<B><FONT face=宋体 color=#00FF00 size=2>&gt;&gt;&gt;</FONT></B></MARQUEE><B><A href="你的博客地址profile/edit/" target=_blank><FONT face=新宋体 size=2>个人资料</FONT></A></B><MARQUEE scrollAmount=3 width="10%"><B><FONT face=宋体 color=#00FF00 size=2>&lt;&lt;&lt;</FONT></B></MARQUEE></TD>
<TD align=middle><A href="你的博客地址setAuthority.do" target=_blank><FONT face=新宋体 size=2><B>博客设置</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址edit/#0-" target=_blank><FONT face=新宋体 size=2><B>博客装扮</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址message/" target=_blank><FONT face=新宋体 size=2><B>消息中心</B></FONT></A></TD></TR></TBODY></TABLE>


注解:

1.红色地方“borderColor=#(686868”表示边框内格线颜色。

2.粉红色地方“COLOR: #(686868”表示外边立体框的颜色。

3.青绿色地方“width=440)”表示边框宽度(像素)、如果用100%比表示放到哪都会自动适应。

4.鲜绿色地方“background=(图片地址)”表示此处可以粘贴你喜欢的背景图片、不粘贴默认为透明。

5.橙色地方“border=8)”表示外边框厚度

6.所有蓝色地方(href="你的博客地址")表示都是粘贴你的博客地址、注意(href="你的博客地址blog/edit/")这里的变化、博客地址后面的代码不要去掉,如我粘贴我的博客地址是:href="http://qingyanxiyu1983.blog.163.com/blog/edit/"

7.(title=“傾颜戏羽博客欢迎您的光临与指导!精彩互动,精彩你我;创造喜悦,分享快乐!这一向是傾颜戏羽的开博宗旨,如果你想更多了解傾颜戏羽本人,请添加关注和交流哦!”)表示这段文字可以写你想写的文字、效果会在鼠标移到你头像的时候显示你写上的文字。

8.(src=“你的博客头像地址”)表示这里粘贴你的博客使用头像地址。

9.如果想为模块内背景加颜色,请在最前面的代码前的“background=图片地址 border=8”之间加上背景颜色标签代码如:“background=图片地址 bgColor=#000000 border=8”。

效果:

首页快捷导航模块 - 倾颜戏羽 - 倾颜戏羽 我的日志 我的相册 我的音乐
我的收藏 我的博友 博客中心
给我留言 最新评论 最近访客
空间服务 娱乐中心 我的邮箱
>>>个人资料 <<< 博客设置 博客装扮 消息中心

 

2.清新立体感首页快捷导航模块

首页快捷导航模块 - 倾颜戏羽 - 倾颜戏羽 我的日志 我的相册 我的音乐
我的收藏 我的博友 博客中心
给我留言 最新评论 最近访客
空间服务 娱乐中心 我的邮箱
>>>个人资料 <<< 博客设置 博客装扮 消息中心

代码:


<TABLE borderColor=#FFFFFF height=80 cellSpacing=2 cellPadding=2 width=440 align=center bgColor=#FFFFFF border=1>
<TBODY>
<TR borderColorLight=#111111 align=middle bgColor=#FFFFFF borderColorDark=#BBBBBB>
<TD width=25% align=middle rowSpan=4><A href="你的博客地址" target=_blank><IMG title=傾颜戏羽博客欢迎您的光临与指导!精彩互动,精彩你我;创造喜悦,分享快乐!这一向是傾颜戏羽的开博宗旨,如果你想更多了解傾颜戏羽本人,请添加关注和交流哦! src=你的博客头像地址 width=110 height=110></A></TD>
<TD width=25% align=middle><A href="你的博客地址blog/edit/" target=_blank><FONT size=2><B>我的日志<B></FONT></A></TD>
<TD width=25% align=middle><A href="你的博客地址album/edit/" target=_blank><FONT face=新宋体 size=2><B>我的相册</B></FONT></A></TD>
<TD width=25% align=middle><A href="你的博客地址music/edit/" target=_blank><FONT face=新宋体 size=2><B>我的音乐</B></FONT></A></TD></TR>
<TR borderColorLight=#111111 align=middle bgColor=#FFFFFF borderColorDark=#BBBBBB>
<TD align=middle><A href="你的博客地址collection/edit/" target=_blank><FONT face=新宋体 size=2><B>我的收藏</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址friends/edit/" target=_blank><FONT face=新宋体 size=2><B>我的博友</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址manage/" target=_blank><FONT face=新宋体 size=2><B>博客中心</B></FONT></A></TD></TR>
<TR borderColorLight=#111111 align=middle bgColor=#FFFFFF borderColorDark=#BBBBBB>
<TD align=middle><A href="你的博客地址profile/?target=note" target=_blank><FONT face=新宋体 size=2><B>给我留言</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址profile/?target=blogcomment" target=_blank><FONT face=新宋体 size=2><B>最新评论</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址profile/?target=visitor" target=_blank><FONT face=新宋体 size=2><B>最近访客</B></FONT></A></TD></TR>
<TR borderColorLight=#111111 align=middle bgColor=#FFFFFF borderColorDark=#BBBBBB>

<TD align=middle><A href="你的博客地址services/all.html" target=_blank><FONT face=新宋体 size=2><B>空间服务</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址home/" target=_blank><FONT face=新宋体 size=2><B>娱乐中心</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址js3/main.jsp?sid=sEoUirfdyBhrtPUnIYddIUaMwnmoEoIn" target=_blank><FONT face=新宋体 size=2><B>我的邮箱</B></FONT></A></TD></TR>
<TR borderColorLight=#111111 align=middle bgColor=#FFFFFF borderColorDark=#BBBBBB>
<TD align=middle><MARQUEE scrollAmount=3 direction=right width="10%">
<B><FONT face=宋体 color=#00FF00 size=2>&gt;&gt;&gt;</FONT></B></MARQUEE><B><A href="你的博客地址profile/edit/" target=_blank><FONT face=宋体 size=2>个人资料</FONT></A></B><MARQUEE scrollAmount=3 width="10%"><B><FONT face=宋体 color=#00FF00 size=2>&lt;&lt;&lt;</FONT></B></MARQUEE></TD>
<TD align=middle><A href="你的博客地址setAuthority.do" target=_blank><FONT face=新宋体 size=2><B>博客设置</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址edit/#0-" target=_blank><FONT face=新宋体 size=2><B>博客装扮</B></FONT></A></TD>
<TD align=middle><A href="你的博客地址message/" target=_blank><FONT face=新宋体 size=2><B>消息中心</B></FONT></A></TD></TR></TBODY></TABLE>


注解:

1.这个模块的立体颜色代码只在所有的

<TR borderColorLight=#111111 align=middle bgColor=#FFFFFF borderColorDark=#BBBBBB>”中;其中“borderColorLight=#111111”表示每个小表格的右边框线和底框线颜色(一般为深色)、

bgColor=#FFFFFF ”表示每个表格的背景颜色(一般和表边框颜色搭配)、

borderColorDark=#BBBBBB”表示每个小表格的上框线和左框线颜色(一般为最明亮的颜色)

2.“borderColor=#FFFFFF”表示表边框颜色(这里为了更能显示整个边框的立体感所以做成了白色)

3.“bgColor=#FFFFFF”表示整个边框背景颜色(这里做成了白色、和表框格线已经融为一体)

4.“border=1”表框格线厚度(这里不能不设定、如果为0了就表示整个模块没了框线和格线、所以多多少少就给它来1吧 呵呵!1像素哦! 不要做成百分比了!)

以上的呢就和前面的那个代码差不多了!

3.很可爱的粉色系首页快捷导航模块

给我留言 我的日志 我的相册 我的音乐
首页快捷导航模块 - 倾颜戏羽 - 倾颜戏羽 我的收藏 我的博友
博客中心 最近访客
空间服务 娱乐中心
我的邮箱 博客设置
>>>个人资料 <<< 博客装扮 消息中心 博客首页

代码:


<TABLE borderColor=#cc6699 style="BORDER-LEFT-COLOR: #FF6EB4; BORDER-BOTTOM-COLOR: #FF6EB4; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #FF6EB4; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #FF6EB4; BORDER-BOTTOM-STYLE: ridge" height=80 cellSpacing=2 cellPadding=2 width=480 align=center background=图片地址 border=8>
<TBODY>
<TR align=center>
<TD width=25%><A href="你的博客地址profile/?target=note" target=_blank><FONT face=新宋体 size=2><B>给我留言</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址blog/edit/" target=_blank><FONT face=新宋体 size=2><B>我的日志<B></FONT></A></TD>
<TD width=25%><A href="你的博客地址album/edit/" target=_blank><FONT face=新宋体 size=2><B>我的相册</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址music/edit/" target=_blank><FONT face=新宋体 size=2><B>我的音乐</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25% rowSpan=4><A href="你的博客地址" target=_blank><IMG title=这里写你想说的话哦! height=110 src="你的博客头像地址" width=110></A></TD>
<TD width=25%><A href="你的博客地址collection/edit/" target=_blank><FONT face=新宋体 size=2><B>我的收藏</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址friends/edit/" target=_blank><FONT face=新宋体 size=2><B>我的博友</B></FONT></A></TD>
<TD width=25% rowSpan=4><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://flash.qzone.net.cn/qq293299/ck/tiao3.swf width=110 height=110 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"></EMBED></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址manage/" target=_blank><FONT face=新宋体 size=2><B>博客中心</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址profile/?target=visitor" target=_blank><FONT face=新宋体 size=2><B>最近访客</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址services/all.html" target=_blank><FONT face=新宋体 size=2><B>空间服务</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址home/" target=_blank><FONT face=新宋体 size=2><B>娱乐中心</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址js3/main.jsp?sid=sEoUirfdyBhrtPUnIYddIUaMwnmoEoIn" target=_blank><FONT face=新宋体 size=2><B>我的邮箱</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址setAuthority.do" target=_blank><FONT face=新宋体 size=2><B>博客设置</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25%><MARQUEE scrollAmount=3 direction=right width="10%"><B><FONT face=新宋体 color=#00FF00 size=2>&gt;&gt;&gt;</FONT></B></MARQUEE><B><A href="你的博客地址profile/edit/" target=_blank><FONT face=宋体 size=2>个人资料</FONT></A></B><MARQUEE scrollAmount=3 width="10%"><B><FONT face=宋体 color=#00FF00 size=2>&lt;&lt;&lt;</FONT></B></MARQUEE></TD>
<TD width=25%><A href="你的博客地址edit/#0-" target=_blank><FONT face=新宋体 size=2><B>博客装扮</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址message/" target=_blank><FONT face=新宋体 size=2><B>消息中心</B></FONT></A></TD>
<TD width=25%><A href="http://blog.163.com/?frompersonalbloghome" target=_blank><FONT face=新宋体 size=2><B>博客首页</B></FONT></A></TD></TR></TBODY></TABLE>


注解:

1.红色地方“borderColor=#(cc6699”表示边框内格线颜色。

2.粉红色地方“COLOR: #(FF6EB4”表示外边立体框的颜色。

3.青绿色地方“width=480)”表示边框宽度(像素)、如果用100%比表示放到哪都会自动适应。

4.鲜绿色地方“background=(图片地址)”表示此处可以粘贴你喜欢的背景图片、不粘贴默认为透明。

5.橙色地方“border=8)”表示外边框厚度

6.所有蓝色地方(href="你的博客地址")表示都是粘贴你的博客地址、注意(href="你的博客地址blog/edit/")这里的变化、博客地址后面的代码不要去掉,如我粘贴我的博客地址是:href="http://qingyanxiyu1983.blog.163.com/blog/edit/"

7.(title=“这里写你想说的话哦!”)表示这段文字可以写你想写的文字、效果会在鼠标移到你头像的时候显示你写上的文字。

8.(src=“你的博客头像地址”)表示这里粘贴你的博客使用头像地址。

9.如果想为模块内背景加颜色,请在最前面的代码前的“background=图片地址 border=8”之间加上背景颜色标签代码如:“background=图片地址 bgColor=#颜色码 border=8”。

10.这一段是FLASH时钟代码,可以替换其他图片或FLASH动画等!

<EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://flash.qzone.net.cn/qq293299/ck/tiao3.swf width=110 height=110 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"></EMBED>

4.个性粉色水晶系列首页快捷导航模块

我的首页快捷导航
给我留言 我的日志 我的相册 我的音乐
首页快捷导航模块 - 倾颜戏羽 - 倾颜戏羽 我的收藏 我的博友
博客中心 最近访客
空间服务 娱乐中心
我的邮箱 博客设置
>>>个人资料 <<< 博客装扮 消息中心 博客首页

代码:


<TABLE borderColor=#FF6EB4 height=136 cellSpacing=1 cellPadding=2 width=480 align=center border=1>
<TBODY>
<TR>
<TD align=center width=100% style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#FF6EB4 height=26 colSpan=4>
<FONT face=新宋体 color=#FFFFFF size=3><B>我的首页快捷导航</B></FONT></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址profile/?target=note" target=_blank><FONT face=新宋体 size=2><B>给我留言</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址blog/edit/" target=_blank><FONT face=新宋体 size=2><B>我的日志<B></FONT></A></TD>
<TD width=25%><A href="你的博客地址album/edit/" target=_blank><FONT face=新宋体 size=2><B>我的相册</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址music/edit/" target=_blank><FONT face=新宋体 size=2><B>我的音乐</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25% height=110 rowSpan=4><A href="你的博客地址" target=_blank><IMG title=这里写你想说的话哦! height=110 src="你的博客头像地址" width=116></A></TD>
<TD width=25%><A href="你的博客地址collection/edit/" target=_blank><FONT face=新宋体 size=2><B>我的收藏</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址friends/edit/" target=_blank><FONT face=新宋体 size=2><B>我的博友</B></FONT></A></TD>
<TD width=25% rowSpan=4><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://flash.qzone.net.cn/qq293299/ck/tiao3.swf width=110 height=110 type=application/x-shockwave-flash wmode="transparent" quality="high" allowNetworking="internal" allowScriptAccess="never"></EMBED></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址manage/" target=_blank><FONT face=新宋体 size=2><B>博客中心</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址profile/?target=visitor" target=_blank><FONT face=新宋体 size=2><B>最近访客</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址services/all.html" target=_blank><FONT face=新宋体 size=2><B>空间服务</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址home/" target=_blank><FONT face=新宋体 size=2><B>娱乐中心</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25%><A href="你的博客地址js3/main.jsp?sid=sEoUirfdyBhrtPUnIYddIUaMwnmoEoIn" target=_blank><FONT face=新宋体 size=2><B>我的邮箱</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址setAuthority.do" target=_blank><FONT face=新宋体 size=2><B>博客设置</B></FONT></A></TD></TR>
<TR align=center>
<TD width=25%><MARQUEE scrollAmount=3 direction=right width="10%"><B><FONT face=新宋体 color=#00FF00 size=2>&gt;&gt;&gt;</FONT></B></MARQUEE><B><A href="你的博客地址profile/edit/" target=_blank><FONT face=宋体 size=2>个人资料</FONT></A></B><MARQUEE scrollAmount=3 width="10%"><B><FONT face=宋体 color=#00FF00 size=2>&lt;&lt;&lt;</FONT></B></MARQUEE></TD>
<TD width=25%><A href="你的博客地址edit/#0-" target=_blank><FONT face=新宋体 size=2><B>博客装扮</B></FONT></A></TD>
<TD width=25%><A href="你的博客地址message/" target=_blank><FONT face=新宋体 size=2><B>消息中心</B></FONT></A></TD>
<TD width=25%><A href="http://blog.163.com/?frompersonalbloghome" target=_blank><FONT face=新宋体 size=2><B>博客首页</B></FONT></A></TD></TR></TBODY></TABLE>


注解:

1.“我的首页快捷导航”这里写你的模块名称;

2.边框颜色“borderColor=#FF6EB4”和标题栏颜色“bgColor=#FF6EB4”请保持一致的颜色、不然会很难看 哈哈!

3.其他的和上面几个模块代码差不多……(*^__^*) !

“<FONT face=新宋体 size=2>”这个代表文字的的字体和大小如果要为文字加颜色,如:

“<FONT face=新宋体 Color=#颜色码 size=2>

  评论这张
 
阅读(1222)| 评论(15)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018