欢迎光临花指泪涵的博客! 愿到访花指泪涵的朋友们能快乐分享导航模块代码 |
提示:只要把【我也要请进入】除掉就可以放在首页自定义模块了。
模块底色为透明.您只需把边框线的颜色 #162b3b 修改替换一下即可!如果隐藏边框和单元格:
把cellSpacing= cellPadding= border= 后面的值设为 0 即可!文字分类导航字体为彩
颜色.字体颜色可在日志编辑器内自定义!模块会根据你的模块大小同时缩放!导航的所有内容
会同步更新!效果可看我的首页!适合网易博客分享!愿博友们工作顺利!家庭幸福美满!祝愿
朋友心想事成!一帆风顺!(注:分享本页模块代码时希望朋友不要更换链接地址!谢谢!)
1.粉红色的透明按钮.可自定义修改按钮上的导航文字
和color=#ff00ff字体颜色!
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
| ||
|
|
代码如下:
<DIV align=center><A href="http://www.u8.blog.163.com/blog/static/73552589200891474243314/" target=_blank><IMG height=45 alt=点击进入特效代码大全总目录 src="http://img.blog.163.com/photo/luQwcVpYRfh12tjjmqPk-Q==/5400097428195159612.jpg" width="100%"></A></DIV>
2.透明按钮分类导航模块:
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
代码如下:
3.彩色文字分类导航:
网易博客特效代码大全 |
视频类 | 音频类 | 通讯类 | 游戏类 |
导航类 | 鼠效类 | 文字类 | 图片类 |
边框类 | 颜色类 | 回帖类 | 名片类 |
告之类 | 搜索类 | 留言类 | 访察类 |
模块类 | 服务类 | 推广类 | 天气类 |
分割类 | 相册类 | 常用类 | 电子类 |
代码如下:(cellSpacing=9 后面的值根据你的模块宽度增减即可!)
4.长条分格导航菜单:
提示:是透明无背景的.宽高会自动的根据你的模块缩放!
如果要有背景色你就在代码中的第二行align=center 的后面加上bgColor=#ffffff为白色可自己调 !
视频类代码 | | | 音频类代码 | | | 通讯类代码 | | | 游戏类代码 | | | 导航类代码 |
鼠效类代码 | | | 文字类代码 | | | 图片类代码 | | | 边框类代码 | | | 颜色类代码 |
回帖类代码 | | | 名片类代码 | | | 留言类代码 | | | 访察类代码 | | | 搜索类代码 |
服务类代码 | | | 告之类代码 | | | 推广类代码 | | | 天气类代码 | | | 模块类代码 |
分割类代码 | | | 相册类代码 | | | 常用类代码 | | | 电子类代码 | | | 时间类代码 |
语法类代码 | | | 动画类代码 | | | 挂件类代码 | | | 总目录代码 | | | 友情链接表 |
代码如下:
<DIV align=center><TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#008080 align=center height=18>
<TBODY>
<TR>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081075518407/" target=_blank><FONT color=#000000>视频类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081075239679/" target=_blank><FONT color=#000000>音频类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810765021238/" arget="_blank"><FONT color=#000000>通讯类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081077411337/" target=_blank><FONT color=#000000>游戏类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081077174863/" target=_blank><FONT color=#000000>导航类代码</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081077329941/" target=_blank><FONT color=#000000>鼠效类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810774627570/" target=_blank><FONT color=#000000>文字类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810775337560/" target=_blank><FONT color=#000000>图片类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081078432705/" target=_blank><FONT color=#000000>边框类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/735525892010911991163/" target=_blank><FONT color=#000000>颜色类代码</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810781520621/" target=_blank><FONT color=#000000>回帖类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810781815681/" target=_blank><FONT color=#000000>名片类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810784037689/" target=_blank><FONT color=#000000>留言类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810784428130/" target=_blank><FONT color=#000000>访察类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810784746136/" target=_blank><FONT color=#000000>搜索类代码</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810785057973/" target=_blank><FONT color=#000000>服务类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920081078212414/" target=_blank><FONT color=#000000>告之类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810785432777/" target=_blank><FONT color=#000000>推广类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810785956339/" target=_blank><FONT color=#000000>天气类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810744645512/" target=_blank><FONT color=#000000>模块类代码</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/735525892010911103921850/" target=_blank><FONT color=#000000>分割类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589201091110335778/" target=_blank><FONT color=#000000>相册类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920109119538559/" target=_blank><FONT color=#000000>常用类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589201091110218846/" target=_blank><FONT color=#000000>电子类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810781121574/" target=_blank><FONT color=#000000>时间类代码</FONT></A></TD></TR>
<TR>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810785714273/" target=_blank><FONT color=#000000>语法类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200810783614526/" target=_blank><FONT color=#000000>动画类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589201091193325986/" target=_blank><FONT color=#000000>挂件类代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/73552589200891474243314/" target=_blank><FONT color=#000000>总目录代码</FONT></A></TD>
<TD align=middle><FONT color=#ffffff>|</FONT></TD>
<TD align=middle><A href="http://www.u8.blog.163.com/blog/static/7355258920083203048435/" target=_blank><FONT color=#000000>友情链接表</FONT></A></TD></TR></TBODY></TABLE></DIV>
<DIV align=center><STRONG><A href="http://www.u8.blog.163.com/blog/static/735525892008106115847125/" target=_blank><STRONG><FONT color=#00ff00>网易博客特效代码大全代码复制区</FONT></STRONG></A><A href="http://www.u8.blog.163.com/blog/static/735525892008106115847125/" target=_blank><FONT color=#00ff00><IMG height=13 src="http://img.blog.163.com/photo/GAp_umoFTrEiA903GsOcEA==/2303591209400493142.jpg" width=50 border=0></FONT></A></STRONG></STRONG></DIV>
5例.透明浮雕效果的导航按钮模块可以任意修改模块外框/按钮/标题/导航文字/背景/的颜色!给网友们以后做导航条时提供了方便!愿到互联友吧的网友们开心快乐的分享!
网易博客特效代码大全 |
视频类代码 | 音频类代码 |
通讯类代码 | 游戏类代码 |
导航类代码 | 鼠效类代码 |
文字类代码 | 图片类代码 |
边框类代码 | 颜色类代码 |
回帖类代码 | 名片类代码 |
告之类代码 | 动画类代码 |
留言类代码 | 访察类代码 |
搜索类代码 | 服务类代码 |
推广类代码 | 语法类代码 |
分割类代码 | 相册类代码 |
常用类代码 | 电子类代码 |
时间类代码 | 挂件类代码 |
天气类代码 | 模块类代码 |
代码如下:
<TABLE style="BORDER-RIGHT: #ff00ff 2px solid; BORDER-TOP: #ff00ff 5px solid; BORDER-LEFT: #ff00ff 2px solid; BORDER-BOTTOM: #ff00ff 2px solid" borderColor=#ff0000 cellSpacing=1 cellPadding=1 width="100%" border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=10)" align=middle bgColor=#ffff00 height=40><STRONG><FONT color=#ff0000 size=4><A href="http://www.u8.blog.163.com/blog/static/73552589200891474243314/" target=_blank><STRONG><FONT color=#ff0000 size=4>网易博客特效代码大全</FONT></STRONG></A></FONT></STRONG></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-BOTTOM: #ff00ff 2px solid; BORDER-LEFT: #ff00ff 2px solid; BORDER-TOP: #ff00ff 2px solid; BORDER-RIGHT: #ff00ff 2px solid" border=1 cellSpacing=5 borderColor=#ff0000 cellPadding=1 width="100%">
<TBODY>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081075518407/" target=_blank><FONT color=#000000>视频类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081075239679/" target=_blank><FONT color=#000000>音频类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810765021238/" target=_blank><FONT color=#000000>通讯类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081077411337/" target=_blank><FONT color=#000000>游戏类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081077174863/" target=_blank><FONT color=#000000>导航类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081077329941/" target=_blank><FONT color=#000000>鼠效类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810774627570/" target=_blank><FONT color=#000000>文字类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810775337560/" target=_blank><FONT color=#000000>图片类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081078432705/" target=_blank><FONT color=#000000>边框类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/735525892010911991163/" target=_blank><FONT color=#000000>颜色类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810781520621/" target=_blank><FONT color=#000000>回帖类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810781815681/" target=_blank><FONT color=#000000>名片类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920081078212414/" target=_blank><FONT color=#000000>告之类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810783614526/" target=_blank><FONT color=#000000>动画类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810784037689/" target=_blank><FONT color=#000000>留言类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810784428130/" target=_blank><FONT color=#000000>访察类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810784746136/" target=_blank><FONT color=#000000>搜索类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810785057973/" target=_blank><FONT color=#000000>服务类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810785432777/" target=_blank><FONT color=#000000>推广类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810785714273/" target=_blank><FONT color=#000000>语法类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/735525892010911103921850/" target=_blank><FONT color=#000000>分割类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589201091110335778/" target=_blank><FONT color=#000000>相册类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/7355258920109119538559/" target=_blank><FONT color=#000000>常用类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589201091110218846/" target=_blank><FONT color=#000000>电子类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810781121574/" target=_blank><FONT color=#000000>时间类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589201091193325986/" target=_blank><FONT color=#000000>挂件类代码</FONT></A></TD></TR>
<TR><TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810785956339/" target=_blank><FONT color=#000000>天气类代码</FONT></A></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=6)" bgColor=#ff00ff height=30 align=middle>
<A href="http://www.u8.blog.163.com/blog/static/73552589200810744645512/" target=_blank><FONT color=#000000>模块类代码</FONT></A></TD></TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV align=center><STRONG><A href="http://www.u8.blog.163.com/blog/static/735525892008106115847125/" target=_blank><STRONG>代码复制区</STRONG></A><A href="http://www.u8.blog.163.com/blog/static/735525892008106115847125/" target=_blank><IMG height=13 src="http://img.blog.163.com/photo/iDH3wW2eVTfOrpBkFg58xg==/4540754324296660232.jpg" width=50 border=0></A></STRONG></STRONG></DIV>
置入博客方法如下图解:
1.博客首页顶条:< 换衣服>/2. 设置首页内容 /3. 添加自定义模块/ 4. 先给模块命名.再把html
代码贴入下面的html代码框中(预览)(确定)即可出现在网易博客首页/5. 再关闭换衣服完成/
评论