当前位置:首页 > 站长杂谈 > 正文内容

简介漂亮的广告代码

小宝4年前 (2020-05-12)站长杂谈1241

效果图:

69303ad1ab19e52391915e0b304df0ea20200511040010.jpg 简介漂亮的广告代码  广告代码 第1张

代码如下:

<!--图片广告区域开始-->
<div style="background-color:#fff;box-shadow:0px 0px 10px #dedede;padding:5px;margin-top:5px;margin-bottom:5px;">
	<!--
	<h3 class="fly-panel-title" style="border-bottom:1px dotted #e2e2e2;margin-bottom:10px;">
		赞助商广告 <a style="float:right;color:#dedede;" href="https://www.xiaoxinjcw.cn/about/ad.html" target="_blank" onmouseover="this.style.color='#F00'" onmouseout="this.style.color='#dedede'">广告招商</a> 
	</h3>
--> <a class="adplan" data-id="15" style="display:block;width:100%;margin-bottom:10px;" rel="nofollow" target="_blank" href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" title="广告联系q:460876667|过期时间:永久"> <img src="http://www.xyuzy.com/gge/gg.png" style="max-height:70px;width:100%;border-radius:4px;" width="644" height="70" title="" align="" alt="" /></a> <!--图片广告区域结束-->	
			 		        <!--顶部双排广告第二行-->
<style>
    #nr{
    	font-size:20px;
    	margin: 0;
        background: -webkit-linear-gradient(left,
            #ffffff,
            #ff0000 6.25%,
            #ff7d00 12.5%,
            #ffff00 18.75%,
            #00ff00 25%,
            #00ffff 31.25%,
            #0000ff 37.5%,
            #ff00ff 43.75%,
            #ffff00 50%,
            #ff0000 56.25%,
            #ff7d00 62.5%,
            #ffff00 68.75%,
            #00ff00 75%,
            #00ffff 81.25%,
            #0000ff 87.5%,
            #ff00ff 93.75%,
            #ffff00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        animation: masked-animation 2s infinite linear;
    }
    @keyframes masked-animation {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -100%, 0;
        }
    }
</style>
	<div style="background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:5px;margin-top:10px;margin-bottom:0px;">
		<marquee>
    	<b id="nr">公告:欢迎来到晓新教程网 - 一家专业的热门资源聚合平台!晓新教程网:www.xiaoxinjcw.cn </b> </marquee>
	</div>
<!--顶部双排广告第二行-->
<style>
.txtguanggao{width: 100%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.txtguanggao a{width: 24.5%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}.txtguanggao a:nth-child(1) {background-color: #dc3545;}.txtguanggao a:nth-child(2) {background-color: #007bff;}.txtguanggao a:nth-child(3) {background-color: #28a745;}.txtguanggao a:nth-child(4) {background-color: #ffc107;}.txtguanggao a:nth-child(5) {background-color: #28a745;}.txtguanggao a:nth-child(6) {background-color: #ffc107;}.txtguanggao a:nth-child(7) {background-color: #dc3545;}.txtguanggao a:nth-child(8){background-color: #007bff;}.txtguanggao a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.txtguanggao a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}}
  </style>
	<div class="txtguanggao">
		<a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> <a href="https://www.xiaoxinjcw.cn/go.php/?url=https://www.xiaoxinjcw.cn/ad.html" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> 
	</div>
</div>
<!--文字广告结束-->


扫描二维码推送至手机访问。

版权声明:本文由 菠萝博客 发布,如需转载请注明出处。

本文链接:https://boluobk.cn/post/75.html

标签: 广告代码
分享给朋友:

相关文章

手把手教你如何配置SSL证书-虚拟主机篇

手把手教你如何配置SSL证书-虚拟主机篇

SSL证书可以提高网站的安全性,并由http://转化为https://,现在很多网站都已经配置好了SSL证书,也许你也想配置一份,这篇文章教你如何配置SSL证书。首先在阿里云或者腾讯云申请一个SSL证书(建议到亚洲诚信申请),这里以腾讯云...

搭建博客网站的注意事项

搭建博客网站的注意事项

最近有很多人想要搭建一个博客网,类似于个人博客,资源分享的一个网站,但是又不知道如何去搭建和运营和后期的维护,菠萝博客搭建了没有多久,也是有人问我这个博客程序在哪里可以找到。首先选择一个博客的源代码是非常重要的,一些人为了图方便就在网络上面...

绕过备案使用国内主机产品

绕过备案使用国内主机产品

使用国内主机需要备案,这确实比较麻烦,一备案就要等半个月,这里给大家分享两个免备案的方法方法一:使用81端口,81端口是不需要备案的,但是它的缺点就是需要在域名后面加:81才能正常访问方法二:使用国外机,国外机是不需要备案的,首先选择国外C...

康乐Kangle 商业版完美智能防CC攻击(0误封)3311后台防护CC设置教程 防御一切CC攻击

康乐Kangle 商业版完美智能防CC攻击(0误封)3311后台防护CC设置教程 防御一切CC攻击

康乐kangle 商业版完美智能防CC攻击(0误封)3311后台防护CC设置教程 防御一切CC攻击教程1、安装心雨康乐Kangle商业版一键脚本2、脚本安装完毕后,进入康乐商业版管理后台,登陆网站地址,账号和密码如下:康乐kang...

KOS工具箱【免费】一键设置Kangle EP每日备份数据到FTP空间

KOS工具箱【免费】一键设置Kangle EP每日备份数据到FTP空间

介绍KOS云备份免费版● [免费]保留最新3份数据● [免费]备份自己FTP存储空间● [免费]每日备份网站和数据库安装前往KOS工具箱(Kangle工具箱)官网;安装并运行KOS工具箱;安装完成人后,输入kostool.cn启动KOS工具...

Termux安装Linux

Termux安装Linux

Termux 在安装好 proot 的情况下,是可以运行 Linux 系统的,利用这个原理,沫辰写出了 Termux 一键安装 Linux 脚本,让你的 Termux 折腾之路更加简单。准备工作项目地址: https://gith...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。