打印本文 打印本文 关闭窗口 关闭窗口
制作彩色的QQ空间导航栏彰显个性
作者:武汉SEO闵涛  文章来源:敏韬网  点击数839  更新时间:2009/4/25 1:00:24  文章录入:mintao  责任编辑:mintao

  在搭建QQ空间的过程中,笔者发现无法改变“悬挂”在顶端的导航文字颜色,使得我的QQ空间不够另类。怎样才能改变导航文字的颜色?经尝试,找到了以下方法——

  步骤1

  首先使用IE浏览器,打开“QQ空间”官方站点 http://qzone.qq.com,在左上角“会员登录”窗体内,分别输入自己的 QQ号码、密码以及附加框字符,然后单击“登录”按钮,进入到Qzone欢迎界面(如图1)。在其下方位置选择“进入我的Qzone”选项,便可来到自己的QQ空间。

  步骤2

  在出现的Qzone界面处,单击右上角“自定义”按钮,选择浮出对话框的“新建模块”标签,会弹出“Qzone网页”对话框。然后在该文本处内,任意输入所要新建的模块名称,操作完毕后,单击“提交”按钮,进入到“添加内容”界面。

  步骤3

  在网址、图片文本处内,分别将含有“Http://”地址标头删除掉,然后在两者中间的评论文本处内,插入以下一段代码

  <img src="javascript:document.getElementById

  ('bt_1').style.width='88';document.getElementById

  ('bt_1').style.height='31';document.getElementById

  ('bt_1').style.position='absolute';document.getElementById

  ('bt_1').style.top=0;document.getElementById

  ('bt_1').style.left=88;document.getElementById

  ('bt_2').style.width='88';document.getElementById

  ('bt_2').style.height='31';document.getElementById

  ('bt_2').style.position='absolute';document.getElementById

  ('bt_2').style.top=0;document.getElementById

  ('bt_2').style.left=176;"></img><img src="javascript:bt_1.style.background='url(LOGO图)';bt_2.style.background='url(LOGO图)';"></img><img src="javascript:bt_1.innerText='小风主页';bt_2.innerText='前线日志';">

  在“打开方式”单选框内,选择“在当前窗口打开”选项,单击“保存”按钮,弹出“添加成功”提示信息,选择右上角“保存”选项,将建造的模块保存在Qzone空间内。

  步骤4

  顺“原路”返回到Qzone空间主页面, 给刚才添加的导航栏文字加上颜色,单击“自定义”按钮,选择右上角“新建模块”选项,再次新建一个模板,名称可以任意输入。然后进入到“添加内容”对话框,依然把网址、图片文本内的Http://地址标头删除掉,在到两者之间的评论文本处内,插入这段代码:

  <img src="javascript:document.getElementById('bt_1').style.width='88';document.getElementById('bt_1').style.height='31';document.getElementById('bt_1').style.align='right';document.getElementById('bt_1').style.color='#FF6699';document.getElementById('bt_2').style.color='#FFCC00';"></img><font color=red>gainover</font>

  操作完毕后,选择下面“在当前窗口打开”的单选框,单击“保存”按钮,将所添入的内容保存。然后再选择右上角“保存”选项,把其建立的“彩色”模块保存,导航栏即可呈现出“七彩缤纷”的颜色效果(如图3)。

  小提示:网站的颜色,都是以特定的颜色代码值替换而成,如果你要为字体或者图像,换取另类的颜色,可以根据color等号后面的值进行替换。具体替换颜色的代码是多少,可以参看http://lzjthy.vip.sina.com/yansedaima.htm 或 http://www.snook.ca/technical/colour_contrast/colour.html

  本文只想起到一个“抛砖引玉”的作用,希望您能按照所提供的思路,得出更精辟、更快捷的彩色导航栏制作方法。

小编向您推荐以下QQ空间的文章:

  购买QQ空间小物件的途径和注意事项

  QQ空间玩家必学:调整页面布局的方法

  怎样当一名好花匠——QQ空间养花指南

  用快捷键快速解决QQ空间的几个常见问题

  热心网友教你免费打造另类QQ空间

  QQ空间最新挂件代码及其使用方法

 

小编still向大家推荐天极QQ图片酷,大量完整的QQ表情、QQ头像免费下载。点击进入>>

您还可以去QQ的主题社区和网友聊聊>>

或者去天极QQ专区了解QQ的N多东东>>

N多QQ技巧、QQ下载的好东东,尽在天极QQ专区

天极软件专题专区精选       看电影专区(新) 到天极软件“读编交流区”畅所欲言 跟小编still摆谈 Google专区 POPO专区 QQ专区 QQ挂机 了解Web2.0 Flash MX 视频教程 Photoshop视频教程 网页设计视频教程 照片处理数字暗房 PPT动画演示教程 Excel动画教程集 Word动画演示教程 Windows Vista专区 特洛伊木马专区 黑客知识教程专区 防火墙应用专区 注册表应用专区 Windows API开发专区 网络编程专区 VB数据库编程专区 图像处理与多媒体编程
  阅读关于 QQ空间 QQ空间代码 QQ空间导航栏 的全部文章

打印本文 打印本文 关闭窗口 关闭窗口