Compartilhe
Ir em baixo
avatar
Administrador
Mensagens : 441
Pontos : 12411
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Quote elegante

em 20.12.15 10:47
Informações:
Autor:
Diapt
Funcionalidade: PunBB




Muitos vezes, queremos um quote elegante com uma linha simples e nela iremos personalizar pra nova quote

Acesse:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo
E adicione esse seguinte codigo na sua folha de estilo:

Código:
/***quote superinfo - mshas/artic/diapt***/
.postmain cite {
    background-color: transparent!important;
    background-image: none!important;
    color: #009FF2!important;
    display: block;
    font-size: 1vw!important;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
.postmain cite {
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 1em;
}
blockquote cite {
    background-color: #E4EAF2;
    background-image: url(http://illiweb.com/fa/invision/css_img_quote.gif);
    background-position: top right;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    font-size: 11px;
    font-style: normal;
    margin: -8px -8px 8px;
    padding: 3px;
}
* {
    margin: 0;
    padding: 0;
}
user agent stylesheeti, cite, em, var, address, dfn {
    font-style: italic;
}
blockquote {
    background: rgba(250,250,250,0.22)!important;
    border-bottom: none!important;
    border-left: 3px solid #009FF2!important;
    border-right: none!important;
    border-top: none!important;
    display: block;
    line-height: 1.5vw!important;
    padding: .8vw!important;
}

Resultado:

avatar
Administrador
Mensagens : 441
Pontos : 12411
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Quote elegante

em 20.12.15 10:48
Tutorial Aceito
Voltar ao Topo
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum