置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

Template:Sliding Doors/doc

猛汉♂百科,万男皆可猛的百科全书!转载请标注来源页面的网页链接,并声明引自猛汉百科。内容不可商用。
跳到导航 跳到搜索

滑動門效果,電腦端為鼠標滑過時打開,而移動端是點擊後打開。

用法

{{Sliding Doors
|width=
|float=
|lgstyle=
|lg=
|rgstyle=
|rg=
|content=
}}

參數

  • 顯示內容
  • width= ,整個滑動門的寬度
  • float= ,浮動效果,可填left、right等,默認為不浮動。
  • lgstyle= ,左側滑動門的樣式
  • rgstyle= ,右側滑動門的樣式
  • lg= ,左側滑動門的內容
  • rg= ,右側滑動門的內容
  • content= ,滑動門背後的內容。

例子

{{Sliding Doors
|width=320px
|content=<center>[[File:58984528 p1.png|300px]]</center>
}}

58984528 p1.png

例子

{{Sliding Doors
|width=800px
|float=left
|lgstyle=background: -prefix-linear-gradient(left, #ebf5ff, #b1d8ff, #89c4ff);background: linear-gradient(to right, #ebf5ff, #b1d8ff, #89c4ff)
|rgstyle=background: -prefix-linear-gradient(left, #89c4ff, #b1d8ff, #ebf5ff);background: linear-gradient(to right, #89c4ff, #b1d8ff, #ebf5ff)
|content=[[File:39299502_p0_master1200.jpg|400px]][[File:39299502_p1_master1200.jpg|400px]]<br/><center>しゃび的作品</center>
}}

39299502 p0 master1200.jpg39299502 p1 master1200.jpg
しゃび的作品

例子

{{Sliding Doors
|width=300px
|float=left
|lgstyle=background: radial-gradient(circle farthest-corner at center center , #FFE700 10%, #FFC500 50%, #FFA500)
|rgstyle=background: radial-gradient(circle farthest-corner at center center , #FFE700 10%, #FFC500 50%, #FFA500)
|content=[[File:37740510_p0.jpg|300px]]<br/><center>PID=37740510</center>
}}

37740510 p0.jpg
PID=37740510