欧美自拍视频在线_97免费高清电视剧观看_色哟哟国产精品色哟哟_亚洲国产激情av_俄罗斯毛片基地_欧美福利影院_台湾无码一区二区_精品视频自拍_2021狠狠干

網站添加國慶/新春燈籠代碼，給網站增添節日氣氛 > 秒收專欄> 丸趣：怎樣進步軟文收錄質量？-怎么進步文章收錄率

網站添加國慶/新春燈籠代碼，給網站增添節日氣氛

? ??來源：重慶北碚國聚林業有限公司

最近看到很多網站都掛了燈籠，搬過來水篇文章，最初出處也無從考證了，修復了一點兼容性問題，共分享兩種方法，各有各的優勢，站長朋友可以自行取舍，不過展示效果都差不多。感興趣的照下文添加吧，效果如圖所示。方法一：第一步、添加HTML代碼將下面的HTML代碼添加到主題頁腳模板footer.php...

網站添加國慶/新春燈籠代碼，給網站增添節日氣氛

共計 7275 個字符，預計需要花費 19 分鐘才能閱讀完成。

最近看到很多網站都掛了燈籠，搬過來水篇文章，最初出處也無從考證了，修復了一點兼容性問題，共分享兩種方法，各有各的優勢，站長朋友可以自行取舍，不過展示效果都差不多。感興趣的照下文添加吧，效果如圖所示。

方法一：

將下面的 HTML 代碼添加到主題頁腳模板 footer.php，</body> 標簽的上面。

<!-- 燈籠 1 -->
<div class="deng-box">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t"> 慶 </div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>
 
<!-- 燈籠 2 -->
<div class="deng-box1">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t"> 國 </div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>

因為代碼中有中文，編輯后需要將模板文件保存為 UTF-8 無 BOM（無簽名）的格式，后臺主題編輯中修改可以忽略，上面的代碼可以只加一個，個人感覺掛兩個燈籠更靈動些。

將樣式代碼添加到 WP 后臺 → 外觀 → 自定義 → 額外 CSS 中，點擊“發布”即可。

.deng-box {
    position: fixed;
    top: -40px;
    right: -20px;
    z-index: 1999;
}
 
.deng-box1 {
    position: fixed;
    top: -30px;
    right: 10px;
    z-index: 1999;
}
 
.deng-box1 .deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.8);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 5s infinite ease-in-out;
    animation: swing 5s infinite ease-in-out;
    box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
}
 
.deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.8);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 3s infinite ease-in-out;
    animation: swing 3s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
 
.deng-a {
    width: 100px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.1);
    margin: 12px 8px 8px 10px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03;
}
 
.deng-b {
    width: 45px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.1);
    margin: -4px 8px 8px 26px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03;
}
 
.xian {
    position: absolute;
    top: -20px;
    left: 60px;
    width: 2px;
    height: 20px;
    background: #dc8f03;
}
 
.shui-a {
    position: relative;
    width: 5px;
    height: 20px;
    margin: -5px 0 0 59px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -45px;
    background: #ffa500;
    border-radius: 0 0 5px 5px;
}
 
.shui-b {
    position: absolute;
    top: 14px;
    left: -2px;
    width: 10px;
    height: 10px;
    background: #dc8f03;
    border-radius: 50%;
}
 
.shui-c {
    position: absolute;
    top: 18px;
    left: -2px;
    width: 10px;
    height: 35px;
    background: #ffa500;
    border-radius: 0 0 0 5px;
}
 
