通知 案例

回复

    <ul class="replies">
        <li class="bg-color-*">
            <div class="avatar"><img/></div>
            <div class="reply">
                <div class="date">...</div>
                <div class="author">...</div>
                <div class="text">...</div>
            </div>
        </li>
    </ul>
    =========================================================
    <div class="replies">
        <div class="bg-color-*">
            <div class="avatar"><img/></div>
            <div class="reply">
                <div class="date">...</div>
                <div class="author">...</div>
                <div class="text">...</div>
            </div>
        </div>
    </div>

带标签的回复

    <ul class="replies">
        <li class="bg-color-*">
            <b class="sticker sticker-left(right) sticker-color-*"></b>
            <div class="avatar"><img/></div>
            <div class="reply">
                <div class="date">...</div>
                <div class="author">...</div>
                <div class="text">...</div>
            </div>
        </li>
    </ul>

通知

授予访问权限

谢谢你，现在你可以访问!

微软免费杀毒软件

你的电脑是受黑客或病毒攻击对象之一!

    <div class="notices">
        <div class="bg-color-*">
            <a href="#" class="close"></a>
            <div class="notice-icon"> <img/> </div>
            <div class="notice-image"> <img/> </div>
            <div class="notice-header"> ... </div>
            <div class="notice-text"> ... </div>
        </div>
    </div>