给WordPress网站增加一个带时间的led广告牌

简介: 给WordPress网站增加一个带时间的led广告牌

WordPress 后台==》外观==》小工具==》自定义html==》添加到合适位置

其他系统可自行添加合适位置
QQ图片20240117070531.png

<style type="text/css">
    .studytextgzbox {
    
    
  background:   #F9F9F9; 
  border: 1px solid #999999;
  margin: 1px;
  text-align:center;  
  float: left;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
  width: 236px;
  }

</style>

<script type="text/javascript">
    study_textgz_jQuery(function() {
    
    
    var container = study_textgz_jQuery('#masonry');
    container.imagesLoaded(function() {
    
    
        container.masonry({
    
    
                itemSelector: '.studytextgzbox',
                gutter: 0,
                isAnimated: true,
            });
     });
});

</script>

<style type="text/css">
.zzbuluoled:after {
    
    
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@media (max-width: 768px){
    
    .zzbuluoled{
    
    display: none;}}
</style>  
<div class="wp zzbuluoled"  style="margin-top:0px;">   
<div style="background:url('https://ycunz.cn/source/plugin/zzbuluo_led/images/1.png'); text-align: center; height:80px; border: 0px solid #E8EFF5;" >   





                <div id="systimeshow" style="float: left;margin-top: 10px; font-weight:bolder; color:#FF0000;font-size:16px;font-family: '微软正黑体','黑体_GB2312','微软正黑体'; width: 130px;">
                </div>
                  <script language="javascript">
                    function getCurDate()
{
    
    
 var d = new Date();
 var week;
 switch (d.getDay()){
    
    
 case 1: week="星期一"; break;
 case 2: week="星期二"; break;
 case 3: week="星期三"; break;
 case 4: week="星期四"; break;
 case 5: week="星期五"; break;
 case 6: week="星期六"; break;
 default: week="星期天";
 }
 var years = d.getFullYear();
 var month = add_zero(d.getMonth()+1);
 var days = add_zero(d.getDate());
 var hours = add_zero(d.getHours());
 var minutes = add_zero(d.getMinutes());
 var seconds=add_zero(d.getSeconds());

 var ndate = years+"年"+month+"月"+days+"日"+"<br>"+hours+":"+minutes+":"+seconds+"&nbsp"+week+"&nbsp";

 var divT=document.getElementById("systimeshow"); 
 divT.innerHTML= ndate;
}
function add_zero(temp)
{
    
    
 if(temp<10) return "0"+temp;
 else return temp;
}
setInterval("getCurDate()",100);
                </script>


<div id="zzbuluoled_sx" style="width:auto;overflow:hidden;height:80px;line-height:80px;text-align:left;">
<div id="zzbuluoled_sx1" > 

<p style="padding:0px 10px 0px 16px;vertical-align:middle;height:80px;overflow:hidden;">
  <marquee direction="lelf" scrollamount="5"><strong>
<a href="#" target="_black"  title="QQ沐编程(qqmu.com)欢迎您">
<span style="font-weight:900; color: #FF0000; font-size: 60px;line-height:80px;">QQ沐编程(qqmu.com)欢迎您欢迎您
</span>
</a>

    <a href="#" target="_black" >
<span style="font-family: 'Tahoma';font-weight:900; color: #4C33E5; font-size: 60px;line-height:80px;">新年优惠限时福利·会员低至9.9
</span>
</a>

    <a href="#" target="_black" >
<span style="font-family: 'Tahoma';font-weight:900; color: #FFFFFF; font-size: 60px;line-height:80px;">每日签到&抽奖&完成任务等可免费获得积分
</span>
</a>
     </strong></marquee>
</p>



</div>

</div>


</div>
</div>
相关文章
|
1月前
|
安全
SiteGround如何设置WordPress网站自动更新
iteGround Autoupdate功能会自动帮我们更新在他们这里托管的所有WordPress网站,这样做是为了保证网站安全,并且让它们一直保持最新状态。他们会根据我们选择的设置自动更新不同版本的WordPress,包括主要版本和次要版本。在每次自动更新之前,他们都会为我们的网站做一个完整的备份,这样如果有什么问题,我们可以轻松地恢复到之前的状态。在本文中,我们将介绍如何在SiteGround中设置WordPress网站自动更新。
37 0
SiteGround如何设置WordPress网站自动更新
|
3月前
WordPress网站更换域名后如何重新激活elementor
本文讲解WordPress网站更换域名后如何重新激活elementor。首先你需要在WordPress后台elementor下点击Disconnect断开原elementor连接,然后登录elementor官网,在后台解除原网站授权;接着在WordPress后台重新连接并激活elementor。
65 2
WordPress网站更换域名后如何重新激活elementor
|
1月前
|
关系型数据库 MySQL Apache
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
|
3月前
|
域名解析 弹性计算 数据安全/隐私保护
阿里云ECS免费搭建WordPress个人博客网站
阿里云ECS免费搭建WordPress个人博客网站
464 2
阿里云ECS免费搭建WordPress个人博客网站
|
5月前
|
NoSQL 安全 PHP
手把手教你搭建WordPress博客网站并发布至公网(上
手把手教你搭建WordPress博客网站并发布至公网
169 0
|
6月前
|
域名解析 网络协议
如何为树莓派上的WordPress博客网站配置自己的域名,并且外网可访问?
如何为树莓派上的WordPress博客网站配置自己的域名,并且外网可访问?
|
2月前
|
存储 XML 前端开发
信息收集 -- WordPress网站
信息收集 -- WordPress网站
27 0
|
3月前
|
数据库 数据安全/隐私保护 SEO
如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
47 0
如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
|
8月前
|
人工智能 前端开发 小程序
WordPress网站访问慢解决方案(超详细图文教程)
WordPress网站访问慢解决方案(超详细图文教程)
130 0
|
8月前
|
NoSQL 安全 PHP
如何搭建WordPress博客网站,并且发布至公网上?
如何搭建WordPress博客网站,并且发布至公网上?