回首页 ◎ 设为首页  
◎ 收藏本站  
◎ 联系我们  
  首 页  网络资讯  教程资料  免费资源  建站指南  休闲娱乐  经典整站  访客留言  
  当前位置:首 页 >> 免费资源 >> QQ资源 >> 制作彩色的QQ空间导航栏
最 新 推 荐
腾讯TM2007 Beta1新年..推荐
QQ实用地址大全(修订版)推荐
热 门 排 行
QQ空间里音乐不能播放..
QQ空间大图模块:SD娃..
QQ空间个性十足超酷个..
QQ空间模块--蓝色海潮
QQ空间模块:一眼万年
用手机传照片到QQ空间..
QQ空间最新FLASH模板N款
QQ空间模块--可爱的张..
QQ空间模块:绿色奥运
QQ空间模块:别再说你..
QQ空间大图模块:黑色..
QQ空间大图模块:SD娃..
QQ空间模块:当爱已成..
QQ空间模块:昨天你哭..
QQ空间模块:单身雨季
QQ空间大图模块:落败..
最 近 更 新
QQ空间留言代码---伱..
QQ空间留言代码:妗泩..
QQ空间留言代码:記得s..
QQ空间留言代码:每①..
QQ空间留言代码:有一..
QQ空间留言代码:爱已..
QQ空间留言代码:有一..
QQ空间留言代码:祉想..
QQ空间留言代码:囿⒈..
QQ空间留言代码:也..
广 告 位 置
站 内 搜 索
关键词

搜索方式

搜索范围

精确匹配
制作彩色的QQ空间导航栏

来源:盛绿设计 等级:默认等级
发布于2007-02-28 11:41 被读31次 【字体:
 在搭建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.htmhttp://www.snook.ca/technical/colour_contrast/colour.html

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


相关专题:暂无相关专题

上一篇:QQ空间皮肤免费更换
下一篇:QQ空间最新挂件代码及其使用方法

共有评论 0 条 网友评分 0分 查看全部

【发表评论】 评分:1分 2分 3分 4分 5分


Powered By Www.Xydw.COM Ver1.14 管理
Copyright © 2004-2005 盛绿设计 All Right Reserved. XCMS
冀ICP备06026128号