Colocar fundo em baixo de "resposta rápida"

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

Resolvido Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 09/02/12, 10:16 pm

Qual é minha questão:
Olá!! Tem como colocar um fundo *Somente* em volta desta área abaixo de "respostas rápidas?

Segue imagem:

http://i46.servimg.com/u/f46/16/86/79/14/311.png

Desde já, obrigado!

Endereço do meu fórum:
http://bluedragonsguild.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por Luciano98 em 10/02/12, 05:12 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
form#quick_reply textarea#text_editor_textarea{background-image:url(IMAGEM)}
IMAGEM = Link da imagem de fundo.

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 10/02/12, 05:48 pm

Infelizmente não resultou =(
Seria por causa do tamanho do meu CSS?

Código:
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }
body.chatbox {
  min-width: 550px !important;
  background-image: url('http://i46.servimg.com/u/f46/16/86/79/14/pangya58.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
  margin: 0;
  background-color: none;
}
.module{background-color:#FFFFFF}
.module .h3{
color: #757575;

}
 
 
body {
background-image: url("http://i46.servimg.com/u/f46/16/86/79/14/1311.jpg");
background-repeat: no-repeat;
background-position: center;
}

.module {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
p {
color: #FFFFFF;
}

.feedburnerFeedBlock img {
display: none;
}
.feedburnerFeedBlock li {
padding: 3px;
min-height: 20px;
}
a[href="/u1"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u3"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u7"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u38"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u30"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u98"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u61"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u2"] {
text-shadow: 0px 0px 2px #00AA00;
}
a[href="/u17"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u10"] {
text-shadow: 0px 0px 2px #00AA00;
}
a[href="/u73"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u54"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u29"] {
text-shadow: 0px 0px 2px #FFFFFF;
}
a[href="/u26"] {
text-shadow: 0px 0px 2px #FFFFFF;
}
a[href="/u117"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u22"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u92"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u111"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
a[href="/u11"] {
text-shadow: 0px 0px 2px #FF00D0;
}
a[href="/u54"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i46.servimg.com/u/f46/16/86/79/14/untitl17.png);
background-repeat: no-repeat;
background-position: bottom right;
}
div.forabg div.inner ul.topiclist.forums li.row{background-image:url(http://i46.servimg.com/u/f46/16/86/79/14/textur10.png)
}
/*...........sombra nos Widgets..............*/

.module{
background-image:url();
-moz-box-shadow:inset 0px 0px 3px 2px #C0C0C0;
-webkit-box-shadow:inset 0px 0px 3px 2px #C0C0C0;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px}
.h3,.catHead{border:1px solid #EEEEEE;box-shadow:0 2px 2px #CCCCCC;color:#FFFFFF;text-align:center
}
.post{
background-image: url(http://i46.servimg.com/u/f46/16/86/79/14/off10.png);
background-position: 97% 6%;
background-repeat: no-repeat;
}
.online{
background-image: url(http://i46.servimg.com/u/f46/16/86/79/14/online11.png);
background-position: 97% 6%;
background-repeat: no-repeat;
}
.panel {
-webkit-border-radius: ;
-webkit-box-shadow: rgb(205, 233, 237) 0px 0px 10px;
border: 10px solid #302A2A;
border-image: initial;
background-image: url(http://i46.servimg.com/u/f46/16/86/79/14/sem_ta21.png);
background-repeat: repeat;
}
.postprofile {
border-color: #D6E7EB;
border-left-style: solid;
border-left-width: 0px;
color: #666;
display: inline;
float: right;
margin: 5px 7 5;
min-height: 80px;
position: relative;
width: 20%;
}
.postbody .content.clearfix{width:90%}
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons, input.mainoption, input.liteoption {
        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;
        border: solid 1px #DDDDDD;
        }
        input.button1:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover, input.mainoption:hover, input.liteoption:hover {
    background-position: 0 100%;
    border: 1px solid #86B125;
    color: #89B125;
    }
/* Caixa de busca por SUPERO */
#search-box{position: center; bottom: 55px;height: 40px;width: 150px;right: -150px;display: inline;
background: transparent url(http://i46.servimg.com/u/f46/16/86/79/14/btn_616.png) no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: #8A8A8A;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */
ul.linklist:not(.navlinks),ul#picture_legend,div.topic-actions{background-image: url(http://i46.servimg.com/u/f46/16/86/79/14/sem_ta21.png);padding-left:8px;margin-bottom:3px;margin-top:3px}

.postprofile{
border: 1px solid #eee;
text-align: center;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
-moz-box-shadow: 0px 5px 5px #8AA2A8;
-webkit-box-shadow: 0px 5px 5px #8AA2A8;
}
form#quick_reply textarea#text_editor_textarea{background-image:url(http://i46.servimg.com/u/f46/16/86/79/14/textur10.png)}
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por Luciano98 em 10/02/12, 05:51 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#quick_reply #text_editor_textarea{background-image:url(IMAGEM)}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 10/02/12, 06:04 pm

Infelizmente, ainda não surtiu efeito. Estou descendo até o final do CSS, adiciono o código e coloco o endereço da imagem conforme indicado, porém, assim mesmo, continuou tudo transparente.
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por BrXPt™ em 10/02/12, 06:21 pm

@Luciano98 escreveu:Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
#quick_reply #text_editor_textarea{background-image:url(IMAGEM)}

Salve.

Até mais.

Vlw funciono aqui Muito feliz
avatar

BrXPt™
Nível 8

Masculino
Inscrito dia : 20/01/2012
Mensagens : 104
Pontos Ativos : 166

Ver perfil do usuário http://easy-cheat.com.br

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 10/02/12, 06:29 pm

Hey BxPt, posso ver como ficou no seu?

Aqui para mim, ficou igual =(

Continuo com o problema.
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por BrXPt™ em 10/02/12, 07:18 pm

@MickMinuzzi escreveu:Hey BxPt, posso ver como ficou no seu?

Aqui para mim, ficou igual =(

Continuo com o problema.

Responde MP e é www.easy-cheat.com.br meu fórum se alguém quiser ver como que ficou Piscada
avatar

BrXPt™
Nível 8

Masculino
Inscrito dia : 20/01/2012
Mensagens : 104
Pontos Ativos : 166

Ver perfil do usuário http://easy-cheat.com.br

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por Firenando em 10/02/12, 07:21 pm

Aqui está, tente este código.

Código:
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(LINK DA IMAGEM);
background-repeat: no-repeat;
background-position: bottom right;
}
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por BrXPt™ em 10/02/12, 07:40 pm

Olá,
Vá na ''Folha de Estilo CSS'':
Painel de Controle :seta2: Visualização :seta2: Imagens e cores :seta2: Cores :seta2: Folha de estilo CSS

Código:
#quick_reply #text_editor_textarea{background-image:url(http://i43.tinypic.com/j14zh1.jpg)}

Pronto, Salve.

OBS: Fiz a imagem para você espero que goste. ( Da um Obrigado se gostar Mostrando a lingua )
avatar

BrXPt™
Nível 8

Masculino
Inscrito dia : 20/01/2012
Mensagens : 104
Pontos Ativos : 166

Ver perfil do usuário http://easy-cheat.com.br

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 10/02/12, 07:49 pm

Fire, esse código colocou textura dentro da caixa de resposta rápida, mas na verdade, eu preciso que a textura fique em volta e cubra o os links que estão no rodapé. Pois como o fundo é transparente, os textos daquela área não aparecem. =(

Se souber outro código, por favor, avise-me.
Obrigado desde já! ^^
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 10/02/12, 07:53 pm

@BrXPt™ escreveu:Olá,
Vá na ''Folha de Estilo CSS'':
Painel de Controle :seta2: Visualização :seta2: Imagens e cores :seta2: Cores :seta2: Folha de estilo CSS

Código:
#quick_reply #text_editor_textarea{background-image:url(http://i43.tinypic.com/j14zh1.jpg)}

Pronto, Salve.

OBS: Fiz a imagem para você espero que goste. ( Da um Obrigado se gostar Mostrando a lingua )

Olá, infelizmente, ficou transparente também, não mudou =(

avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 10/02/12, 09:15 pm

O que será que pode estar dando errado pessoal?

Atualmente a minha caixa de mensagens rápidas está assim:

http://i46.servimg.com/u/f46/16/86/79/14/sem_ta24.png

O problema é que não se enxerga direito os links por baixo.

Se mais alguém souber algo que pode resolver meu problema, me ajude por favor!

Obrigado!
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por King Gz; em 13/02/12, 02:37 am

Olá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css
Código:
#quick_reply  {
background-image: url(LINK DA IMAGEM);
background-repeat: no-repeat;
background-position: bottom center;
}

No caso, adicione uma imagem grande para ocupar o espaço corretamente! Caso queira colocar uma cor de fundo, adicione o código abaixo
Código:
#quick_reply  {
background-color: #000000;
background-repeat: no-repeat;
background-position: bottom center;
}

Substitua o valor "000000" pela cor hexadecimal que desejar.

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 13/02/12, 08:17 am

Nossa, ficou muito bom King Gz!

Só ela não afetou a área abaixo da caixa de mensagens juntos. Ficou somente em volta. Preciso fechar a parte vazia que ficou abaixo da caixa. Seria possível algum código que feche até embaixo?

Desde já obrigado!!

Imagem de como ficou:

avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

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

Resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi em 13/02/12, 08:26 am

Ops, sem querer consegui, fiquei fuçando num código e deu certo agora, ficou ótimo! Podem fechar! Obrigadaço a ajuda de todos!
avatar

MickMinuzzi
Nível 7

Masculino
Inscrito dia : 25/01/2012
Mensagens : 93
Pontos Ativos : 153

Ver perfil do usuário http://guildbluedragons.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