在搭建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空间导航栏 的全部文章
[办公软件]在sybase中插入图片、PDF、文本文件 [办公软件]安装Sybase ASE [办公软件]linux指令大全(完整篇) [办公软件]Linux新手入门常用命令大全 [办公软件]在RedHat Linux 9里安装gaim0.80 [办公软件]浅谈Linux 下Java 1.5 汉字方块问题解决方法 [办公软件]Linux程序员必读:中文化与GB18030标准 [办公软件]linux指令大全 [办公软件]制作Linux启动盘的四种方法 [办公软件]Linux文件系统的反删除方法
|