男的舔女的下面视频在线播放-少妇愉情理仑片高潮日本-久久久久久国产一区二区三区-麻豆精品一区二区综合-国产精品超碰在线观看-网红极品女神精品视频在线-国产亚洲综合777-高清性视频一区二区播放-中文字幕第一页亚洲天堂

返回列表 發(fā)帖
查看: 2505|回復(fù): 6

修改系統(tǒng)內(nèi)置的DIY幻燈片樣式。大家看看和原來的哪個好看。

94

主題

586

回帖

4

粉絲

自成一派

貢獻
3 點
金幣
23 個
樓主
發(fā)表于 2024-1-27 15:55:19 |黑龍江| 只看樓主 |倒序瀏覽 |閱讀模式


局部效果。



整體效果

修改如下:
1、upload/static/js/common_extra.js
此文件主要是修改幻燈片的編號位置。
搜索并修改如下:
  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ù)制這個代碼得了。)


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



至此修改完畢,登錄后臺,更新一下緩存即可。
回復(fù)

使用道具 舉報

94

主題

586

回帖

4

粉絲

自成一派

貢獻
3 點
金幣
23 個
沙發(fā)
 樓主| 發(fā)表于 2024-1-27 16:34:25 |黑龍江| 只看Ta
用戶不能編輯自己發(fā)的帖子啊。
回復(fù)

使用道具 舉報

TaC

0

主題

500

回帖

1

粉絲

自成一派

貢獻
7 點
金幣
2 個
板凳
發(fā)表于 2024-4-3 10:18:21 |浙江| 只看Ta
我這試了下,幻燈片還是直角的,沒有你這個圓角
回復(fù)

使用道具 舉報

7

主題

126

回帖

2

粉絲

漸入佳境

貢獻
1 點
金幣
10 個
QQ
地板
發(fā)表于 2024-4-23 08:28:38 |上海| 只看Ta
TaC 發(fā)表于 2024-4-3 10:18
我這試了下,幻燈片還是直角的,沒有你這個圓角

圓角自己加個樣式就好了啊,如:border-radius: 20px; 這都懶得加嗎
回復(fù)

使用道具 舉報

TaC

0

主題

500

回帖

1

粉絲

自成一派

貢獻
7 點
金幣
2 個
5#
發(fā)表于 2024-4-25 20:56:00 |浙江| 只看Ta
svihua 發(fā)表于 2024-4-23 08:28
圓角自己加個樣式就好了啊,如:border-radius: 20px; 這都懶得加嗎

是不乍會呢,我現(xiàn)在把DIY的圖片都整成圓角了,但是統(tǒng)一的,沒有一個一個的調(diào),DIY的圖片真不知是哪個樣式,直接在DIY代碼里加的。就這樣了,比靜態(tài)好些。
回復(fù)

使用道具 舉報

0

主題

16

回帖

0

粉絲

初學(xué)乍練

貢獻
0 點
金幣
0 個
QQ
6#
發(fā)表于 2024-4-25 23:26:44 |廣東| 只看Ta
你這個不錯 比較漂亮
回復(fù)

使用道具 舉報

7

主題

126

回帖

2

粉絲

漸入佳境

貢獻
1 點
金幣
10 個
QQ
7#
發(fā)表于 2024-4-26 10:20:40 |上海| 只看Ta
TaC 發(fā)表于 2024-4-25 20:56
是不乍會呢,我現(xiàn)在把DIY的圖片都整成圓角了,但是統(tǒng)一的,沒有一個一個的調(diào),DIY的圖片真不知是哪個樣式 ...

我基本不用DIY,大多是創(chuàng)建后臺模塊,然后調(diào)用
回復(fù)

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規(guī)則

  • 關(guān)注公眾號
  • 有償服務(wù)微信
  • 有償服務(wù)QQ

手機版|小黑屋|Discuz! 官方交流社區(qū) ( 皖I(lǐng)CP備16010102號 |皖公網(wǎng)安備34010302002376號 )|網(wǎng)站地圖|star

GMT+8, 2026-4-14 17:07 , Processed in 0.049406 second(s), 14 queries , Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2026 Discuz! Team.

關(guān)燈 在本版發(fā)帖
有償服務(wù)QQ
有償服務(wù)微信
返回頂部
快速回復(fù) 返回頂部 返回列表