酷炫无边框网站通用的文字广告代码 - 华雨啦

酷炫无边框网站通用的文字广告代码

作者头像

作者: 华雨啦

请牢记域名 huayula.com (华雨拉) 或 CTRL+D 收藏!

标签:

网站源码

温馨提示:本站公开发布的资源供测试,更多高质量高价值的资源,可加入华雨拉官方群在群文件下载获取,并在第一时间获得有效的代码和资源,还可在群内提问互助交流!华雨拉官方QQ群:497385575 华雨啦交流群

简介:

这个文字广告代码是所有网站通用的,去掉了方框,看着是不是好多了呢,把它放到你想让它出现的位置即可,文字的行数,列数都是可以修改的,看下面的代码,进行修改,不要太死板了哦

代码如下

<?php
/*
这里放文字代码/开始
*/
?>
<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="#" 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_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="#" 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_5">
		<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_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>
<?php
/*
这里放文字代码/底部
*/
?>

 

亲爱的宝宝们!喜欢华雨拉(huayula.com)吗?喜欢就按 CTRL+D 收藏吧!
华雨啦(huayula.com)将持续测试与提供可用的QQxml、QQjson代码及网站源码,更新维护不易,期待您的支持!
如果要支持我们,可点击或扫描下面的二维码加入本站QQ群,加入可获得收藏级的工具和代码,新人有好礼相赠!


分享到:
请加群支持华雨拉!
未经允许不得转载:

作者: 华雨啦, 转载或复制请以 超链接形式 并注明出处 华雨啦
原文地址: 《酷炫无边框网站通用的文字广告代码》 发布于2019-12-25

评论

切换注册

登录

忘记密码?

切换登录

注册

酷炫无边框网站通用的文字广告代码

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

召唤伊斯特瓦尔