思享工具箱

页面公用的部分

摘要：
divclass=“header”&gt；//weibo.com/23542345“rel=”noFollow“target=”_ blank“&gt；divclass=”tel“&gt，4008009385&lt；divclass=“mail”&gt；div class=“head”&gt，ahref=“index.html”&gt；

页面公用的部分第1张

页面公用的部分第2张页面公用的部分第3张
<header>
    <div class="header">
        <div class="top">
            <div class="top_con">
                <div class="weixin" id="weixin" onMouseOver="show_weixin()" onMouseOut="hide_weixin()">
                    <img alt="微信" src="images/weixin.png" align="absmiddle"/>
                    <div class="weixin_con" id="weixin_con" style="display:none">
                        <img src="images/contact_weixin.gif" alt="微信二维码"/>
                    </div>
                </div>
                <div class="weibo">
                    <a href="http://weibo.com/23542345" rel="noFollow" target="_blank"><img alt="微博"
                                                                                            src="images/xinlang.png"
                                                                                            align="absmiddle"/></a>
                </div>
                <div class="tel">
                    咨询热线：400 800 9385
                </div>
                <div class="mail">
                    咨询邮箱：sales@23542345.cn
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="head_bg">
            <div class="head">
                <div class="logo fl">
                    <h1><a href="index.html"><img alt="深圳网站建设" src="images/logo.jpg" width="151px" height="39px"/></a>
                    </h1>
                </div>
                <div class="menu fr">
                    <nav>
                        <ul>
                            <li><a id="menu1" href="index.html">网站首页</a></li>
                            <li><a id="menu2" href="about.html">关于</a></li>
                            <li><a id="menu3" href="cases.html">成功案例</a></li>
                            <li><a id="menu4" href="service.html">服务范围</a></li>
                        </ul>
                        <div class="clear"></div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
head
页面公用的部分第4张页面公用的部分第5张
.top {
    background: url(../images/top_bg.gif) repeat-x;
    height: 40px;
     100%;
    margin: 0 auto;
    line-height: 40px;
}

.top_con {
     1200px;
    margin: 0 auto;
    text-align: right;
}

.top_con {
}

.top_con .mail {
    color: #4bcdd9;
    font-family: Arial;
    float: right;
    background: url(../images/mail.png) no-repeat 0px 14px;
    padding-left: 18px;
    padding-right: 13px;
}

.top_con .tel {
    color: #ffb243;
    font-family: Arial;
    float: right;
    background: url(../images/tel.png) no-repeat 0px 13px;
    padding-left: 20px;
    padding-right: 13px;
}

.top_con .weixin {
    float: right;
    padding-right: 13px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    height: 16px;
    margin-top: 12px;
    padding-bottom: 12px;
    z-index: 100000000;
}

.top_con .weixin_sel {
    float: right;
    padding-right: 13px;
    line-height: 16px;
    position: relative;
    cursor: pointer;
    height: 16px;
    margin-top: 12px;
    padding-bottom: 12px;
    z-index: 100000000;
}

.top_con .weixin_con {
    position: absolute;
    left: 0px;
    top: 28px;
    padding: 20px 20px 15px 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 100000000;
}

.top_con .weibo {
    float: right;
    padding-right: 13px;
    height: 16px;
    line-height: 16px;
    margin-top: 10px;
}




.head {
     1200px;
    margin: 0 auto;
    height: 100px;
}

.logo {
    margin: 0px;
    padding: 0px;
    height: 39px;
    line-height: 39px;
    margin-top: 30px;
}

.menu {
    font-family: "微软雅黑";
    font-size: 16px;
    line-height: 100px;
}

.menu ul li {
    float: left;
     105px;
    text-align: center;
}

.menu ul li a {
    display: block;
}

.menu ul li a:hover, .menu ul li a.a1 {
    background: url(../images/menu_hover_bg.gif) no-repeat;
    color: #FFF;
}
css

页面公用的部分第6张

