Colocar fundo em baixo de "resposta rápida"

5 participantes

Ir para baixo

Tópico resolvido Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 0:16

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

Segue imagem:

https://i.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
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por Luciano98 10.02.12 19:12

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 19:48

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)}
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por Luciano98 10.02.12 19:51

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 20:04

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.
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por BrXPt™ 10.02.12 20:21

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
BrXPt™
BrXPt™
***

Membro desde : 21/01/2012
Mensagens : 104
Pontos : 166

http://easy-cheat.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 20:29

Hey BxPt, posso ver como ficou no seu?

Aqui para mim, ficou igual =(

Continuo com o problema.
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por BrXPt™ 10.02.12 21:18

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
BrXPt™
BrXPt™
***

Membro desde : 21/01/2012
Mensagens : 104
Pontos : 166

http://easy-cheat.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por Firenando 10.02.12 21:21

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;
}
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por BrXPt™ 10.02.12 21:40

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 )
BrXPt™
BrXPt™
***

Membro desde : 21/01/2012
Mensagens : 104
Pontos : 166

http://easy-cheat.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 21:49

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á! ^^
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 21:53

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 =(

MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 10.02.12 23:15

O que será que pode estar dando errado pessoal?

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

https://i.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!
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por King Gz; 13.02.12 4:37

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
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 13.02.12 10:17

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:
Colocar fundo em baixo de "resposta rápida" Sem%2520t%25C3%25ADtulo
MickMinuzzi
MickMinuzzi
**

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar fundo em baixo de "resposta rápida"

Mensagem por MickMinuzzi 13.02.12 10:26

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

Membro desde : 25/01/2012
Mensagens : 93
Pontos : 153

http://guildbluedragons.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos