查看“模板:密探故事目录”的源代码

<includeonly><div class="visible-md visible-sm visible-lg"><!--本段文字替换为仅在PC端展示的内容↓
                  --><div class='small' style="zoom: 0.7;position: relative;width: 200px;background: #000;border-radius: 5px;margin: 0 10px 20px 50px;">[[File:ui_map_pop_img2.png|link={{{1|}}}-密探故事/01|200px]]<div style="position: absolute;top: -2px;left: -50px; width: 100px;height: 100px;background: #000;border-radius: 50%;border: 3px #fff4d9 solid;">[[file:密探头像-{{{1|}}}.png|link={{{1|}}}-密探故事/01]]</div>
<div class="zhuxiancolor" style="position: absolute;top:35px;left: 80px;width: 100px;font-size: 20px;">[[{{{1|}}}-密探故事/01|{{{1|}}}]]</div>
<div style="position: absolute;top: 0; right: 0;">[[File:ui_map_pop_img1.png|link={{{1|}}}-密探故事/01|40px]]</div>
<div style="position: absolute;top: 20px;right: 15px;color: #f4f0d2;font-size: 16px; writing-mode: tb;">{{{2|}}}</div>
</div></div><!--本段文字替换为仅在PC端展示的内容↑
--><div class="visible-xs"><!--本段文字替换为仅在手机端展示的内容↓
    --><div style="position: relative;width:110px;background: #000;border-radius: 5px;margin: 0 10px 20px 50px;">[[File:ui_map_pop_img2.png|link={{{1|}}}-密探故事/01|110px]]<div style="position: absolute;top: -2px;left:-25px; width: 55px;height: 55px;background: #000;border-radius:50%;border: 2px #fff4d9 solid;">[[file:密探头像-{{{1|}}}.png|link={{{1|}}}-密探故事/01]]</div>
<div class="zhuxiancolor" style="position: absolute;top:17px;left:43px;width: 100px;font-size:12px;">[[{{{1|}}}-密探故事/01|{{{1|}}}]]</div>
<div style="position: absolute;top: 0; right: 0;">[[File:ui_map_pop_img1.png|link={{{1|}}}-密探故事/01|22px]]</div>
<div style="position: absolute;top:13px;right: 8.5px;color: #f4f0d2;font-size:9px; writing-mode:tb;">{{{2|}}}</div>
</div></div><!--本段文字替换为仅在手机端展示的内容↑
--></includeonly><noinclude>
===使用方法===
此模板用于创建密探故事的目录
<pre>
{{密探故事目录|密探名}}
</pre>
===效果===
<pre>
{{密探故事目录|郭嘉}}{{密探故事目录|杨修}}{{密探故事目录|孙权}}
</pre>
<div style="display: flex;flex-wrap: wrap;">
{{密探故事目录|郭嘉}}{{密探故事目录|杨修}}{{密探故事目录|孙权}}{{密探故事目录|张郃|偃师}}
{{密探故事目录|张闿|丹阳}}
{{密探故事目录|太史慈|丹阳}}
</div>
</noinclude>