老兵谈谈自己使用zblog的一些小创意和经验--(2)上回调用内容的进阶
喜欢数码的朋友可能都知道老兵,在这里问候大家.---------------------本文范例效果见: www.maozu.com
上次简明说了zblog与论坛首页调用的整合“老兵谈谈自己使用zblog的一些小创意和经验--(1)论坛的调用”,
http://bbs.rainbowsoft.org/thread-42632-1-1.html
这次在以上内容之上稍微扩展一点
(2)、丰富首页内文字内容---巧用图片调用
在zblog的首页如果你想做一个新闻押题图片的话(简单说就是有一个大图,点击之后是这个图相关的内容)是很麻烦的,一般来说就是找别人做好的主题模板,而且这个模板必须具有管理“新闻押题图片”的功能,
这个功能必定涉及一些第三方的开发,而你找不到合适的主题模板,或者说对那些模板的修改很头疼。
那么我们创意的来使用一下“论坛的图片调用”-----范例效果:www.maozu.com
大家可以看“猫族”的页面上方右侧那个大图(目前是THIS is it的海报哦),请注意实际上这个图可不是通过ftp上传到空间的普通图片啊,而是动态的内容。
点击一下,你会看到其实这个图片是在论坛帖子里的。。。呵呵,直接调用的那个帖子的图片
以动网为例:我的图片调用代码是<script src="www.maozu.com/Dv_News.asp?GetName=pic1"></script>
也就是我要替换那个图片根本不用ftp软件,上传图片,修改超链接等等麻烦的事情,我只需要在论坛预留的板块发帖子就可以(当然那个板块的发帖权限应该是你自己控制的,呵呵),这样修改题图和内容你甚至可以在网吧完成了,不需要下载ftp软件,不需要危险的到处使用你的空间密码。。。最主要的是方便,修改极其简单。
如果你只是在首页一个大概的区域放一个动态押题图片的话,对它的定位不需要特别精确,那就按上面说的非常简单的在zblog首页放调用代码就可以了。。。
但是。。如果你像老兵一样想把这个图片严丝合缝的整合到你的背景里去的话。。。。。当你把这个调用放在zblog首页的某个定位图片的表格的时候。。。。你会发现。。。调用的图片位置总是很容易差一点点。。。而老兵那个图片是和背景严丝合缝的。。。。
这里就需要一个技巧了。。。
1、我们不在首页直接做调用,而是单独建立一个空白网页做调用,例如老兵用的是pictop.htm,这个网页里你什么都不用写,只把图片调用代码是<script src="www.maozu.com/Dv_News.asp?GetName=pic1"></script>放进去就可以,顶多可以设置一下背景颜色。
2、然后我们在zblog的首页你确定的位置做一个IFRAME----我的是这样的:<td>
<IFRAME src="http://www.maozu.com/pictop.htm" name="test" align="left" width="360" height="270" marginwidth="0" marginheigth="0" frameborder="0" scrolling="no"> </IFRAME></td>
于是我们通过IFRAME与pictop.htm这个媒介,完成了对图片的精确定位。。。
ps1:说了那么多可能你会稍微有点难了,其实具体做起来这是很简单的事情,只要你恰当的运用调用,其他的就是微调而已了。。。当然在老兵的上一版本zblog首页当中,这个方法运用的近乎恐怖,老兵把首页上方分解成不同的图片部分,都做成动态的形式,于是我可以对真个首页中的构成图片进行单独的调整,可以任意调整首页的图片风格和组合,而且完全不用空间上传,不过老兵没请美工,纯粹自己娱乐,没有时间经常改动图片啦,所以现在只留了题头这个大图作为动态内容
ps2:对于网页结构设计方面大家可能都比较熟悉了,我简单说一下,就是在分解那个动态图片的时候,用photoshop设计好整图,然后用“切片工具”把那部分需要“动态”的图片切割出来(也就是目前的那个this is it那个海报图),然后用photoshop的“导出web格式”将其另存为html文件,这样你就有了一个精确定位图片的表格,剩下的大家都明白了吧,呵呵,稍作修改,加入IFRAME。一切完成:)
待续....这个还算比较简单,稍后会有更加匪夷所思的使用创意哦,谢谢大家支持~
.
看过要帮顶哦,谢谢大家!欢迎在猫族网站留言-www.maozu.com
本文发于:http://bbs.rainbowsoft.org/thread-42909-1-1.html
老兵谈谈自己使用zblog的一些小创意和经验--(1)论坛的调用