网站文字广告美化代码-添加多彩广告通用源码-第八度导航网
站长导航 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
- 最近发表
