Fundo da caixa de respota com imagem

2 participantes

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

Tópico resolvido Fundo da caixa de respota com imagem

Mensagem por David Ferreira 01.07.12 23:56

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

Fundo da caixa de respota com imagem MR9ol

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
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por David Ferreira 02.07.12 0:43

@topic

editei a menssagem, a imagem de exemplo que tinha colocado tava off..

espero que isso ajude "/
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por Sennior 02.07.12 2:01

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(https://2img.net/r/ihimizer/img109/9869/backgroundrespostarapid.png);
}

Valide.

Até mais! Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por David Ferreira 02.07.12 2:47

Dr.House 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:

form#quick_reply textarea#text_editor_textarea {
background-image: url(https://2img.net/r/ihimizer/img109/9869/backgroundrespostarapid.png);
}

Valide.

Até mais! Piscada

era suposto dar certo so que nao sei pq nao da... num ta dando nao.. num tem outro codigo ai nao ??
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por Sennior 02.07.12 2:54

Estranho... troque por este e veja se resulta:

form#quick_reply textarea#text_editor_textarea {
background-image: url( https://2img.net/r/ihimizer/img109/9869/backgroundrespostarapid.png ) !important;
}

Valide.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por David Ferreira 02.07.12 3:06

nao deu ainda :X.. num sei pq num da kra "/
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por Sennior 02.07.12 3:12

Tente este:

#text_editor_textarea{background-image:url('https://i.servimg.com/u/f42/16/72/72/72/ws10.png')}

Valide. Muito feliz
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por David Ferreira 02.07.12 3:18

nada man Louco

ta tenso
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por Sennior 02.07.12 3:28

Olá senhor, poderia me conceder teu CSS.

Abraços. Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por David Ferreira 02.07.12 3:40

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);
}
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo da caixa de respota com imagem

Mensagem por Convidad 02.07.12 15:04

Olá querido!

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 ***/
Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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