帮助中心
40
最新文章
  • thinksns如何向不同类型的用户发通知
  • yourphp设置幻灯片教程
  • yourphp如何发布文章和产品
  • yourphp怎么修改首页的广告模块
  • yourphp忘记后台密码怎么办?找回密码教程
  • yourphp图片上传步骤
  • yourphp后台登录提示LOGIN_ERROR_COUNT的解决办法
  • yourphp网站搬家步骤
  • Yourphp全新安装教程
  • yourphp开启URL伪静态步骤
  • 文章分类
  • 171CMS_711CMS
  • BIWEB商务智能网站系统
  • BO-BLOG开源博客系统相关
  • cmseasy易通企业系统相关
  • Cscms程氏内容管理系统
  • dedecms教程_织梦系统帮助文档_dedecms虚拟主机空间
  • Destoon开源b2b系统相关
  • DirectAdmin(DA)用户面板相关
  • discuz论坛_discuz x3.0教程_discuz x3.2教程_DZ论坛
  • DouPHP轻量级企业网站管理系统
  • drupal开源内容管理系统(CMS)
  • ecmall商城系统教程-ecmall最新版本-ecmall模版教程
  • Ecshop开源网店系统相关
  • ECTouch程序相关教程
  • ESPCMS_易思
  • ftp教程_ftp上传工具_ftp软件_ftp是什么
  • iwebshop开源网店系统相关
  • joomla开源cms相关
  • KingCMS内容管理系统
  • Lifetype开源博客相关
  • Magento开源电子商务系统
  • mambors开源cms相关
  • mediawiki开源百科系统相关
  • Metinfo(米拓)CMS教程-米拓模版安装教程
  • modoer3.2_modoer点评系统_modoer模版
  • MvMmall多用户商城系统
  • mysql数据库相关
  • opensns开源社交系统
  • oscommerce电子商务系统
  • PHPBB开源论坛程序相关
  • phpcms教程_phpcms漏洞修复_phpcms技术中心
  • phpmyfaq开源问答(FAQ)系统相关
  • phpweb程序_phpweb教程_phpweb成品网站
  • PHPWIND开源论坛系统相关
  • phpyun
  • php主机产品
  • Pmwiki开源百科程序
  • SemCms开源程序
  • ShopEx网店程序_shopex模板教程_shopex虚拟主机空间
  • ShopNc开源商城系统教程_电子商务系统教程
  • Thinkphp中文WEB应用开发框架相关
  • thinksns全平台综合型社交系统
  • Typecho开源博客系统相关
  • WordPress博客中文教程_wordpress模板教程_wordpress虚拟主机空间
  • XOOPS内容管理系统(CMS)
  • YOUDIANCMS内容管理系统
  • zblog博客程序教程_zblog模版问题解决方法
  • Zen Cart开源商城系统相关
  • 主机环境配置相关
  • 其他资料
  • 域名相关
  • 安全资讯
  • 宏博cms企业系统相关
  • 帝国CMS教程_帝国CMS常见问题解决方法
  • 建站之星教程_建站之星程序常见问题解决方案
  • 无忧主机原创视频教程
  • 无忧主机用户部署安装网站
  • 无忧主机超级用户管理系统相关
  • 易企cms企业系统相关
  • 最土团购程序_最土团购程序模板教程_最土团购虚拟主机空间
  • 海盗云商系统
  • 网站SEO教程_SEO是什么?_SEO博客-无忧主机
  • 网站迁移和数据备份相关
  • 资源目录
  • 骑士cms_骑士人才系统教程
  • thinksaas程序在首页底部添加广告详解

    建站过程中,我们经常会为自己的网站添油加醋,今天无忧主机小编就教会大家如何在自己的网站打广告,以thinksaas程序为例。在访问thinksaas官网时,会发现网站首页的底部有一个固定的div,如图1所示。

    图1 300x57 thinksaas程序在首页底部添加广告详解

    上面可以根据自己的需求添加一些广告信息和联系方式,放在底部不会影响对页面的整体布局,透明的层样式能够显示也不会影响页面内容的显示,对于网站的访问者来说是非常可以接受的。无忧主机小编研究了一番后,在自己的thinksaas程序中成功模仿了这个功能,为了使网站有更好的体验,无忧主机小编还在这个横幅中设置了一个关闭广告按钮,具体的操作步骤如下:
    1、找到用于存放横幅的文件 /app/home/html/footer.html,用notepad++或其他文本编辑器打开,可以看到如下代码

    {php doAction('body_foot')}
    {php include pubTemplate("footer");}
    

    在这段代码后面添加广告和联系方式的代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function removeElement(id){ document.getElementById(id).style.display="none"; }
    </script>
    </head>
    <body>
    <style type="text/css">
    .footertip{ position: fixed; z-index: 200; float:left; padding: 10px 0; width: 100%;
    background-color: #333; background-color: rgba(0,0,0,0.75); color: #FFF;
    font-size: 18px; text-align: center; bottom: 0;}		
    .hidden-xs { opacity:0.8; }		
    .btn-info { color: #fff;background-color: #5bc0de;border-color: #46b8da; }		
    .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;
    line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;
    -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;
    -ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    a{ text-decoration: none;}
    </style>	
    <div class="footertip hidden-xs" id="bar1">在这里写一些广告语,如果有问题可以在"点击联系"出联系站长,如果不喜欢可以点击最后侧的"关闭"。 
    <a class="btn btn-info" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=这里填写站长的qq&site=qq&menu=yes">点击联系</a>
    <a onclick="removeElement('bar1')">关闭</a>
    </div>
    </body>
    </html>
    

    2、将上面这段代码中的“这里填写站长的qq” 填写好对应的qq号码,广告语也可以自己更改的,改好了保存好上传到空间目录:/app/home/html/ ,这样广告就做好了,效果如图2所示:

    图2 300x72 thinksaas程序在首页底部添加广告详解

    本文地址:http://www.51php.com/thinkphp/25117.html