页面公用的部分第7张页面公用的部分第8张
<div class="footer2" id="footer">
        <a name="foot"></a>
        <div class="footer_con">
            <div class="footer_dl">
                <dl>
                    <dt>
                        关于
                    </dt>
                    <dd>
                        <a href="about.html">关于我们</a>
                    </dd>
                    <dd>
                        <a href="service.html">服务项目</a>
                    </dd>
                    <dd>
                        <a href="contact.html">联系我们</a>
                    </dd>
                    <dd>
                        <a href="/contact/pay.html">付款方式</a>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        经典案例
                    </dt>
                    <dd>
                        <a href="/cases/list-3-1.html">企业网站</a>
                    </dd>
                    <dd>
                        <a href="/cases/list-8-1.html">旅游网站</a>
                    </dd>
                    <dd>
                        <a href="/cases/list-9-1.html">购物商城</a>
                    </dd>
                    <dd>
                        <a href="/cases/list-10-1.html">外贸网站</a>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        服务范围
                    </dt>
                    <dd>
                        <a href="service.html">空间域名</a>
                    </dd>
                    <dd>
                        <a href="service.html">网站策划</a>
                    </dd>
                    <dd>
                        <a href="service.html">网站建设</a>
                    </dd>
                    <dd>
                        <a href="service.html">手机网站</a>
                    </dd>
                </dl>
                <dl class="footer_dl2" style="340px;">
                    <dt>
                        联系我们
                    </dt>
                    <dd>
                        <img src="images/xinlang.png" alt="网络官方微博"/>
                        <a href="http://weibo.com/23542345" rel="noFollow" target="_blank">官方微博:
                            xxx</a>
                    </dd>
                    <dd>
                        <img src="images/mail.png" alt="网站建设咨询邮箱"/>
                        <a href="mailto:sales@23542345.cn"> 咨询邮箱：xxxx</a>
                    </dd>
                    <dd>
                        <img src="images/tel.png" alt="网站建设咨询电话"/> 咨询热线：xxx
                    </dd>
                    <dd>
                        <img src="images/weixin.png" alt="网站建设"/>微信：网站建设
                    </dd>
                </dl>
                <form method="post" action="/Feedback">
                    <dl class="footer_dl3">
                        <dt>
                            给我们留言
                        </dt>
                        <dd>
                            <input name="name" class="input" type="text" value="你的称呼（必填）"
                                   onFocus="if(this.value='你的称呼（必填）')this.value=''"
                                   onBlur="if(this.value=='')this.value=='你的称呼（必填）'"/>
                        </dd>
                        <dd>
                            <input name="tel" class="input" type="text" value="你的电话（必填）"
                                   onFocus="if(this.value='你的电话（必填）')this.value=''"
                                   onBlur="if(this.value=='')this.value=='你的电话（必填）'"/>
                        </dd>
                        <dd>
                            <textarea name="content" cols="" rows=""></textarea>
                        </dd>
                        <dd>
                            <input type="image" alt="提交留言" src="images/submit_button.png"/>
                        </dd>
                    </dl>
                </form>
                <div class="clear"></div>
            </div>
        </div>
    </div>
info
页面公用的部分第9张页面公用的部分第10张
.footer {
     100%;
    margin: 0 auto;
    background: url(../images/footer_bg.gif) repeat-x;
    height: 404px;
}

.footer2 {
     100%;
    margin: 0 auto;
    background: url(../images/footer_bg.gif) repeat-x;
    height: 284px;
}

.footer_con {
     1200px;
    margin: 0 auto;
    padding-top: 30px;
}

.footer_dl {
    height: 280px;
}

.footer_dl dl {
    float: left;
    line-height: 34px;
     205px;
}

.footer_dl dl dt {
    font-size: 18px;
    font-family: "微软雅黑";
    font-weight: bold;
    padding-bottom: 20px;
}

.footer_dl3 dd {
    margin-bottom: 7px;
    margin-right: 0;
}

.footer_dl dl dd input.input, .footer_dl dl dd textarea {
    color: #999;
    border: #d8d8d8 1px solid;
     230px;
    padding-left: 5px;
}

.footer_dl3 dd input.input {
    height: 26px;
    line-height: 26px;
}

