网站首页自适应广告栏(图片+文字+滚动文字)
linxi 2022-9-7

网站首页自适应广告栏(图片+文字+滚动文字)

代码修改简单,原本想做成插件的,想了想没必要了~

位置可以自己随意添加,添加到 以下已有插件里也行~

铁爷插件-铁爷说首页文字  

Xiuno BBS 广告插件 v1.2

跳转链接自己都会改吧~

免费奉上!

<!--图片广告区域开始-->
<div style="background-color:#fff;box-shadow:0px 0px 10px #ff2d51;padding:5px;margin-top:5px;margin-bottom:5px;">

	<h3 class="fly-panel-title" style="border-bottom:1px dotted #ff2d51;margin-bottom:10px;">
		赞助商广告 <a style="float:right;color:#1685a9;" href="http://9587.xyz/" target="_blank" onmouseover="this.style.color='#ff2d51'" 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="http://9587.xyz/" title="图片广告说明"> <img src="https://xiunobbs.cn/advert/jlyhl.png" style="max-height:150px;width:100%;border-radius:4px;" width="644" height="150" 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">滚动公告专区;可输入自定义文字</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: 31%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 13px;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: 45.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="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> 
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a> 
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
<a href="http://9587.xyz/" target="_blank" rel="nofollow" class="dh">文字广告火爆招租</a>
</div>
</div>
<!--文字广告结束-->   
最后于 10月前 被linxi编辑 ,原因: 图片链接失效
最新回复 (12)
全部楼主
  • 22sscn
    2022-9-8 2
    0
    感谢楼主ing!!!
  • zzr
    2022-9-8 3
    0
    不错的帖子!
  • guboysky
    2022-9-8 4
    0
    感谢楼主ing!!!
  • 3315095802
    2022-9-9 5
    0
    感谢楼主
  • 凭栏听雨
    2022-9-15 6
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
  • 小白白888
    2022-11-30 7
    0
    哈哈,不错哦!
  • Catskin
    2022-12-29 8
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • chen183
    2023-1-5 9
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
  • swalker
    2023-2-27 10
    0
    沙发我没有,板凳我没有,板也没有,只好站在后面排队支持! 
  • Once
    2023-2-27 11
    0
    感谢楼主ing!!!
  • weige
    1月前 12
    0
    你就是我心中的那首忐忑,总是让我惊心动魄。 
  • weige
    7天前 13
    0
    顶顶顶顶顶顶顶!!!
返回