Dar efeito nos codes
5 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
Dar efeito nos codes
Qual é minha questão:
Olá, cá estou eu de novo para fazer perguntas
Conheço um fórum, em que os codes de quote, code e spoiler têm um efeito 3D (parece)
Parece que tem sombra na diagonal por trás, cliquem aqui para poder verem.
Apenas queria que me dessem o code de como colocar esse efeito, que já tenho o resto do code como eu gosto para o quote, code e spoiler
Grato!
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://forumnaruto-13.forumeiros.com
Versão do meu fórum:
Não sei
Olá, cá estou eu de novo para fazer perguntas
Conheço um fórum, em que os codes de quote, code e spoiler têm um efeito 3D (parece)
Parece que tem sombra na diagonal por trás, cliquem aqui para poder verem.
Apenas queria que me dessem o code de como colocar esse efeito, que já tenho o resto do code como eu gosto para o quote, code e spoiler
Grato!
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://forumnaruto-13.forumeiros.com
Versão do meu fórum:
Não sei
Re: Dar efeito nos codes
Amigo, obrigado pela resposta.
Mas eu já vi esse tutorial, e ele não dá o efeito que pretendo. Como pode ver, os quote em branco tem o efeito da tal sombra atrás da caixa de texto. Porém, no resultado no fim, a caixa de texto não possui o efeito que eu pretendo. Apenas gostaria do code para ter o efeito como nos quotes que o tutorial vai mostrando.
Grato.
Mas eu já vi esse tutorial, e ele não dá o efeito que pretendo. Como pode ver, os quote em branco tem o efeito da tal sombra atrás da caixa de texto. Porém, no resultado no fim, a caixa de texto não possui o efeito que eu pretendo. Apenas gostaria do code para ter o efeito como nos quotes que o tutorial vai mostrando.
Grato.
Re: Dar efeito nos codes
Traduzindo, oque ele precisa é de SOMBRA para os Quote e Spoilers!
isso que da o efeito 3D ... praticamente!
isso que da o efeito 3D ... praticamente!
Re: Dar efeito nos codes
Kishiro escreveu:Parece que tem sombra na diagonal por trás
Exato, tal como eu tinha dito.
Re: Dar efeito nos codes
- Código:
.quote{background:url(http://i40.tinypic.com/34dlag4.png) .3em .3em no-repeat;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#ff2010;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:4px 4px 3px #a0a0a0;overflow:auto;padding:10px 10px 10px 30px}
resulta?
Caso não, tente:
- Código:
.quote{background-color:#fff;border:#fff;border-style:solid;border-width:1px;color:#000;font-family:Tahoma;font-size:12px;line-height:125%}.coloradmin{color:#}.colormod{color:#}.vote{float:right;margin-left:4px;width:10px}.vote .vote-button{font-weight:700;margin-left:-1px;text-align:center}.vote .vote-button a{text-decoration:none!important}.vote .vote-bar{border:1px solid #363636;font-size:0;height:50px;margin:0 auto;width:3px}.vote .vote-no-bar{letter-spacing:-2px;margin-left:-2px;white-space:nowrap}.vote .vote-bar-plus{background-color:#0f0}.vote .vote-bar-minus{background-color:red}h1.pagetitle{color:#000;display:inline;font-size:13px;margin:0;padding:0}h1.title2{font-size:12px}.secondarytitle,.secondarytitle h2{color:#000;margin:0;padding:0}.secondarytitle h2{display:inline}
Re: Dar efeito nos codes
A primeira opção está PERFEITA mesmo, muito obrigado^^
Está igual ao forum que eu apesentei, mas eu modifiquei para ficar exatamente como eu quero^^
Agora, pode fazer o mesmo para o spoiler por favor? eu agradecia imenso^^
Está igual ao forum que eu apesentei, mas eu modifiquei para ficar exatamente como eu quero^^
Agora, pode fazer o mesmo para o spoiler por favor? eu agradecia imenso^^
Re: Dar efeito nos codes
Olá!
Junto ao código anterior adicione este:
Abraços.
Junto ao código anterior adicione este:
- Código:
.spoiler_closed {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #FF2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #A0A0A0;
}
.spoiler_closed {
background-color: white;
border: white;
border-style: solid;
border-width: 1px;
color: black;
display: block;
font-family: Tahoma;
font-size: 12px;
line-height: 125%;
}
.spoiler_content {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-color: #FF2010;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 4px 4px 3px #A0A0A0;
padding: 10px;
}
.spoiler_content {
background-color: white;
border: white;
border-style: solid;
border-width: 1px;
color: black;
display: block;
font-family: Tahoma;
font-size: 12px;
line-height: 125%;
}
Abraços.
Re: Dar efeito nos codes
Humm, por acaso sozinho consegui colocar esse efeito no spoiler, mas obrigado, mesmo^^
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