网站文字广告美化代码-添加多彩广告通用源码-第八度导航网
站长导航 2019-12-16 233 浏览 0 评论
该广告代码本站实用的
以下源码添加到需要的地方即可:
css部分:
<style> .tp_advertising{ width: 100%; display: flex; justify-content: space-between; background: #fff; position: relative; box-shadow: 0 0 3px rgba(0,0,0,.2); } .tp_advertising p{ color: #fff; font-size: 14px; line-height: 22px; background: #6F8EC5; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0 8px; border-top-left-radius: 10px; opacity: .3; } .tp_advertising div{ width: 16.66%; position: relative; z-index: 1; } .tp_advertising a{ font-size: 12px; line-height: 22px; text-align: center; display: block; text-decoration: none; white-space:nowrap; } .tp_advertising a:hover{ font-weight: bold; font-size: 14px; text-shadow: 0px 0px 1px rgba(0,0,0,.5); } .tp_1 a{ color: #FF0033; } .tp_2 a{ color: #9400D3; } .tp_3 a{ color: #00BFFF; } .tp_4 a{ color: #FF1493; } .tp_5 a{ color: #FF4500; } .tp_6 a{ color: #5fb878; } </style>
下面是网站代码嵌入部分:
<div class="tp_advertising"> <p>广告</p> <div class="tp_1"> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> </div> <div class="tp_2"> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> </div> <div class="tp_3"> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> </div> <div class="tp_4"> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> </div> <div class="tp_5"> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> <a href="https://www.xcsos.cn/" target="_blank">第八度导航网</a> </div> <div class="tp_6"> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> <a href="#" target="_blank">广告招租</a> </div> </div>
以上美化代码适合新手美化网站。
相关推荐
-
- 分享个实用的防封、防举报、防屏蔽、防红页面JS代码
-
首先找到一个大站,能丢一下js的。使用以下js,完美实现防红。<meta charset=”utf-8″><meta ...
-
4天前 站长导航
-
- 玩互联网的都应该知道个人支付方案(免签约)-支付宝当面付
-
支付宝当面付接入流程点击在这里进入,登陆支付宝账户选择立即接入。经营内容选择百货零售-超市-超市(非平台类)营业执照可不上传店铺招牌 百度即可提交申请...
-
6天前 站长导航
-
- 设置教程一款Typecho清新风格响应式主题Bubble
-
主题介绍 清新的界面:大气简洁的页面布局,采用argondesignsystem,元素间隔恰到好处人性化的设计:登陆后显示后台管理...
-
2周前 (01-05) 站长导航
- 5g云解决layui前端动态设置radio、checkbox默认选项的解决方案
-
前几天接触一个二次开发,后台UI用的是layui框架,程序原来的TAG标签设置中自由输入的,想修改为单选。这样子的功能用于,一个产品属于两种分类的作法。第一种就是系统自带的产品分类,第二种使用标签来实...
- 站长导航给大家带来阿里、腾讯云服务器完全卸载监控教程
-
众所周知,阿里云、腾讯云的服务器都自带监控(AliYunDun/阿里云盾/安骑士教程),大家都不想自己的所作所为都被监控着,比如我在上面安装SS服务,一旦云监控查到,会被警告,很麻烦,我们总想着自己买...
- php代码公众号链接获取文章标题-封面图-摘要-作者-公众号名称-简介-微信号-正文
-
php公众号链接获取文章标题、封面图、摘要、作者、公众号名称、简介、微信号、正文代码如下://设置 headerheader("Content-type:application...
- 杰奇网站搬家需要打包files文件夹吗
-
杰奇网站搬家需要打包files文件夹吗?很多站长会有这个问题,files文件夹太大了搬家极不方便,就想着偷懒不打包这个文件夹到新服务器,结果发现新服务器建的站小说打开提示“文章不存在”。搬家是需要把f...
- 杰奇模板文件为什么都带有一个sql文件?
-
17模板网制作的杰奇模板文件中为什么都带有一个.sql文件?这个文件还要到后台执行,安全吗?每个杰奇模板都有对应的区块,区块记录在数据库的区块表中,这个文件是就是模板完成后提取出来的区块表结构和数据,...
你 发表评论:
欢迎- 站点信息
-
- 文章总数:3509
- 页面总数:4
- 分类总数:28
- 标签总数:1957
- 评论总数:74
- 浏览总数:1420248
- 最近发表