久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 修改系統內置的DIY幻燈片樣式。大家看看和原來的哪個好看。 [打印本頁]

作者: taizimxg 時間: 2024-1-27 15:55
標題: 修改系統內置的DIY幻燈片樣式。大家看看和原來的哪個好看。
(, 下載次數: 77)

局部效果。

(, 下載次數: 71)

整體效果

修改如下：
1、upload/static/js/common_extra.js
此文件主要是修改幻燈片的編號位置。
搜索并修改如下：

if(!this.slidebar) {
if(!this.slidenum && !this.slidestep) {
this.container.parentNode.style.position = 'relative';
this.slidebar = document.createElement('div');
this.slidebar.className = 'slidebar';
this.slidebar.style.position = 'absolute';
this.slidebar.style.bottom = '4px'; /*原文件是：this.slidebar.style.top = '5px'; */

復制代碼

2、upload/template/default/common/common.css
這里是修改這邊標題的樣式。
搜索并修改如下：（注：這里修改的內容比較雜亂，忘了之前的代碼是什么了。你們就直接復制這個代碼得了。）

/* 幻燈片 */
.slideblock { position: relative; }
/* 標題內容 */
.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0;right:0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; text-align:right;font-size: 14px; text-indent: 14px; border-radius:6px;}
.slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); color: {LIGHTLINK}; overflow: hidden; }
/* 編號 */
.slidebar li { float: left; margin-right: 2px; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; cursor: pointer;border-radius:6px; }
.slidebar li.on { background: rgba(255, 255, 255, 0.5); color: #000; font-weight: 700; }

復制代碼

至此修改完畢，登錄后臺，更新一下緩存即可。

作者: taizimxg 時間: 2024-1-27 16:34
用戶不能編輯自己發的帖子啊。

作者: TaC 時間: 2024-4-3 10:18
提示: 作者被禁止或刪除內容自動屏蔽

作者: svihua 時間: 2024-4-23 08:28

TaC 發表于 2024-4-3 10:18
我這試了下，幻燈片還是直角的，沒有你這個圓角

圓角自己加個樣式就好了啊，如：border-radius: 20px; 這都懶得加嗎

作者: TaC 時間: 2024-4-25 20:56
提示: 作者被禁止或刪除內容自動屏蔽

作者: 服務器租用_迅恒老楊? 時間: 2024-4-25 23:26
你這個不錯比較漂亮

作者: svihua 時間: 2024-4-26 10:20

TaC 發表于 2024-4-25 20:56
是不乍會呢，我現在把DIY的圖片都整成圓角了，但是統一的，沒有一個一個的調，DIY的圖片真不知是哪個樣式 ...

我基本不用DIY，大多是創建后臺模塊，然后調用

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)

久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线