.deng:before {
    position: absolute;
    top: -7px;
    left: 29px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    z-index: 1999;
    border-radius: 5px 5px 0 0;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
 
.deng:after {
    position: absolute;
    bottom: -7px;
    left: 10px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    margin-left: 20px;
    border-radius: 0 0 5px 5px;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
 
.deng-t {
    font-family: 華文行楷,Arial,Lucida Grande,Tahoma,sans-serif;
    font-size: 3.2rem;
    color: #dc8f03;
    font-weight: bold;
    line-height: 85px;
    text-align: center;
}
 
.night .deng-t, 
.night .deng-box, 
.night .deng-box1 {background: transparent !important;}

@keyframes swing {0% { transform: rotate(-10deg) } 
    50% {transform: rotate(10deg) } 
    100% {transform: rotate(-10deg) } 
}
 
@-moz-keyframes swing {0% { -moz-transform: rotate(-10deg) }
    50% {-moz-transform: rotate(10deg) }
    100% {-moz-transform: rotate(-10deg) }
}
 
@-webkit-keyframes swing {0% { -webkit-transform: rotate(-10deg) }
    50% {-webkit-transform: rotate(10deg) }
    100% {-webkit-transform: rotate(-10deg) }
}

也可以將樣式代碼直接加到主題樣式文件 style.css 的最后?？赡軣艋\上的文字字號在有些主題上有點大，可以適當修改第 133 行的字號：font-size: 3.2rem;

如果被其他圖層擋住了，請修改 5，12，111 行 z-index 的值。

如果只想在首頁顯示燈籠，可以用下面的判斷語句把上面的代碼包裹起來：

<?php if (is_home()) { ?>
<!-- 代碼放這里 -->
<?php } ?>

手機移動端不顯示：

<?php if (!wp_is_mobile()) { ?>
<!-- 代碼放這里 -->
<?php } ?>

方法二：

這個燈籠只是簡單應用一下 CSS3 動畫，純 HTML+CSS 手敲出來的，由于時間短寫的，不是很嚴謹，但不影響使用，具體實現方法，看下面的代碼，給網站掛上新春燈籠，頂部左右兩邊新年快樂代碼。同理，改成國慶快樂四個字也是可以了，或者改成只顯示兩個燈籠。

<div class="deng-box2">
  <div class="deng">
    <div class="xian"></div>
    <div class="deng-a">
      <div class="deng-b">
        <div class="deng-t"> 年 </div>
      </div>
    </div>
    <div class="shui shui-a">
      <div class="shui-c"></div>
      <div class="shui-b"></div>
    </div>
  </div>
</div>
<div class="deng-box3">
  <div class="deng">
    <div class="xian"></div>
    <div class="deng-a">
      <div class="deng-b">
        <div class="deng-t"> 新 </div>
      </div>
    </div>
    <div class="shui shui-a">
      <div class="shui-c"></div>
      <div class="shui-b"></div>
    </div>
  </div>
</div>
<div class="deng-box1">
  <div class="deng">
    <div class="xian"></div>
    <div class="deng-a">
      <div class="deng-b">
        <div class="deng-t"> 樂 </div>
      </div>
    </div>
    <div class="shui shui-a">
      <div class="shui-c"></div>
      <div class="shui-b"></div>
    </div>
  </div>
</div>
<div class="deng-box">
  <div class="deng">
    <div class="xian"></div>
    <div class="deng-a">
      <div class="deng-b">
        <div class="deng-t"> 快 </div>
      </div>
    </div>
    <div class="shui shui-a">
      <div class="shui-c"></div>
      <div class="shui-b"></div>
    </div>
  </div>
</div>
<style type="text/css">.deng-box {
  position: fixed;
  top: -40px;
  right: -20px;
  z-index: 9999;
  pointer-events: none
}

.deng-box1 {
  position: fixed;
  top: -30px;
  right: 10px;
  z-index: 9999;
  pointer-events: none
}

.deng-box2 {
  position: fixed;
  top: -40px;
  left: -20px;
  z-index: 9999;
  pointer-events: none
}

.deng-box3 {
  position: fixed;
  top: -30px;
  left: 10px;
  z-index: 9999;
  pointer-events: none
}

.deng-box1 .deng, .deng-box3 .deng {
  position: relative;
  width: 120px;
  height: 90px;
  margin: 50px;
  background: #d8000f;
  background: rgba(216, 0, 15, .8);
  border-radius: 50% 50%;
  -webkit-transform-origin: 50% -100px;
  -webkit-animation: swing 5s infinite ease-in-out;
  box-shadow: -5px 5px 30px 4px #fc903d
}

.deng {
  position: relative;
  width: 120px;
  height: 90px;
  margin: 50px;
  background: #d8000f;
  background: rgba(216, 0, 15, .8);
  border-radius: 50% 50%;
  -webkit-transform-origin: 50% -100px;
  -webkit-animation: swing 3s infinite ease-in-out;
  box-shadow: -5px 5px 50px 4px #fa6c00
}

.deng-a {
  width: 100px;
  height: 90px;
  background: #d8000f;
  background: rgba(216, 0, 15, .1);
  margin: 12px 8px 8px 8px;
  border-radius: 50% 50%;
  border: 2px solid #dc8f03
}

.deng-b {
  width: 45px;
  height: 90px;
  background: #d8000f;
  background: rgba(216, 0, 15, .1);
  margin: -4px 8px 8px 26px;
  border-radius: 50% 50%;
  border: 2px solid #dc8f03
}

.xian {
  position: absolute;
  top: -20px;
  left: 60px;
  width: 2px;
  height: 20px;
  background: #dc8f03
}

.shui-a {
  position: relative;
  width: 5px;
  height: 20px;
  margin: -5px 0 0 59px;
  -webkit-animation: swing 4s infinite ease-in-out;
  -webkit-transform-origin: 50% -45px;
  background: orange;
  border-radius: 0 0 5px 5px
}

.shui-b {
  position: absolute;
  top: 14px;
  left: -2px;
  width: 10px;
  height: 10px;
  background: #dc8f03;
  border-radius: 50%
}

.shui-c {
  position: absolute;
  top: 18px;
  left: -2px;
  width: 10px;
  height: 35px;
  background: orange;
  border-radius: 0 0 0 5px
}

.deng:before {
  position: absolute;
  top: -7px;
  left: 29px;
  height: 12px;
  width: 60px;
  content: " ";
  display: block;
  z-index: 999;
  border-radius: 5px 5px 0 0;
  border: solid 1px #dc8f03;
  background: orange;
  background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)
}

.deng:after {
  position: absolute;
  bottom: -7px;
  left: 10px;
  height: 12px;
  width: 60px;
  content: " ";
  display: block;
  margin-left: 20px;
  border-radius: 0 0 5px 5px;
  border: solid 1px #dc8f03;
  background: orange;
  background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)
}

