Como colocar o codebox e outras funcionalidades no fórum?

[Fvieira]

Ola, sou novo aqui no forum ( acabei de me registrar) e tenho algumas duvidas, espero que possam esclarece-las a mim

Qual é sua questão:
1º: Gostaria de saber se dar para personalizar o "codebox"?E deixa-lo deste jeito:( sem a sombra atras)

E se der se podem me passar o codigo pronto

2°: E se der para passar o codigo desse spoiler:

So q sem a sombra atras

3°: Como coloco isso: "Expandir esta imagem"? Aparece encima da imagem.

4° Como ativo uma mensagem para quando algum membro se cadastrar, automaticamente recebe-la? Igual aqui.

Que medidas você tomou para corrigir o problema:
Fiquei 5 horas mexendo na "Folha CSS" do meu forum, busquei aqui no FdF, mas nao achei de "codebox"....

Apresente-nos imagens do problema (se necessário):

Aqui e o "codebox" atual do meu forum:

E eu quero deixa-lo assim: ( so que sem a sombra atras)

E aqui e o "spoiler" atual: (e eu quero deixa-lo sem a sombra branca atras)

Versao do meu forum:

Invision

OBS.: Nao sabia onde por, por que as duvidas sao tanto de codigos, quanto de aparencia do forum, ai eu coloquei aqui

[Luciano98]

Olá!

Qual o link do fórum que utiliza esse Spoiler?

Até mais.

[Fvieira]

Ola, o meu mesmo so que com a sombra, e eu nao quero com a sombra ^^

Link: http://bleachextreme-rpg.forumeiros.com/

[Luciano98]

Olá!

Para retirar as sombras.
Procure por isso na sua Folha de Estilo CSS:

Código:

.spoiler{border:#ebe8e0;border-style:solid;border-width:1px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;border-color:#FFFFFF!important;background-color:#332E2E;background-repeat:no-repeat;background-position:5px 5px;padding:5px 0px 5px 25px;border-radius:10px 0px 10px 0px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:10px 0px 10px 0px;box-shadow:10px 10px 5px #A0A0A0;-moz-box-shadow:10px 10px 5px #A0A0A0;-webkit-box-shadow:10px 10px 5px #A0A0A0}

Substitua por isso:

Código:

.spoiler{border:#ebe8e0;border-style:solid;border-width:1px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;border-color:#FFFFFF!important;background-color:#332E2E;background-repeat:no-repeat;background-position:5px 5px;padding:5px 0px 5px 25px;border-radius:10px 0px 10px 0px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:10px 0px 10px 0px;box-shadow:10px 10px 5px #A0A0A0}

Até mais.

[Fvieira]

Obrigado! Mas eu substitui o codigo do spoiler, e mesmo assim continua do mesmo jeito! O do codebox funcionou! E tambem tem as outras perguntas ^^

[Luciano98]

Olá!

Então substitua o código salvo na Folha de Estilo por esse:

Código:

.spoiler{border:#ebe8e0;border-style:solid;border-width:1px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;border-color:#FFFFFF!important;background-color:#332E2E;background-repeat:no-repeat;background-position:5px 5px;padding:5px 0px 5px 25px;border-radius:10px 0px 10px 0px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:10px 0px 10px 0px}

---------------------------
Para colocar o efeito na caixa de código (adicione no final da Folha de Estilo CSS):

Código:

.codebox dt{background-color:#E4EAF2;color:#000;display:block;font-size:11px;font-weight:700;margin:-8px -8px 8px;padding:3px;text-transform:uppercase;background-image:url()}.codebox dd{padding:8px;background-color:#332E2E;color:#FFFFFF;border:0px}.codebox{border-bottom:1px dotted #000;border-left:5px solid #121212;border-right:1px dotted #000;border-top:1px dotted #000;display:block;margin:8px;border:#ebe8e0;border-style:solid;border-width:1px;color:#000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;border-color:#FFFFFF!important;background-color:#332E2E;background-repeat:no-repeat;background-position:5px 5px;padding:5px 0px 5px 25px;border-radius:10px 0px 10px 0px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:10px 0px 10px 0px;margin-left:20px}

Até mais.

[Fvieira]

Obrigado! Agora funcionou perfeitamente!

Poderia me esclarecer mais duas duvidas?

Como coloco isso: "Expandir esta imagem"? Aparece encima da imagem.

E Como ativo uma mensagem para quando algum membro se cadastrar, automaticamente recebe-la? Igual aqui.

[Luciano98]

Olá!

Leia os seguintes FAQs:
Redimensionamento de imagens
e
Criar mensagem (MP) de boas-vindas

Até mais.

[Fvieira]

E isso mesmo que eu preciso, obrigado novamente!

Duvidas resolvidas, podem @bloquear!