Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Fundo da caixa de respota com imagem
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Fundo da caixa de respota com imagem
Qual é minha questão:
Sei que tem muitos topicos com a mesma pergunta, mais nenhum q eu vi deu jeito aqui, o meu caso todo codigo nao faz diferenca no meu forum.. quero colocar imagem na caixa de respota, igaual essa imagem
https://i.imgur.com/mR9ol.jpg
Links e imagens do meu problema:
Acima
Endereço do meu fórum:
http://rotamsf.forumeiros.com/portal
Versão do meu fórum:
PHPBB3
Sei que tem muitos topicos com a mesma pergunta, mais nenhum q eu vi deu jeito aqui, o meu caso todo codigo nao faz diferenca no meu forum.. quero colocar imagem na caixa de respota, igaual essa imagem
https://i.imgur.com/mR9ol.jpg
Links e imagens do meu problema:
Acima
Endereço do meu fórum:
http://rotamsf.forumeiros.com/portal
Versão do meu fórum:
PHPBB3
Re: Fundo da caixa de respota com imagem
@topic
editei a menssagem, a imagem de exemplo que tinha colocado tava off..
espero que isso ajude "/
editei a menssagem, a imagem de exemplo que tinha colocado tava off..
espero que isso ajude "/
Re: Fundo da caixa de respota com imagem
Olá!
Aceda á "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Código:
Valide.
Até mais!
Aceda á "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Código:
form#quick_reply textarea#text_editor_textarea {
background-image: url(https://2img.net/r/ihimizer/img109/9869/backgroundrespostarapid.png);
}
Valide.
Até mais!
Re: Fundo da caixa de respota com imagem
Dr.House escreveu:Olá!
Aceda á "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Código:form#quick_reply textarea#text_editor_textarea {
background-image: url(https://2img.net/r/ihimizer/img109/9869/backgroundrespostarapid.png);
}
Valide.
Até mais!
era suposto dar certo so que nao sei pq nao da... num ta dando nao.. num tem outro codigo ai nao ??
Re: Fundo da caixa de respota com imagem
Estranho... troque por este e veja se resulta:
Valide.
form#quick_reply textarea#text_editor_textarea {
background-image: url( https://2img.net/r/ihimizer/img109/9869/backgroundrespostarapid.png ) !important;
}
Valide.
Re: Fundo da caixa de respota com imagem
Tente este:
Valide.
#text_editor_textarea{background-image:url('https://i.servimg.com/u/f42/16/72/72/72/ws10.png')}
Valide.
Re: Fundo da caixa de respota com imagem
ta ai..
- Código:
#wrap {
width : 1010px;
padding : 5px;
border : 6px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
}
#wrap{
-moz-box-shadow : 0 20px 20px #3c5dd0;
-webkit-box-shadow : 0 20px 20px #0d43fb;
}
-----OS CODIGOS ABAIXO FOI TUDO DAVID FERREIRA QUE COLOCO-----
a[href="/u12"] {
text-shadow: 0px 0px 4px #40E0D0;
}
a[href="/u12"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u3"] {
text-shadow: 0px 0px 4px #40E0D0;
}
a[href="/u3"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u4"] {
text-shadow: 0px 0px 4px #40E0D0;
}
a[href="/u4"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u157"] {
text-shadow: 0px 0px 4px #009ACD;
}
a[href="/u157"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
#page-header ul.linklist {
border-bottom: 1px solid #0372BE;
}
.postprofile{background-image:url(http://hitskin.com/themes/13/92/59/i_list_bg.png);background-repeat:repeat-y top left}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
#search-box input.button2 {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
p.nomargin {
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 0;
}
#search-box #keywords {
background-color: #FFFFFF;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
color: #000000;
height: 23px;
}
#search-box {
float: right;
margin-right: 5px;
margin-top: 10px;
white-space: nowrap;
}
#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#search #keywords:focus{width:290px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}
dl.codebox {
border: 1px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
dl.codebox {
background-color: white;
border: 1px solid #112eeb;
font-size: 1em;
padding: 3px;
}
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.vote .vote-no-bar {
display: none;
}
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}
.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}
.vote .vote-button a[href $="plus"] {
background:url('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.vote .vote-button a[href $="minus"] {
background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #d1d1d1;
border-right: 0 none #d1d1d1;
border-style: solid none none;
border-width: 1px 0 0;
clear: both;
display: block;
height: 1px;
margin: 5px 0;
}
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%;
color: #0a1694;
border: 1px solid #0a1694;
}
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://2img.net/i/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #0a1694;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: white;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color: #EEE;
display: block;
overflow: auto;
}
blockquote {
background-color: #adcdf0;
}
dl.codebox {
margin: 1em 1px 1em 25px;
padding: 5px;
border: 1px solid #0a1694;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color: #00000;
display: block;
overflow: auto;
}
.codebox {
margin: 1em 1px 1em 25px;
padding: 5px;
border: 1px solid #0a1694;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color: #00000;
display: block;
overflow: auto;
}
.online {
background-image: url(http://img838.imageshack.us/img838/9546/onlinedm.png);
background-repeat: no-repeat;
background-position: top right;
}
div.post {
background-image: url(http://img831.imageshack.us/img831/3092/offlineg.png);
background-repeat: no-repeat;
background-position: top right;
}
.h3, .catHead {
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0px 5px 5px #CCCCCC;
-webkit-box-shadow : 0px 5px 5px #CCCCCC;
box-shadow : 0 0 8px #665;
text-align: center;
}
a.mainmenu{
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-webkit-transition-duration:500ms;
transition-duration:500ms
}
a.mainmenu:hover{
color:#D31141;
font-size:15px;
font-weight:700
}
form#quick_reply textarea#text_editor_textarea {
background-image: url(http://img109.imageshack.us/img109/9869/backgroundrespostarapid.png);
}
Re: Fundo da caixa de respota com imagem
Olá querido!
Retire o código indicado pelo senhor House, e acima de todo seu CSS, aplique este código:
Shek
Retire o código indicado pelo senhor House, e acima de todo seu CSS, aplique este código:
- Código:
/*** Imagem dentro da caixa de texto - By Magnus ***/
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i.imgur.com/6UtIT.png);
background-repeat: no-repeat;
background-position: bottom right;
}
/*** Imagem dentr... FIM ***/
Shek
Convidad- Convidado
Tópicos semelhantes
» Imagem de fundo na caixa de busca
» Imagem de fundo da caixa de chat
» Retirar imagem de fundo da caixa de resposta
» Colocar imagem de fundo na caixa de edição de mensagem
» Como adicionar essa mensagem encima da caixa de respota rapida ?
» Imagem de fundo da caixa de chat
» Retirar imagem de fundo da caixa de resposta
» Colocar imagem de fundo na caixa de edição de mensagem
» Como adicionar essa mensagem encima da caixa de respota rapida ?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos