Colorir as mensagens da staff - problema

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Colorir as mensagens da staff - problema

Mensagem por North em 16/06/13, 04:36 pm

Qual é minha questão:
Boa tarde a todos,

Bom, eu fiz umas buscas e encontrei um tópico que me ajudou, segui todos os passos porém o resultado não foi satisfatório.

Este é o tópico: http://ajuda.forumeiros.com/t55499-efeito-de-cor-no-fundo-do-perfil

Vejam nessa imagem o resultado:
Spoiler:

Acredito que o meu CSS tenha influência nesse transtorno, só quero corrigir o problema. Segue abaixo o meu CSS:
Código:
       /*------------------------------------------------*/
        /*-------------[Tema origianl postado no site Hitskin.es / Endereço do tema não indentificado. Por favor, não remova qualquer crédito do autor.]------------*/
        /*-------------[Tema traduzido do ESPANHOL para Português BR (BRASIL) ]------------*/
        /*-------------[Botões, imagens e trechos do CSS editados por: ShiftActif - Dando mais vida a sua comunidade - http://www.shiftactive.blogspot.com/ ]------------*/
        /*------------------------------------------------*/


        /*------------------------------------------------*/
        /*-------------[Body tamanho do foórum e descrição]------------*/
        /*------------------------------------------------*/
        body#phpbb{
        background:#d8dde8 url(http://i.imgur.com/ByI9p.png) top repeat-x;
        margin-top: 175px;
        }
        .select{
        margin-top:-190px!important;
        }

        #wrap {
        font: normal 11px helvetica,arial,sans-serif;
        -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        background: #fff;
        box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        line-height: 120%;
        padding: 10px;
        width: 85%;
        top: 100px;
        margin-top: -52px;
        }
        #logo {
        position: absolute;
        top: -155px;
        margin-left: -20px;
        }

        #site-title h1 {display: none;}
        #site-title, #site-title h1{display: none;}
        #logo-desc p {display: none;}
        /*------------------------------------------------*/
        /*-------------[Navbar]------------*/
        /*------------------------------------------------*/
        div#page-header div.navbar ul.linklist li a {
        margin-left: -6px;
        padding: 6px 15px 8px;
        }

        #page-header .navbar .navlinks a {
        color: #c5d5e2;
        font: normal 13px helvetica,arial,sans-serif;
        background: #1c3b5f;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        }
        #page-header .navbar .navlinks{
        border-bottom: 1px solid transparent;
        font-weight: 700;
        text-align: left;
        top: -80px;
        position: absolute;
        }

        #page-header .navbar .navlinks a:hover {background: #173455;
        color: #fff;}

        #page-header .navbar .navlinks li a[href="/"]{background:#fff;
        color: #0b5794;
        font-weight: bold;
        text-shadow: none;
         padding-bottom: 10px;}

        /*------------------------------------------------*/
        /*-------------[Painel dos subfóruns]------------*/
        /*------------------------------------------------*/
        .panel {
        background:#ebf0f3;
        border: 1px #dbe4ef solid;
        }
        .row {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .forabg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        }
        .row1 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }
        .row2 {
        background: #fff;
        border: 1px solid #dbe4ef;
        border-bottom: 1px solid #f3f3f3!important;
        }

        /*------------------------------------------------*/
        /*-------------[Fóruns, categoria e Portal]------------*/
        /*------------------------------------------------*/
        .forumbg {
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;}
        span.corners-bottom {display:none;}

        .post {
        background:#ebf0f3;
        border: none;
        padding-bottom: 5px;
        }
        .postbody .content {
        padding-right: 10px;
        }
        .post .inner{background: #fff;}
        .post span.corners-top{
        background:#ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        background-position: 0 0;
        background-repeat: repeat-x;
        clear: both;
        margin-bottom: 4px;
        padding: 0 0 1px;
        border-top: 1px solid #316897;
        border-radius: 4px 4px 0px 0px;
        height:34px;
        }
        .module {
        background: #ebf0f3;
        }
        .module span.corners-top {
        border-bottom: 1px #dbe4ef solid;
        height: 29px;
        background: #ebf0f3 url(http://i.imgur.com/Xi9WU.png) repeat-x top;
        border-radius: 4px 4px 0 0;
        border-top: 1px solid #316897;
        }
        ul.topiclist {
        margin: 6px 6px 10px 6px;
        }
        /*------------------------------------------------*/
        /*-------------[Caixa de busca e alguns códigos importântes]------------*/
        /*------------------------------------------------*/
        #search-box {
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        position: relative;
        top: -110px;
        white-space: nowrap;
        }

        #search-box #keywords {
        -moz-border-radius: 3px 4px 4px 3px;
        -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        background: #fff;
        border: 1px solid #000;
        border-radius: 3px 4px 4px 3px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        color: #5a5a5a;
        padding: 5px 30px 5px 10px;
        width: 200px;
        height: 15px;
        }
        #search-box input.button2 {
        background: #7ba60d url(http://i.imgur.com/vJs32.png) no-repeat 50%!important;
        color: transparent;
        height: 26px!important;
        position: relative;
        right: 25px;
        width: 30px!important;
        border: 1px solid #7ba60d;
        border-radius: 0px 3px 3px 0px;
        -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
        border-top: 1px solid #000;
        box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        #search_menu {
        background: #fff;
        font-size: 11px!important;
        left: 10%!important;
        top: 40px!important;
        }
        #search_menu a{
        color:#000!important;
        position: relative;
        top:none!important;
        background:none!important}
        #search_menu a:hover{background:none!important}

        .conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

        /*------------------------------------------------*/
        /*-------------[Remover o sublinhado de links]------------*/
        /*------------------------------------------------*/
        a {text-decoration: none;}
        a:link {text-decoration: none;}
        a:hover {text-decoration: none!important;}
        a.forumtitle {text-decoration: none;}
        a.forumtitle:hover {text-decoration: none!important;}
        a.topictitle {text-decoration: none;}
        a.topictitle:hover {text-decoration: none!important;}

        /*------------------------------------------------*/
        /*-------------[Botões]------------*/
        /*------------------------------------------------*/
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;}



        /*------------------------------------------------*/
        /*-------------[códigos de agregados em solução de problemas e não excluir nada de importante contribuição]------------*/
        /*------------------------------------------------*/
        #plus_menu {
        background: #ffffff;
        }
        .user_login_form input[type="text"], .user_login_form input[type="password"]{
        position:relative;
        top:7px;
        }
        .postbody .topic-title {
        font-size:1.2em;}
        fieldset.fields1 div {
        margin-bottom: 0px;
        }


        /*------------------------------------------------*/
        /*-------------[Tema origianl postado no site Hitskin.es / Endereço do tema não indentificado. Por favor, não remova qualquer crédito do autor.]------------*/
        /*-------------[Tema traduzido do ESPANHOL para Português BR (BRASIL) ]------------*/
        /*-------------[Botões, imagens e trechos do CSS editados por: ShiftActif - Dando mais vida a sua comunidade - http://www.shiftactive.blogspot.com/ ]------------*/
        /*------------------------------------------------*/
        .cpinfo {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .cpinfo {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('http://i.imgur.com/BZ17N.png');
        }
        blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}
        .postprofile {
        border-color: #d5e6f0;
        }
        #main-content p em b a,#main-content p em{font-style:normal}
                input#username.inputbox.autowidth, input#password.inputbox.autowidth{visibility:visible !important;background-color:#fff !important; border:1px solid #000;}

        .img_list_hp {
        border: 1px solid #0372BE;
        padding: 0;
        float: left;
        color: #FFF !important;
        width: auto;
        font-size: 11px;
        text-align: center;
        margin: auto 10px auto auto;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

        .img_list_hp:hover {
        background-color: #DCEAF5;
        }

        .img_list_hp img {
        padding: 8px 15px;
        }

        .img_list_hp span {
        background-color: #2f5a8a;
        color #FFF;
        display: block;
        padding: 0 10px;
        }
        .img_list_hp a {
        color: #FFF !important;
        text-decoration: none;
        }
        #img_list_alt {
        background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
        background-repeat: no-repeat;
        background-position: 20px 0;
        padding-top: 13px;
        padding-left: 55px;
        }
        .vote .vote-button, .vote-no-bar {
        display:none;
        }
        .vote .vote-button:first-child {
        display:block;
        }

        #username_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #email {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        #password_reg {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
        .user_login_form.center label input.post {
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid black;
        }
#quick_reply {
width: 750px !important;
}
#textarea_content{width:90%!important}
ul.topiclist li.header dl dd.lastpost{padding-left:8px}

Melhores cumprimentos,
Harker.

Endereço do meu fórum:
http://publicando.maisforum.com

Versão do fórum:
PHPBB3


Última edição por Harker em 20/06/13, 12:25 am, editado 2 vez(es)
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por North em 17/06/13, 06:34 pm

UP!

Alguém pode me ajudar a solucionar esse problema?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por Ace em 17/06/13, 06:45 pm

Olá,

Por favor, leia:

Seta http://ajuda.forumeiros.com/t61132-

Atenciosamente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por North em 17/06/13, 10:30 pm

Já segui esse tutorial também, o que acontece é que o CSS do meu fórum tem propriedade nas mensagens e por isso a imagem de cor fica de fundo apenas no contorno azul da mensagem.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por Sennior em 18/06/13, 09:05 pm

Olá,

Estranho amigo, aqui está tua Print Screen não funciona, poderia mandar outra Print Screen por gentileza?

Melhores Cumprimentos!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por North em 18/06/13, 11:03 pm

Claro, observe que a imagem de cor fica apenas no contorno ao lado direito e ao lado esquerdo o contorno some.

Imagem:



Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por Sennior em 19/06/13, 07:51 am

Olá amigo! Muito feliz

Bem, o que ocorreu foi que o senhor está usando o degradê mais ao usar o mesmo, o senhor também colocou um background por cima do degradê e assim houve o erro. 
Peço que venha à ativar novamente amigo o degradê em vosso fórum. Muito feliz

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por North em 19/06/13, 03:17 pm

É exatamente o que pensei, mas não consigo localizar o background das mensagens no CSS para remover.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por Sennior em 19/06/13, 09:12 pm

Viva amigo! Muito feliz

Bem, ative-o o código que irei arrumar para o senhor. Digo ativar o efeito degradê campeão! Piscada

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por North em 19/06/13, 11:11 pm

Certo, o ativei no grupo dos administradores..
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por Sennior em 20/06/13, 12:06 am

Saudações!


Coloque este código no inicio de teu CSS:


Código:
.post { border: 10px solid #ebf0f3 !important; border-radius: 5px !Important; padding: 0px 0px 0px 0px !important; } .post .inner { background: transparent !important; position: relative !important; top: -10px !important; }

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Colorir as mensagens da staff - problema

Mensagem por North em 20/06/13, 12:25 am

Grande Mikée!

Obrigado!
 Positivo
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum