◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“Spe:comment”的版本间的差异
第34行: | 第34行: | ||
<!-- Wrapper for slides --> | <!-- Wrapper for slides --> | ||
<div class="carousel-inner" role="listbox" style="height:400px;"> | <div class="carousel-inner" role="listbox" style="height:400px;"> | ||
+ | <!-- 从这里开始是图片和底部文字信息填充的位置 --> | ||
+ | <!-- 若要新增图片,请将「复制开始」到「复制结束」之间的内容复制粘贴到「插入开始」和「插入结束」之间 --> | ||
+ | <!-- 点击图片跳转的链接填写到 a 标签的 href 属性中 --> | ||
+ | <!-- 图片地址填写在 img 标签的 src 属性中 --> | ||
+ | <!-- 图片底部文字描述请填写在 class="carousel-caption" 的 div 标签内 --> | ||
+ | <!-- 请确保有且只有一个 class="item" 的 div 标签包含 active 这个值 --> | ||
<div class="item active"> | <div class="item active"> | ||
− | <img class="img-responsive center-block" src="http://wx3.sinaimg.cn/large/0067Lrddgy1flgiqkx333j30m80godro.jpg"> | + | <a href="#" target="_blank"> |
+ | <img class="img-responsive center-block" src="http://wx3.sinaimg.cn/large/0067Lrddgy1flgiqkx333j30m80godro.jpg"> | ||
+ | </a> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
《少女前线》x《崩坏学园2》 联动活动专题 | 《少女前线》x《崩坏学园2》 联动活动专题 | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- 复制开始 --> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="http://gf.ppgame.com/CKFinderJava/1/images/WB(1).jpg"> | + | <a href="#" target="_blank"> |
+ | <img class="img-responsive center-block" src="http://gf.ppgame.com/CKFinderJava/1/images/WB(1).jpg"> | ||
+ | </a> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
《少女前线》特别救援行动X即将开启 | 《少女前线》特别救援行动X即将开启 | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- 复制结束 --> | ||
<div class="item"> | <div class="item"> | ||
− | <img src="http://gf.ppgame.com/CKFinderJava/1/images/1(108).jpg"> | + | <a href="#" target="_blank"> |
+ | <img class="img-responsive center-block" src="http://gf.ppgame.com/CKFinderJava/1/images/1(108).jpg"> | ||
+ | </a> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
《少女前线》“周年庆典”版本上线 | 《少女前线》“周年庆典”版本上线 | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <!-- 插入开始 --> | ||
+ | <!-- 插入结束 --> | ||
+ | <!-- 这里是图片和底部文字信息填充的结束位置 --> | ||
</div> | </div> | ||
2017年11月18日 (六) 22:17的版本
这里是轮播图测试页面
<html lang="zh-CN">
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style> .item { height: 400px } .carousel-caption { font-size: 1.5em; padding: 10px 0; background-color: rgba(16,16,16,0.55); left: 0; right: 0; bottom: 0; } </style> </head> <body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body>
</html>
这里是少前百科评论系统测试页面
<html> <head>
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script> <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
</head> <body>
<script> new Valine({ el: '#comment' , notify:false, verify:false, appId: 'Qgo5O1HbDdbUwAmNlw9xk8bV-9Nh9j0Va', appKey: 'trvdc4z1vfJ48V861xhLxSHL', placeholder: 'ヾノ≧∀≦)o欢快地讨论起来~', path:window.location.pathname + window.location.search, avatar:'hide' , guest_info:['nick'] }); </script>
</body> </html>