欢迎来到天天文库
浏览记录
ID:34056725
大小:48.09 KB
页数:6页
时间:2019-03-03
《banner制作初级教程》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、banner制作初级教程 放置banner的方法简单说就是制作一张和自己主页原顶图尺寸大小一样的图片,建立一个新的空白面板,写一小段代码将图片以“绝对位置”的方式覆盖原图即可。 但是这里存在个问题(谢谢寒山发现的问题并及时告知),以绝对位置方式覆盖时,不同的显示器分辨率会影响其位置,导致自己制作的banner严重横向错位,我尝试写一段JS代码用条件语句来确定不同显示分辨率下的图片位置,这时发现新浪不允许在空白面板和公告栏中使用JS(比较郁闷!),搜索了一下,知道可以使用“框架”引用已经上传的含有JS的html文件。问题也就迎刃而解。下面是具体代码和步骤。1、 测量并
2、确定自己主页面上的banner的尺寸,不同的主页风格有不同大小的banner(我的页面是“朴素”类型,我用Photoshop测量banner的尺寸,大小是764X102); 2、 按上述尺寸制作自己的个性banner图片; 3、 上传此图片,得到链接地址; 4、 打开“记事本”写入下面的代码: 注意:代码中的'图片链接地址',为单引号引入的第三步中的图片链接地址。“coords=490,64,735,88”中的数值定义图片中热点文字的位置,做图时可以测绘得到; 5、 保存此记事本文件为html格式,例如“myjs.html”,上传此网页文件,得到并记住链接地址; 6、 在博客的控制面板里建立一个新的空白面板,写入下面的代码:
此文档下载收益归作者所有