97久久国产亚洲精品超碰热,成人又色又爽的免费网站,色偷偷女人的天堂a,男女高潮喷水在线观看,国内精品一线二线三线区别在哪里

Discuz! 官方交流社區(qū)

標(biāo)題: 修改系統(tǒng)內(nèi)置的DIY幻燈片樣式。大家看看和原來(lái)的哪個(gè)好看。 [打印本頁(yè)]
作者: taizimxg    時(shí)間: 2024-1-27 15:55
標(biāo)題: 修改系統(tǒng)內(nèi)置的DIY幻燈片樣式。大家看看和原來(lái)的哪個(gè)好看。
(, 下載次數(shù): 72)

局部效果。

(, 下載次數(shù): 66)

整體效果

修改如下：
1、upload/static/js/common_extra.js
此文件主要是修改幻燈片的編號(hào)位置。
搜索并修改如下：
  1. if(!this.slidebar) {
  2.                 if(!this.slidenum && !this.slidestep) {
  3.                         this.container.parentNode.style.position = 'relative';
  4.                         this.slidebar = document.createElement('div');
  5.                         this.slidebar.className = 'slidebar';
  6.                         this.slidebar.style.position = 'absolute';
  7.                         this.slidebar.style.bottom = '4px'; /*原文件是：this.slidebar.style.top = '5px'; */
復(fù)制代碼
2、upload/template/default/common/common.css
這里是修改這邊標(biāo)題的樣式。
搜索并修改如下： （注：這里修改的內(nèi)容比較雜亂，忘了之前的代碼是什么了。你們就直接復(fù)制這個(gè)代碼得了。）


  2. /* 幻燈片 */
  3. .slideblock { position: relative; }
  4. /* 標(biāo)題內(nèi)容 */
  5.         .slideshow { clear: both; }
  6.                 .slideshow li { position: relative; overflow: hidden; }
  7.                         .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;}
  8.                         .slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); color: {LIGHTLINK}; overflow: hidden; }
  9.                         /* 編號(hào) */
  10.                         .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; }
  11.                                 .slidebar li.on { background: rgba(255, 255, 255, 0.5); color: #000; font-weight: 700; }
復(fù)制代碼



至此修改完畢，登錄后臺(tái)，更新一下緩存即可。
作者: taizimxg    時(shí)間: 2024-1-27 16:34
用戶不能編輯自己發(fā)的帖子啊。
作者: TaC    時(shí)間: 2024-4-3 10:18
我這試了下，幻燈片還是直角的，沒(méi)有你這個(gè)圓角
作者: svihua    時(shí)間: 2024-4-23 08:28
TaC 發(fā)表于 2024-4-3 10:18
我這試了下，幻燈片還是直角的，沒(méi)有你這個(gè)圓角

圓角自己加個(gè)樣式就好了啊，如：border-radius: 20px; 這都懶得加嗎
作者: TaC    時(shí)間: 2024-4-25 20:56
svihua 發(fā)表于 2024-4-23 08:28
圓角自己加個(gè)樣式就好了啊，如：border-radius: 20px; 這都懶得加嗎

是不乍會(huì)呢，我現(xiàn)在把DIY的圖片都整成圓角了，但是統(tǒng)一的，沒(méi)有一個(gè)一個(gè)的調(diào)，DIY的圖片真不知是哪個(gè)樣式，直接在DIY代碼里加的。就這樣了，比靜態(tài)好些。
作者: 服務(wù)器租用_迅恒老楊?    時(shí)間: 2024-4-25 23:26
你這個(gè)不錯(cuò) 比較漂亮
作者: svihua    時(shí)間: 2024-4-26 10:20
TaC 發(fā)表于 2024-4-25 20:56
是不乍會(huì)呢，我現(xiàn)在把DIY的圖片都整成圓角了，但是統(tǒng)一的，沒(méi)有一個(gè)一個(gè)的調(diào)，DIY的圖片真不知是哪個(gè)樣式 ...

我基本不用DIY，大多是創(chuàng)建后臺(tái)模塊，然后調(diào)用



歡迎光臨 Discuz! 官方交流社區(qū) (http://r615.cn/) Powered by Discuz! X5.0