-
css3美化半個字元 代碼教程
CSS不僅是一種技術,也是一種藝術,如果你運用的好,可以用它創造出各種神奇的效果,隨著現代瀏覽器技術的進步,CSS3的革新,也給了程式師更大的空間和可能性來發揮自己的奇思妙想。 就是把一個字元劈成兩半,一半是A樣式,一半是B樣式。 當然,大家都知道,不論是中文字符還是西文字元,單個字元否是無法拆分的,它們是文字的最新單元,如果是美化半個詞或半個句子,這估計大家都知道如何做,也很常見。 但半個字元如...- 11
- 0
-
【Wordpress】網站添加阿里巴巴Iconfont圖示詳細圖文教程
為了提升網站的視覺效果和用戶體驗,本文將為你提供一個詳細的步驟,教你如何將阿里巴巴的Iconfont圖示集成到你的網站中。 通過簡單的操作,你可以輕鬆使用數百萬個免費圖示,為網站增添更多美觀的元素。 使用教學 Iconfont 支援使用 GitHub 帳號登錄,登錄后你可以輕鬆瀏覽並選擇所需的圖示,快速找到符合需求的向量圖示。 1.首先,流覽並找到你需要的圖示,點擊“添加到我的圖示庫”按鈕,將其加...- 5
- 0
-
【Wordpress】隨機評論彈窗
效果演示 更新日誌 2024-12-14 修復了評論消息不顯示表情包問題 優化代碼邏輯,避免了大量的API請求 新增自定義的 WordPress REST API 端點用於返回熱評 2024-02-23 新增使用者名連結至個人主頁 右上角新增按鈕跳轉至評論位置 部署教程 將下方代碼放置在主題目錄下的function.php或者新建一個func.php檔 如果只希望在首頁顯示,可以通過後台小工具 →...- 1
- 0
-
-
【子比】頂部多功能元件加個可愛的小人
效果演示 使用教學 打開子比主題-頁面顯示-頂部多功能元件-背景內容-幻燈片疊加文案 按照我上面的截圖配置,幻燈片文案你輸入一個空格就行,然後幻燈片簡介代碼以及背景圖片如下,記得PC和移動端字體的大小要都是12PX,底部居中即可!! 使用教學- 9
- 0
-
-
【Wordpress】文章頁添加彩色漸變框美化
給文章加一個彩色漸變框! 非常好看! 效果演示 使用教學 最後說一下,我研究出來這個框的有一點不好,那就是古騰堡,因為這個東西你如果加了創建區塊,然後就是不行,下一次點擊這個區塊然後就把以前用的漸變框文字給覆蓋了! ,所以這樣我們之間發文章的時候我們要自定義HTML,把以下代碼放裡面! 選擇自己喜歡的漸變框,放到自定義HTML即可! 如下圖,可以選擇自己喜歡的框! HTML<div id=&...- 3
- 0
-
-
【Wordpress】文章側邊加一個滾動公告
Wordpress美化的一個小工具樣式,滾動公告,有些重要的公告可以起到提示的作用,或者網站某些活動還可以設置自己的點擊跳轉等。 效果演示 使用教學 將下面的代碼放到小工具自定義HTML裡面即可- 8
- 0
-
【Wordpress】大氣炫彩流光文字特效美化代碼
WordPress美化之大氣炫彩流光文字特效美化代碼 效果演示 使用教學 我們以演示圖位置為例,當然你也可以加到你想要的任意位置: 好了,教程到這裡就結束了。- 1
- 0
-
【B2】首頁文章標題美化
效果演示 使用教學 首先找到b2主題或者子主題下面的/themes/b2child/Modules/Templates/Modules/posts.php搜索代碼modules-title-box然後對應下面的代碼添加 PHP // $desc = in_array('desc',$post_meta); $randomNumber = rand(1, 7); //$desc ...- 2
- 0
-
【Wordpress】單個文章設置有效期,到期自動下線美化版
使用教學 將代碼放在func.php,然後在後台編輯或新建文章,有一個文章有效期模組 保存或更新後,前台對應文章就會有一個倒計時。 時間一到,自動進入回收站。 原文的倒計時我覺得有一點簡單,所以我使用AI修改了一下,美化圖如下: 另外,原文模組是在文章上面,我給修改到下面了。 代碼 PHP<?php //文章有效期 CSF::createMetabox('post_validity...- 3
- 0
-
【B2】免外掛程式實現 FancyBox燈箱
7b2主題是沒有圖片燈箱效果的,FancyBox 圖片燈箱效果不僅可以點擊圖片放大,而且還支援幻燈片播放、全屏查看、縮略圖清單以及分享照片的功能。 效果演示 使用教學 • 將下方代碼添加到</head>之前 HTML<script src="//code.jquery.com/jquery-3.3.1.min.js"></script> &l...- 3
- 0
-
博客添加動態彈簧人物效果
今天就來說一下博客怎麼添加 GitHub上sakana大佬的開源專案 效果演示 使用教學 找到主題編輯器,在 footer.php 添加如下代碼即可 HTML<div class="sakana-box"></div> <script src="https://cdn.jsdelivr.net/npm/sakana">&l...- 1
- 0
-
【Wordpress】右鍵功能表及F12美化
效果演示 使用教學 新增CSS和JS 網站頭部新增如下代碼 HTML<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-i/chenyu/css/chenyuyj.min.css" /> <link rel="stylesheet" href="...- 6
- 0
-
【B2】首頁添加導航區塊樣式
效果演示 使用教學 以下代碼放到後台-模組管理-自定義 HTML<div class="home-row-left content-area "><div id="html-box-sige" class="html-box"><div class="home-first-screen"&...- 4
- 0
-
-
【WordPress】增加文章內頁顯示最後編輯時間
效果演示 使用教學 打開/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加,當然你也可以添加到你自己喜歡的地方,樣式自己調 PHP<div class="operTips">文章最後更新於:<?php echo get_the_modified_time('...- 3
- 0
-
-
【B2】代碼塊添加一鍵複製和美化
效果演示 使用教學 CSS/*為pre區域添加一鍵複製*/i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-index:...- 3
- 0
-
-
-
-
美化
AngelaL博客-文章分類
標籤
美化-共
Warning: Undefined variable $count in /www/wwwroot/wordpress/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 0个作品
Warning: Undefined variable $count in /www/wwwroot/wordpress/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 0个作品
VIP









































