Personalizar a caixa de mensagens rápidas.

Detalhes da questão

Endereço do fórum: http://pre-vestibulando.forumeiros.com
Versão do fórum: phpBB3

Descrição

Saudação, Pessoal do FDF.

Hoje, eu gostaria de alterar aparência da minha "caixa de mensagens" (c.d.m rápidas - especificamente). Se vocês me ajudarem a como fazer tal coisa ficaria muito agradecido.
Sendo assim, veja como está e como eu quero que fique:

Normal:




Como eu quero:



Como vcs podem ver... a diferença entre uma e outra é:

• A cor verde preenchendo o espaço superior.

• Os contornos envolta dos retângulos e também de toda a parte superior.

• A imagem localizada no segmento inferior com o nível de opacidade bem baixo, o que acaba aumentado a sua transparência. Além do mais, ela está centralizada nessa seção.

Quadros

Quadro original:




Quadro com "nível de transparência":

• Se o nível baixo de opacidade ainda não for suficiente, por favor, faça uso do quadro original e o modifique para tanto.

Em suma é só isso mesmo... Até logo, galerinha do FdF.

Boa noite,

Adicione em sua Folha de Estilos CSS:

Código:

.sceditor-container {
  border: solid 1px #000 !important;
}

.sceditor-container > textarea,
.sceditor-container > iframe {
  background-image: url(https://i62.servimg.com/u/f62/19/80/65/20/imagem16.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff !important;
}

.sceditor-container .sceditor-toolbar {
  border-bottom-color: #000 !important;
  background-color: #29cf5b !important;
}

.sceditor-container .sceditor-toolbar .sceditor-group {
  border: solid 1px #000;
  border-radius: 0px;
}

Até breve. o/

Luiz escreveu:Boa noite,

Adicione em sua Folha de Estilos CSS:

Código:

.sceditor-container {
  border: solid 1px #000 !important;
}

.sceditor-container > textarea,
.sceditor-container > iframe {
  background-image: url(https://i62.servimg.com/u/f62/19/80/65/20/imagem16.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff !important;
}

.sceditor-container .sceditor-toolbar {
  border-bottom-color: #000 !important;
  background-color: #29cf5b !important;
}

.sceditor-container .sceditor-toolbar .sceditor-group {
  border: solid 1px #000;
  border-radius: 0px;
}

Até breve. o/

Valeu, amigo! Mas só faltou a imagem do "quadro meio transparente".

Veja como ficou:

No código que lhe passei acima, troque:

Código:

.sceditor-container > textarea,
.sceditor-container > iframe {
  background-image: url(https://i62.servimg.com/u/f62/19/80/65/20/imagem16.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff !important;
}

Por:

Código:

.sceditor-container > textarea,
.sceditor-container iframe {
  background-image: url(https://i62.servimg.com/u/f62/19/80/65/20/imagem16.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important !important;
}

Provavelmente o seu fórum tinha algum estilo que sobreponha os que citei anteriormente, mas agora deve funcionar!

Não se esqueça de votar nos seus candidatos favoritos!

o/

Luiz escreveu:No código que lhe passei acima, troque:

Código:

.sceditor-container > textarea,
.sceditor-container > iframe {
  background-image: url(https://i62.servimg.com/u/f62/19/80/65/20/imagem16.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff !important;
}

Por:

Código:

.sceditor-container > textarea,
.sceditor-container iframe {
  background-image: url(https://i62.servimg.com/u/f62/19/80/65/20/imagem16.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important !important;
}

Provavelmente o seu fórum tinha algum estilo que sobreponha os que citei anteriormente, mas agora deve funcionar!

Não se esqueça de votar nos seus candidatos favoritos!

o/

Funcionou! Muito obrigado!

Veja como ficou:



Sendo assim, pode fechar o tópico e mais uma vez, obrigado!