查看“︁模板:ShowAd/Render”︁的源代码

<div class="wiki-ad-box">
    <div class="ad-label">赞助商内容</div>
    <div class="ad-content">
        {{#if: {{{Image|}}} | [[File:{{{Image}}}|link={{{Link|}}}|300px]] | [图片丢失] }}
        <div class="ad-text">
            <div class="ad-name">{{#if: {{{Link|}}} | [[{{{Link}}}|{{{AdName}}}]] | {{{AdName}}} }}</div>
            <div class="ad-slogan">{{{Slogan|}}}</div>
        </div>
    </div>
    <div class="ad-footer">发布商：{{{Company|}}}</div>
</div>

<style>
.wiki-ad-box {
    border: 1px solid var(--border-color-base, #ccc);
    background: var(--background-color-interactive-subtle, #f9f9f9);
    margin: 1em 0;
    max-width: 350px; /* 限制宽度，不让它在页面里乱跑 */
    border-radius: 4px;
    overflow: hidden;
}
.ad-label {
    font-size: 10px;
    color: #999;
    text-align: right;
    padding: 2px 8px;
    border-bottom: 1px solid #eee;
}
.ad-content img {
    max-width: 100%;
    height: auto !important;
    display: block;
}
.ad-text { padding: 10px; }
.ad-name { font-weight: bold; font-size: 1.1em; margin-bottom: 4px; }
.ad-name a { color: var(--color-primary, #0645ad); text-decoration: none; }
.ad-slogan { font-size: 0.9em; color: #666; font-style: italic; }
.ad-footer {
    font-size: 11px;
    padding: 5px 10px;
    background: rgba(0,0,0,0.05);
    color: #444;
}
</style>