欧美自拍视频在线_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>

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

baoyu135国产精品免费| 无码一区二区精品| 国产精品迅雷| 国产一级aa大片毛片| 美洲天堂一区二卡三卡四卡视频| 欧美作爱福利免费观看视频| 国产一区二区不卡视频在线观看| 国产精品a级| av麻豆国产| 日本一级淫片演员| 91亚洲精华国产精华精华液| 黄色av免费观看| 国产精成人品localhost| 亚洲另类视频| 特大巨黑人吊性xxxxn38| 亚洲精品日韩丝袜精品| 日韩精品99| 日本精品在线观看视频| 国产福利久久| 亚洲乱码日产精品bd| 少妇视频一区| 国产又粗又猛又爽又| 国产成人精品久久二区二区91| 成人看av片| 日日骚av一区二区| 国产精品果冻传媒潘| 中文一区二区完整视频在线观看| 9999精品视频| 亚洲欧美精品中文第三| 你懂的视频在线一区二区| 久久在线精品| 日本夜爽爽一二区| 久久艹这里只有精品| 精品剧情v国产在线观看在线| 国产毛片在线看| 成人免费观看视频在线观看| 欧美巨大另类极品videosbest| 欧美深夜福利| 美女黄视频在线播放 | 欧美日韩综合在线| 九七午夜视频| 欧美日韩免费一区二区| 国产精品aaaa| 中文字幕+乱码+中文字幕一区| 91精品视频一区二区| 日韩专区第一页| 欧洲成人一区二区| 亚洲少妇中出一区| 欧洲一区二区三区精品| 国产www在线| 99精品欧美一区二区三区| 久久亚洲精品国产精品紫薇| 国产黄色高清视频| 成人在线视频网站| 国产在线播放一区| 白虎精品一区| 日av中文字幕| 伊人久久综合97精品| 久久久久欧美精品| 免费人成在线观看网站| bl动漫在线观看| 日本韩国在线不卡| 亚洲欧洲日本在线| 亚洲高清免费| 2019年精品视频自拍| 精品剧情v国产在线观看| 国产精品三区在线观看| 国产精品久久久久久久久免费看| 国产盗摄精品一区二区三区在线| 日本中文字幕在线视频| 日韩黄色片网站| 国产极品尤物在线| 亚洲精品97久久| 欧美亚洲在线日韩| 在线观看免费国产成人软件| 亚洲理论电影在线观看| 欧美伦理视频网站| 色琪琪久久se色| 四虎影视av| 一级特黄录像免费看| 国产农村妇女精品久久| 亚洲日本中文字幕| 亚洲欧美日韩国产另类专区| 亚洲国产美女| 日韩一区二区三区免费| 一菊综合网成人综合网| 黑人操亚洲女人| 日韩av片专区| 国产69久久精品成人| 亚洲一区二区三区四区五区黄| 久久365资源| jlzzjlzz欧美大全| 性无码专区无码| 91蝌蚪视频在线| 亚洲一区二区久久| 日本亚洲天堂网| 在线观看麻豆| 蜜桃久久一区二区三区| 无人在线观看的免费高清视频| 久久综合色影院| 欧美色播在线播放| 成人免费不卡视频| 亚洲深夜av| 亚洲精品中文字幕| 日韩三级电影网| 亚洲国产精品二区| 丰满人妻一区二区| 五月激情六月婷婷| 欧美另类极品videosbest视| 国产精品美女一区二区在线观看| 久久精品人人爽人人爽| 精久久久久久久久久久| 亚洲最好看的视频| 国产夫妻在线播放| xxx欧美老熟| a级片在线免费看| 无码日韩精品一区二区| 欧美在线免费播放| 国产欧美亚洲精品a| 午夜在线网站| 国产特级aaaaaa大片| 黑森林av导航| 水蜜桃一区二区三区| 欧美精品激情blacked18| 在线视频欧美精品| 91小视频在线观看| 日韩黄色免费网站| 午夜在线精品偷拍| 日本高清免费电影一区| 国产午夜久久av| 日韩av福利| 国产区在线看| 青青色在线视频| 国产在线电影| 免费资源在线观看| 成人福利资源| 狠狠擦狠狠操| 影音先锋日韩| 欧性猛交ⅹxxx乱大交| 永久看片925tv| 无码人妻aⅴ一区二区三区69岛| 羞羞的视频在线| 国产精品一码二码三码在线| 在线观看日韩视频| 精品视频在线视频| 亚洲女性喷水在线观看一区| 国产白丝精品91爽爽久久| 精品成人一区| 外国成人激情视频| 911久久香蕉国产线看观看| 亚洲片区在线| 国产麻豆精品久久一二三| 日韩天天综合| 成人久久久精品乱码一区二区三区| 99精品欧美一区二区三区小说| 久久丝袜美腿综合| 精品国产一区二区三区不卡| 成人精品视频久久久久| 国产免费黄色av| 久久精品国产av一区二区三区| √天堂资源中文www| 尤物视频在线观看视频| 狠狠干夜夜爽| 免费人成在线观看网站| 国产在线观看a| 中日韩脚交footjobhd| 久久久久伊人| 亚洲视频精选| 国产探花一区二区| 国产一区二区三区在线观看免费视频 | 纪美影视在线观看电视版使用方法| 中文字幕在线播放一区二区| 无码国产精品一区二区免费式直播 | 久久草视频在线看| 欧美日韩国产一二| 91在线高清视频| 狠狠色综合一区二区| 亚洲自拍偷拍一区| 欧美性大战久久久久| 亚洲精品一卡二卡三卡四卡| 成人国产1314www色视频| 九色91国产| 国产91xxx| 久久久久久久久免费看无码 | 天堂中文最新版在线中文| 亚洲午夜国产成人| 婷婷另类小说| 免费一区视频| 久久久www免费人成精品| 欧美日韩亚洲一区二区三区| 欧美性xxxxx极品少妇| 久久天堂av综合合色| 国产精品主播视频| 日本视频一区二区不卡| 色婷婷一区二区三区av免费看| 无码人妻aⅴ一区二区三区69岛| 欧美aaa级片| 内射后入在线观看一区| 最新二区三区av| 人人精品久久|