.footer_dl3 dd textarea {
    height: 52px;
    height: 26px;
    padding-top: 5px;
}

.footer_dl dl dd a:hover {
    color: #666;
    text-decoration: underline;
}

.footer_dl2 dd img {
    margin-right: 10px;
    margin-top: 10px;
}
css

页面公用的部分第11张

页面公用的部分第12张页面公用的部分第13张
<div class="bottom">
        <div class="bottom_con">
            @2013 版权所有 深圳网络科技有限公司 地址：深圳市罗湖区春风路桂都大厦 电话：0755-123521
        </div>
    </div>
底部
页面公用的部分第14张页面公用的部分第15张
.bottom {
     100%;
    margin: 0 auto;
    background: url(../images/bottom_bg.gif) repeat-x;
    height: 65px;
    line-height: 65px;
}

.bottom_con {
     1200px;
    margin: 0 auto;
    text-align: center;
    color: #666;
}
css

页面公用的部分第16张

页面公用的部分第17张

/* 导航栏 */
.case_class ul li {
    float: left;
    margin-right: 10px;
    font-size: 18px;
     100px;
    height: 36px;
    font-family: "微软雅黑";
    line-height: 36px;
    text-align: center;
}

/* 按钮边框 */
.case_class ul li a {
    display: block;
    border: 1px solid #ccc;
}

.case_class ul li a:hover, .case_class ul li a.a2 {
    background: #4bcdd9;
    color: #fff;
    border: 1px solid #4bcdd9;
}

页面公用的部分第18张

.case_int {
    color: #999;
    line-height: 20px;
    border-top: 1px solid #eee;
    padding: 20px;
    background: #fafafa;
}

标签：#lt#amp#gt#= | 浏览：120 | 发布日期：

免责声明：文章转载自《页面公用的部分》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇（四）WebGIS中通过行列号来换算出多种瓦片的URL 之离线地图使用filebeat 收集日志到logstash 收集日志redis再到logstash到es下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

Mybatis标签及使用1

Mysatis的特点是以SQL语句为核心的不完全的ORM（关系型映射）框架 parameterType:在SQL映射文件中指定输入参数类型的，基本类型（int、float）、包装数据类型（String、Integer）以及用户自己编写的JavaBean封装类 resultType:指定数据库返回信息对应的Java的数据类型。在加载SQL配置，并绑定指定输入...

log4net日志的简单配置

                     说起来log4net，我一直都知道这个的存在，但实际在项目中还真是没有去自己写过的那，这一次我在项目完成后并没有着急下一个项目的开始，于是突然想起来是否添加一个日志的编写，于是开始了log4net的总结，下面就简单的总结一下自己在添加log4net时间注意的。                      1.首先我们...

UUID生成唯一的16位随机数

* Copyright (c) 2003, 2011, Oracle and/or its affiliates. All rights reserved. package java.util; import java.security.*; /** * A class that represents an immutable universal...

arcgis javascript api学习6

Class: ImageParameters   Description Represents the image parameter options used when calling ArcGISDynamicMapServiceLayer.exportMapImage, Geoprocessor.getResultImage, and Geopr...

WPF知识点全攻略13- 绘图

WPF基础图形： Line：直线，可设置笔触（Stroke) Rectangle：矩形，既有笔触（Stroke)，又有填充（Fill） Ellipse：椭圆，有笔触和填充（包含正圆） Polygon：多边形（闭合），由多条直线段围成的闭合区域，有笔触和填充 Polyline：折线（不闭合），由多条首尾相接的直线段组成 Path：路径，基本图形中功能最强大的...

进阶篇－用户界面：6.android studio使用github开源库实现下拉刷新

      说实话，这是我第一次这么正儿八经的用github开源库，之前一直在听一些大神对这个世界级的开源库赞不绝口，今天终于体会到了。由于下拉刷新的类库是在eclipse下开发完成的，而eclipse如何使用如果导入网上的教程都非常详细。昨天我试了半天发现由于自己对android studio还不是很熟悉，所以引用类库的时候发现无从下手。但是今天早晨起来...

最新文章

随机推荐

思享工具箱导航