技术导航网-广招网友投稿收录网站-五湖四海是一家 第八度导航网(www.di8du.com)找网站,找资源就上第八度!
技术导航,网址分类目录
当前位置:网站首页 > 资源分享 > CMS教程 > 正文

该广告代码本站实用的

f28eaee810fa1.png

以下源码添加到需要的地方即可:

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>

以上美化代码适合新手美化网站。

版权声明:第八度导航网提供优质收录和最新资源文章,请转载请注明出处!您的支持是我们最大的动力!
Thanks:【打赏站长请点击】相信美好的事即将发生

相关推荐

分享个实用的防封、防举报、防屏蔽、防红页面JS代码
分享个实用的防封、防举报、防屏蔽、防红页面JS代码

首先找到一个大站,能丢一下js的。使用以下js,完美实现防红。<meta charset=”utf-8″><meta ...

4天前 站长导航

志汇同城微圈小程序安装使用教程
  • 志汇同城微圈小程序安装使用教程
  • 志汇同城微圈小程序安装使用教程
  • 志汇同城微圈小程序安装使用教程
  • 志汇同城微圈小程序安装使用教程
热闻大佬开源「抢茅台脚本」,全网火了,附赠源码教程
  • 热闻大佬开源「抢茅台脚本」,全网火了,附赠源码教程
  • 热闻大佬开源「抢茅台脚本」,全网火了,附赠源码教程
  • 热闻大佬开源「抢茅台脚本」,全网火了,附赠源码教程
  • 热闻大佬开源「抢茅台脚本」,全网火了,附赠源码教程
玩互联网的都应该知道个人支付方案(免签约)-支付宝当面付
玩互联网的都应该知道个人支付方案(免签约)-支付宝当面付

支付宝当面付接入流程点击在这里进入,登陆支付宝账户选择立即接入。经营内容选择百货零售-超市-超市(非平台类)营业执照可不上传店铺招牌 百度即可提交申请...

6天前 站长导航

设置教程一款Typecho清新风格响应式主题Bubble
设置教程一款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文件?这个文件还要到后台执行,安全吗?每个杰奇模板都有对应的区块,区块记录在数据库的区块表中,这个文件是就是模板完成后提取出来的区块表结构和数据,...

取消回复欢迎 发表评论:

请填写验证码