banner制作初级教程.docx_第1页
banner制作初级教程.docx_第2页
banner制作初级教程.docx_第3页
banner制作初级教程.docx_第4页
banner制作初级教程.docx_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

banner制作初级教程 放置banner的方法简单说就是制作一张和自己主页原顶图尺寸大小一样的图片，建立一个新的空白面板，写一小段代码将图片以“绝对位置”的方式覆盖原图即可。 但是这里存在个问题（谢谢寒山发现的问题并及时告知），以绝对位置方式覆盖时，不同的显示器分辨率会影响其位置，导致自己制作的banner严重横向错位，我尝试写一段JS代码用条件语句来确定不同显示分辨率下的图片位置，这时发现新浪不允许在空白面板和公告栏中使用JS（比较郁闷！），搜索了一下，知道可以使用“框架”引用已经上传的含有JS的html文件。问题也就迎刃而解。下面是具体代码和步骤。1、测量并确定自己主页面上的banner的尺寸，不同的主页风格有不同大小的banner（我的页面是“朴素”类型，我用Photoshop测量banner的尺寸，大小是764X102）；2、按上述尺寸制作自己的个性banner图片；3、上传此图片，得到链接地址；4、打开“记事本”写入下面的代码：if(screen.width=800) document.write( );if(screen.width=960) document.write( );if(screen.width=1024) document.write( );if(screen.width=1152) document.write( );if(screen.width=1600) document.write( );注意：代码中的图片链接地址，为单引号引入的第三步中的图片链接地址。“coords=490,64,735,88”中的数值定义图片中热点文字的位置，做图时可以测绘得到；5、保存此记事本文件为html格式，例如“myjs.html”，上传此网页文件，得到并记住链接地址；6、在博客的控制面板里建立一个新的空白面板，写入下面的代码：注意：代码中的上传网页链接地址，为第五步中的上传网页文件链接地址。 没有专门学习过javascript，但是编程思想大多类似，不同的仅仅是表达（script）的形式，哪位朋友有更好的办法，留言赐教。 在此，我要再次感谢杨栋和寒山。并且感谢小绵羊提供的一些上传空间信息。 附录：关于上传文件的方法和空间，参考此文：/u/45cc0d6a010002nj 最新消息，谢谢小绵羊提供的简便办法： 新建一个空白面板，写入如下代码： .bannerbackground:url(新banner图片链接地址) no repeat no scroll!important; 需要注意的是，图片的横向尺寸必须为770。根据模板风格不同，纵向尺寸略有不同，我这里是102。 另，这样的方法置换了模板中原来
人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论