查看: 312|回复: 1

[网站源码] 自适应资源网站文字广告位代码

[复制链接]
累计签到:317 天
连续签到:6 天

905

主题

-17

回帖

1万

积分

热心会员

名望
126
星币
4483
星辰
9
好评
264
发表于 2024-8-23 13:57:17 | 显示全部楼层 |阅读模式

注册登录后全站资源免费查看下载

您需要 登录 才可以下载或查看,没有账号?立即注册

×
本帖最后由 巨二兔 于 2024-8-23 13:58 编辑

这个代码我偷取的一个影视站的




  1.     <style type="text/css">
  2.     .tp-ad-text1 {width:100%;padding-top:6px;box-sizing:border-box;overflow: hidden;background: rgba(255,255,255,.2);}
  3.     .tp-ad-text1 a {color:#7fba00;font-size:14px;line-height:38px;text-align:center;border:1px dashed rgba(0,0,0,.2);padding:0 3px;box-sizing:border-box;float:left;width:11.5%;height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0.5% 6px;text-decoration:none;transition:all .6s;}
  4.     .tp-ad-text1 a:hover {font-weight: bold;color:#fff!important;background:#7fba00;transition: all .6s;}
  5.     .tp-ad-text1 a:nth-child(2n) {color:#f74e1e;}
  6.     .tp-ad-text1 a:nth-child(2n):hover {background:#f74e1e;border-color: #f74e1e;}
  7.     .tp-ad-text1 a:nth-child(3n) {color:#00a4ef;}
  8.     .tp-ad-text1 a:nth-child(3n):hover {background:#00a4ef;border-color: #00a4ef;}
  9.     .tp-ad-text1 a:nth-child(4n) {color:#0517c2;}
  10.     .tp-ad-text1 a:nth-child(4n):hover {background:#0517c2;border-color: #0517c2;}
  11.     .tp-ad-text1 a:nth-child(5n) {color:#601165;}
  12.     .tp-ad-text1 a:nth-child(5n):hover {background:#601165;border-color: #601165;}
  13.     .tp-ad-text1 a:nth-child(6n) {color:#ffb900;}
  14.     .tp-ad-text1 a:nth-child(6n):hover {background:#ffb900;border-color: #ffb900;}
  15.     .tp-ad-text1 a:nth-child(7n) {color:#0fc317;}
  16.     .tp-ad-text1 a:nth-child(7n):hover {background:#0fc317;border-color: #0fc317;}
  17.     .tp-ad-text1 a:nth-child(8n) {color:#601165;}
  18.     .tp-ad-text1 a:nth-child(8n):hover {background:#601165;border-color: #601165;}
  19.     .tp-ad-text1 a:nth-child(9n) {color:#fba78f;}
  20.     .tp-ad-text1 a:nth-child(9n):hover {background:#fba78f;border-color: #fba78f;}
  21.     .tp-ad-text1 a:nth-child(10n) {color:#13cf8f;}
  22.     .tp-ad-text1 a:nth-child(10n):hover {background:#13cf8f;border-color: #13cf8f;}
  23.     .tp-ad-text1 a:nth-child(11n) {color:#f74e1e;}
  24.     .tp-ad-text1 a:nth-child(11n):hover {background:#f74e1e;border-color: #f74e1e;}
  25.     .tp-ad-text1 a:nth-child(12n) {color:#ffb900;}
  26.     .tp-ad-text1 a:nth-child(12n):hover {background:#ffb900;border-color: #ffb900;}
  27.     .tp-ad-text1 a:nth-child(13n) {color:#fba78f;}
  28.     .tp-ad-text1 a:nth-child(13n):hover {background:#fba78f;border-color: #fba78f;}
  29.     .tp-ad-text1 a:nth-child(14n) {color:#f74e1e;}
  30.     .tp-ad-text1 a:nth-child(14n):hover {background:#f74e1e;border-color: #f74e1e;}
  31.     .tp-ad-text1 a:nth-child(15n) {color:#7fba00;}
  32.     .tp-ad-text1 a:nth-child(15n):hover {background:#7fba00;border-color: #7fba00;}
  33.     .tp-ad-text1 a:nth-child(16n) {color:#0fc317;}
  34.     .tp-ad-text1 a:nth-child(16n):hover {background:#0fc317;border-color: #0fc317;}
  35.     .tp-ad-text1 a:nth-child(17n) {color:#0517c2;}
  36.     .tp-ad-text1 a:nth-child(17n):hover {background:#0517c2;border-color: #0517c2;}
  37.     .tp-ad-text1 a:nth-child(18n) {color:#13cf8f;}
  38.     .tp-ad-text1 a:nth-child(18n):hover {background:#13cf8f;border-color: #13cf8f;}
  39.     .tp-ad-text1 a:nth-child(19n) {color:#ffb900;}
  40.     .tp-ad-text1 a:nth-child(19n):hover {background:#ffb900;border-color: #ffb900;}
  41.     .tp-ad-text1 a:nth-child(20n) {color:#f74e1e;}
  42.     .tp-ad-text1 a:nth-child(20n):hover {background:#f74e1e;border-color: #f74e1e;}
  43.     @media screen and (max-width: 1198px){
  44.         .tp-ad-text1 a{
  45.             width: 24%;
  46.         }
  47.     }
  48. </style>
  49. <div class="tp-ad-text1">
  50.                 <a href="https://www.baidu.com" title="测试" target="_blank">测试</a>
  51.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  52.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  53.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  54.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  55.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  56.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  57.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  58.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  59.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank" title="同款网站搭建" target="_blank">测试</a>
  60.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  61.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  62.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  63.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  64.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  65.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  66.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  67.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  68.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  69.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  70.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  71.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  72.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  73.                 <a href="https://www.baidu.com" title="广告位/10/月" target="_blank">广告位/10/月</a>
  74.             </div>
复制代码


默认签名:偏爱是我家,发展靠大家! 社区反馈邮箱Mail To:service@pai.al或paijishu@outlook.com
回复

使用道具 举报

累计签到:121 天
连续签到:1 天

0

主题

61

回帖

720

积分

星空

名望
0
星币
609
星辰
0
好评
0

在线大神欢乐天使奖灌水天才奖

发表于 2024-8-23 18:42:09 | 显示全部楼层
l
默认签名:偏爱是我家,发展靠大家! 社区反馈邮箱Mail To:service@pai.al或paijishu@outlook.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|偏爱技术社区-偏爱技术吧-源码-科学刀-我爱辅助-娱乐网--教开服-游戏源码

偏爱技术社区-偏爱技术吧-源码-科学刀-我爱辅助-娱乐网-游戏源码

Powered by Discuz! X3.5

GMT+8, 2024-11-9 10:47 , Processed in 0.081274 second(s), 36 queries .

快速回复 返回顶部 返回列表