鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > QQ专栏 > QQ技巧 > >

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

来源:互联网 作者:佚名 时间:2015-06-26 10:00
在搭建QQ空间的过程中,笔者发现无法改变“悬挂”在顶端的导航文字颜色,使得我的QQ空间不够另类。怎样才能改变导航文字的颜色?经尝试,找到了以下方法—— 步骤1 首先使用IE浏览器,打开“QQ空间”官方站点 http://qzone.qq.com,在左上角“会员登录”窗体

在搭建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等号后面的值进行替换。

网友评论
<