Bem-vindo à SACheats

Registre-se para obter acesso a todos os nossos recursos. Uma vez registrado e logado, você poderá criar tópicos, postar respostas a tópicos já existentes, dar reputação aos seus companheiros, realizar downloads e muito mais.
Registre-se Agora

Alertas em HTML+CSS

Discussão em 'Criações - Dúvidas / Ajuda' iniciado por Qually, Janeiro 25, 2017.

  1. Qually

    Qually Games Guardian

    165
    23
    18
    SACoins:
    10,004

    Meu amigo fez uns alertas em HTML + CSS
    e aqui estão eles !!
    Alertas destinados a tópicos

    Código:
    <div class="panel panel-danger" style="margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: #ebccd1;">
        <div class="panel-heading" style="padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #a94442; background-color: #f2dede; border-color: #ebccd1;">
            <h3 class="panel-title" style="margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;">
                T&Oacute;PICO
            </h3>
        </div>
    
        <div class="panel-body" style="padding: 15px;">
            A discuss&atilde;o foi encerrada por <strong>reason</strong>, e por isso n&atilde;o poder&aacute; ser reaberta.
        </div>
    </div>
    Código:
    <div class="panel panel-danger" style="margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: #ebccd1;">
        <div class="panel-heading" style="padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #a94442; background-color: #f2dede; border-color: #ebccd1;">
            <h3 class="panel-title" style="margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;">
                T&Oacute;PICO
            </h3>
        </div>
    
        <div class="panel-body" style="padding: 15px;">
            A discuss&atilde;o foi encerrada por <strong>reason</strong>.
        </div>
    </div>
    Código:
    <div class="panel panel-info" style="margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;     border-color: #bce8f1;">
        <div class="panel-heading" style="padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #31708f; background-color: #d9edf7; border-color: #bce8f1;">
            <h3 class="panel-title" style="margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;">
                T&Oacute;PICO
            </h3>
        </div>
    
        <div class="panel-body" style="padding: 15px;">
            T&oacute;pico movido para <strong>category</strong> &gt; <strong>forum</strong> &gt; <strong>subforum</strong>.
        </div>
    </div>
    Alertas a usuarios
    Código:
    <div class="panel panel-danger" style="margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-color: #ebccd1;">
        <div class="panel-heading" style="padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #a94442; background-color: #f2dede; border-color: #ebccd1;">
            <h3 class="panel-title" style="margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;">
                USUÁRIO
            </h3>
        </div>
    
        <div class="panel-body" style="padding: 15px;">
            O usuário <strong>username</strong> acaba de cometer <strong>violation</strong>.
        </div>
    </div>
     
    [SAC]William curtiu isso.
  2. Qually

    Qually Games Guardian

    165
    23
    18
    SACoins:
    10,004
    .
     

Compartilhe esta Página

Please enable / Bitte aktiviere JavaScript!
Veuillez activer / Por favor activa el Javascript![ ? ]