制作彩色的QQ空间导航栏彰显个性

时间：2006/4/1 17:27:00人气：0次作者：不详我要评论(0)

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

　　步骤1

　　首先使用IE浏览器，打开“QQ空间”官方站点 //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）。