文档章节

[div+css]晒晒最新制作专题推广页模板

tojsp_com
 tojsp_com
发布于 2010/08/26 22:59
字数 482
阅读 310
收藏 3

       用div+css制作专题推广页模板是leo拿手好戏,其实做div+css的专题推广页模板不难,一般的程序员都会,难的是做到浏览器间的兼容,更难的是不用div+css中的hack,leo却能做到。看看模板吧。

        先看看效果图再解析,页面太大了,我就随便截两个图:(关掉右边的"相关文章"可看全图)

       专题推广页第一张图

       专题推广页第二张图

       专题推广页第三张图

       专题推广页第四张图

 
        感觉还是一般,主要是颜色不太灰,这个嘛,就是领导的意思,刚开始的时候是做的其他的颜色,领导觉得太花,我就直接把图全部PS去色,就成这样了。此模板还用到了一个popup.js,效果还行,就是第四张图。

        花了半天时间制作,半天时候修改程序与内容,主要是内容修改占了大部分时间。

        此程序经调试已经通过,IE,FF,360,其他的浏览器应该也可以通过,公司的电脑上我也没装太多的浏览器,如果在我的电脑上,应该会多测试下。

        还是贴点代码吧,等会有人说我在吹牛了。       

CSS代码
  1. @charset "utf-8";   
  2. /* CSS Document */  
  3. #topbackground:url(../images/top.gif) no-repeat;width:1004px;height:345px;}   
  4. #top .click{display:block;width:145px;height:84pxposition:relative;top:220px;left:780pxbackground:url(../images/dingwei.png) no-repeat;}   
  5. #top .navvs{position:relative;top:10px;left:700px;color:white;}   
  6. #bannerbackground:url(../images/banner.gif) no-repeat;width:1004px;height:340px;border-bottom:1px solid #aaa;border-top:1px solid #aaa;}   
  7. #banner .daoyu{width:560px;height:230px;margin:0px 10px 0 430px;padding:18px 0px 0 5px;line-height:22px;}   
  8. #banner .daoyu b{color:red;font-size:14px;}  

        此专题的地址为:http://www.visa160.com/sx/

        个人感觉这个模板还行,需要源码的朋友可以在下面留言,我会发给你学习下。

       本文为 leo博客独家发布,转载请保留原文地址 http://www.dukai168.cn/blog/181.html,否则将追究法律责任,谢谢配合.

© 著作权归作者所有

tojsp_com
粉丝 8
博文 14
码字总数 10888
作品 0
深圳
私信 提问
加载中

评论(1)

化境
化境
发我一份吧!我想看看源码
精美漂亮的门户型div+css网站模板,绿色风格,免费提供

精美漂亮的门户型div+css网站模板,绿色风格,免费提供 678美食网下载页:http://www.678ms.com/zzmb/2009426/428.htm 37在线下载页:http://www.37dw.com/zzmb/2009426/393.htm 此模板包括三个...

lilin
2009/05/01
3K
4
市场推广

代理商 批量 低价 深度合作 传媒 文化 广告公司 召集 设计师 卖模板 赚积分 设计师 交易平台 模板征集 通过审核之后 送积分 5.1 旅游公司 合作 旅游模板 高校活动 校庆 最美高校 毕业旅游 地...

_落雪纷飞
2015/04/07
9
0
思途旅游CMS V6.0.201706.0101

思途旅游 CMS V6.0.201706.0101 发布了,更新如下: 更新包 产品名 描述 状态 kb2017053101 思途CMS_基础 1、手机端列表页样式修正; 修复 kb2017052604 思途CMS_基础 1、后台robots保存修正...

学校的粉
2017/06/02
376
3
【北京】北京海瑞祥天生物科技有限公司 - 招聘- 网站开发工程师

公司名称:北京海瑞祥天生物科技有限公司 公司网站:医点点健康网 http://www.1diandian.com 职位描述: 岗位职责: 1.负责网站运营的技术支持、日常维护和运营安全等工作; 2.负责网站运营合...

韩先生
2012/02/15
480
0
[上海]分绚文化传媒有限公司寻有识之士共创未来(PHP,前端,美工)

企业概述 上海分绚传媒有限公司是一家虹口区政府扶持企业,高起点,高素质的专业广告策划及推广机构,分绚传媒依托强大的媒体资源及人脉网络,成为集媒体发布、商务策划、企业设计、广告设计...

mac_zhao
2011/11/27
611
6

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
9
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
9
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
9
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部