SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

HenriqueS

HenriqueS
sou nível 7

Seg 24 Jun 2013, 10:32 am

Galera eu queria colocar na caixa de mensagem (Aquela la da resposta rapida)eu queria colocar tipo uma imagem na caixa. eu tinha isso no meu forum só que tirei sem querer e não sei mais colocar era tipo esse codigo

Código:

.dd-textarea #text_editor_textarea{background:url(http://i.imgur.com/icD2n.png) no-repeat 0px -69px;}
.dd-textarea #text_editor_textarea{width:600px !important;}
.dd-textarea #text_editor_textarea:focus{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/icd2n10.png) no-repeat 0px -69px;
box-shadow:1px 1px 8px 4px #353535;
-moz-box-shadow:1px 1px 8px 4px #353535;
-webkit-box-shadow:0px 0px 8px 0px #a1a1a1}
.dd-textarea #text_editor_textarea:hover{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/icd2n10.png) no-repeat 0px -69px;
box-shadow:1px 1px 8px 4px #353535;
-moz-box-shadow:1px 1px 8px 4px #353535;
-webkit-box-shadow:0px 0px 8px 0px #a1a1a1}

Alguem pode me ajudar

Endereço do meu fórum:
http://gamebrasil.ativoforum.com

Versão do fórum:
PUNBB

badwolf3003

badwolf3003
sou nível 2

Seg 24 Jun 2013, 12:19 pm

Código:
/ * Cor do campo de texto * /
div.sceditor-container iframe, div.sceditor-container textarea {
background: #666 url(http://url de una imagen.jpg)  repeat !important;
color: #C8CDE6 !important
}

http://ajuda.forumeiros.com/t80560-novo-editor-bbcode#552239

No seu caso, acho que ficaria dessa forma:

Código:

div.sceditor-container iframe, div.sceditor-container textarea {
background-image: url('http://i.imgur.com/icD2n.png') no-repeat 0px -69px;
width: 600px !important;
}
div.sceditor-container iframe:focus, div.sceditor-container textarea:focus {
background-image: url('http://i42.servimg.com/u/f42/17/32/13/00/icd2n10.png') no-repeat 0px -69px;
box-shadow: 1px 1px 8px 4px #353535;
-moz-box-shadow: 1px 1px 8px 4px #353535;
-webkit-box-shadow: 0px 0px 8px 0px #a1a1a1;
}
div.sceditor-container iframe:hover, div.sceditor-container textarea:hover {
background-image: url('http://i42.servimg.com/u/f42/17/32/13/00/icd2n10.png') no-repeat 0px -69px;
box-shadow: 1px 1px 8px 4px #353535;
-moz-box-shadow: 1px 1px 8px 4px #353535;
-webkit-box-shadow: 0px 0px 8px 0px #a1a1a1;
}

Acredito que seja isso ae, caso você substitua seu código por este e não obtenha resultado, só esperar alguém responder por aqui..... sifu

HenriqueS

HenriqueS
sou nível 7

Seg 24 Jun 2013, 12:55 pm

Quase deu só não esta mostrando a imagem e quando passo o mouse em cima aparece um quadrado mais branco com o contorno preto 


ficou assim olha
Caixa de mensagem  Sem_ta10

https://i.servimg.com/u/f83/17/52/10/07/sem_ta10.png

badwolf3003

badwolf3003
sou nível 2

Seg 24 Jun 2013, 4:40 pm

Essa imagem é para ficar em cima a direita ? ou em que posição ?

Bem, caso seja em cima a direita tenta assim:

Código:
div.sceditor-container iframe, div.sceditor-container textarea {
background-image: url('http://i.imgur.com/icD2n.png') !important;
background-attachment:scroll;
background-position:right top;
background-repeat: no-repeat;
width: 600px !important;
}
div.sceditor-container iframe:focus, div.sceditor-container textarea:focus {
background-image: url('http://i42.servimg.com/u/f42/17/32/13/00/icd2n10.png') !important;
background-attachment:scroll;
background-position:right top;
background-repeat: no-repeat;
box-shadow: 1px 1px 8px 4px #353535;
-moz-box-shadow: 1px 1px 8px 4px #353535;
-webkit-box-shadow: 0px 0px 8px 0px #a1a1a1;
}
div.sceditor-container iframe:hover, div.sceditor-container textarea:hover {
background-image: url('http://i42.servimg.com/u/f42/17/32/13/00/icd2n10.png') !important;
background-attachment:scroll;
background-position:right top;
background-repeat: no-repeat;
box-shadow: 1px 1px 8px 4px #353535;
-moz-box-shadow: 1px 1px 8px 4px #353535;
-webkit-box-shadow: 0px 0px 8px 0px #a1a1a1;
}

Essa nova caixa de texto toda errada me da sempre trabalho pra tentar personalizar algo..... ixi
Qualquer coisa tira as propriedades box-shadow, -moz-box-shadow e -webkit-box-shadow...... De qualquer forma, espera mais alguém aparecer..

HenriqueS

HenriqueS
sou nível 7

Seg 24 Jun 2013, 5:37 pm

ficou perfeito só que tem como deixar ela mais pra cima a imagem pq ela ficou tipo fora de enquadro


Caixa de mensagem  Sem_ta10

badwolf3003

badwolf3003
sou nível 2

Seg 24 Jun 2013, 11:20 pm

Tipo, no caso ela ficaria direitinha se aumentar a caixa de texto, clicando naquele canto direito inferior e aumentando.... Ou então, diminuindo a parte de cima da imagem, porque essa imagem ta assim, mas eu coloquei ela posicionada na parte de cima a direita..... Ae ela ta mais colada possível pela parte de cima, então o resto seria diminuir a parte de cima da imagem e colocar o link dela re-upada ... Razz


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se



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

TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®