.deng-t {
  font-family: 華文行楷, Arial, Lucida Grande, Tahoma, sans-serif;
  font-size: 3.2rem;
  color: #dc8f03;
  font-weight: 700;
  line-height: 85px;
  text-align: center
}

.night .deng-box, .night .deng-box1, .night .deng-t {background: 0 0 !important}

@-moz-keyframes swing {
  0% {-moz-transform: rotate(-10deg)
  }
  50% {-moz-transform: rotate(10deg)
  }
  100% {-moz-transform: rotate(-10deg)
  }
}

@-webkit-keyframes swing {
  0% {-webkit-transform: rotate(-10deg)
  }
  50% {-webkit-transform: rotate(10deg)
  }
  100% {-webkit-transform: rotate(-10deg)
  }
}</style>

復制代碼放到底部模板文件里面即可

亚洲综合中文字幕68页| av国产在线观看| 国产精品理伦片| a在线观看免费| 热re99久久精品国产66热| 欧美日韩一区二区三区四区在线观看| 日韩成人一区二区三区| 欧美日韩国产高清| 日韩一级片免费| 国产欧美日韩最新| 一本色道久久综合狠狠躁的推荐| 午夜精品剧场| 精精国产xxx在线视频app| 国产绿帽一区二区三区| 日本精品一区二区三区视频 | 欧美美女一区二区在线观看| av毛片在线| 91精品国产三级| 欧美午夜久久久| 成视人a免费观看视频| 秋霞毛片久久久久久久久| 欧美性色综合网| 1204国产成人精品视频| 欧美 国产 日本| 欧美性xxxx极品hd欧美风情| 免费成人毛片| 波多野结衣天堂| 亚洲精选在线视频| 一区二区美女| 91丝袜美腿美女视频网站| 欧美激情综合网| 精品国产乱码| 国产在线xxx| 男女午夜激烈无遮挡| 国产精品区一区| 国产一区二区三区天码| 91久久久亚洲精品| 综合在线视频| 日日噜噜噜夜夜爽爽| 日韩av不卡一区二区| 国产露脸91国语对白| 久久精品2019中文字幕| 最新国产在线观看| 翔田千里亚洲一二三区| 2023国产精品自拍| 亚洲区欧洲区| 国产在线不卡av| 精品一区二区三区四区在线| 亚洲综合三区| 永久免费av片在线观看全网站| 国产精品成人99一区无码| 色综合色综合久久综合频道88| 欧美日韩黄色| 亚洲AV无码一区二区三区少妇| www.欧美黄色| 最新日韩中文字幕| 男人的天堂久久| 国内一区二区三区精品视频| 无码人妻精品一区二区三区66| 91精品久久久久久蜜臀| 国产又色又爽又黄刺激在线视频| 97国产精品久久久| 日本精品福利视频| 欧美精品videosex性欧美| 亚洲精品在线免费观看视频| 天天色天天操综合| 中文字幕精品在线不卡| 欧美女激情福利| 2020国产精品极品色在线观看| xxxx性bbbb欧美| 中文字幕av久久爽一区| 久久久免费精品视频| 欧美午夜性色大片在线观看| 色天下一区二区三区| 九色网com| 69av视频在线| 日本精品一区二区三区在线播放视频 | 免费看的黄网站| 久久久久狠狠高潮亚洲精品| 欧美精品亚洲一区二区在线播放| 精品美女久久久| 免费三级欧美电影| 欧美videossex极品| 久久久久久久久久久人体| 欧美午夜精品伦理| 久久精品国产精品亚洲红杏| 澳门久久精品| 一区在线影院| 国产三级伦理在线| free性欧美16hd| 男人的天堂网av| 国产精品视频第一区二区三区 | 欧美有码在线观看| 国产精品影视在线观看| 精品丝袜久久| 中文字幕视频在线观看| 久热在线视频| 久久精品www| 亚洲一区二区三区四区在线播放| 在线看国产一区| 2023国产精品自拍| 国产一区二区三区精品视频| 欧美国产日本| 九一在线视频| 天堂电影院在线| 免费av中文字幕| 精品国产欧美日韩不卡在线观看| 在线播放日韩精品| 日本韩国欧美一区| 99久久.com| 成人eeuss影院在线观看| 黄色av网址在线观看| 69久久夜色精品国产69| 福利电影一区二区| 999久久久精品一区二区| 97影视大全免费追剧大全在线观看| 中文字幕桃花岛| 绯色av一区| 免费在线观看av电影| 精品视频一区二区三区| 西瓜成人精品人成网站| 精品视频在线播放一区二区三区| 日本精品网站| 国产激情小视频在线| 992tv在线影院| 天天躁日日躁狠狠躁喷水| 中文字幕一区二区人妻痴汉电车| 成人午夜福利一区二区| 久久无码人妻一区二区三区| 性欧美videossex精品| 99在线免费观看视频| 久久久免费精品视频| 色琪琪一区二区三区亚洲区| 91麻豆国产在线观看| 亚洲一区二区三区四区的| 精品久久久久久国产91| 老鸭窝一区二区久久精品| 午夜亚洲一区| 久久一区国产| 亚洲一卡久久| 一区二区三区午夜探花| 在线观看午夜av| 97天天综合网| wwwww亚洲| sm捆绑调教国产免费网站在线观看 | 亚州av乱码久久精品蜜桃| 轻轻草成人在线| 国产成人av一区| 国产精品中文字幕一区二区三区| 色戒汤唯在线| 91在线网址| 香蕉伊大人中文在线观看| 永久免费毛片在线播放| 欧美精品日韩少妇| 亚洲啊v在线免费视频| 欧美无毛视频| 成人高清免费观看mv| 青青久草在线| 欧美日韩国产综合视频| 成人在线黄色| 亚洲午夜一级| 蜜桃精品视频在线| 亚洲日本视频| 99视频一区| 国产精品一区二区男女羞羞无遮挡 | www.成人在线观看| 精品街拍一区二区| av在线天堂| 欧美三级午夜理伦三级小说| 久久综合久久99| 亚洲欧美另类国产| 日韩欧美三级电影| 欧美三级小视频| 濑亚美莉大战黑人中文字幕| h网址在线观看| sm捆绑调教国产免费网站在线观看| av亚洲一区二区三区| 小说区图片区亚洲| 日韩欧美午夜| 视频一区中文字幕| 亚洲黄色尤物视频| 欧美精品一区二区不卡| 欧美亚洲一区在线| 成人福利免费观看| 丁香婷婷综合激情| 久草综合在线观看| 精品视频第一页| 亚洲影视第一页| 在线看的av网站| 福利一区二区| 999精品视频在线观看| 欧美日韩91| 亚洲综合在线免费观看| 色婷婷成人综合| 亚洲97在线观看| 欧美亚洲视频在线观看| 国产一区二区三区乱码| 三级影片在线看| 欧美在线中文| 看亚洲a级一级毛片|