扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
步骤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
本文只想起到一个“抛砖引玉”的作用,希望您能按照所提供的思路,得出更精辟、更快捷的彩色导航栏制作方法。
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者