Como deixa o quote igual a este

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

Resolvido Como deixa o quote igual a este

Mensagem por Sonic025 em 14/07/13, 10:35 pm

Qual é minha questão:
Queiro saber como deixar o quote desta maneira, quero que fique igual.
Aqui está o link: http://www.narutorpgakatsuki.com/t39463-jutsus-de-kinomaru
(Estou tendo que repostar está questão pois o tópico em que ela foi postada, infelizmente foi bloqueado.

Endereço do meu fórum:
http://narutoneo.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

Ver perfil do usuário http://narutoneo.forumeiros.com/

Resolvido Re: Como deixa o quote igual a este

Mensagem por Hizu em 14/07/13, 10:39 pm

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Utilize este código no inicio ou no final da tua CSS:
Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote {
    background: -moz-linear-gradient(#F2F2F2, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A8A180;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 2px 2px 2px #A8A180;
    font-size: 11px;
    margin: 0;
    padding: 10px;
    width: 90%;
}

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Como deixa o quote igual a este

Mensagem por Sonic025 em 14/07/13, 10:42 pm

ok, ficou bem legal, mas ainda não é oque queiro
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

Ver perfil do usuário http://narutoneo.forumeiros.com/

Resolvido Re: Como deixa o quote igual a este

Mensagem por Hizu em 14/07/13, 10:47 pm

Saudações!

Substitua o código fornecido anteriormente por este:
Código:
.ii {
-moz-border-radius: 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.05);
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.05);
background-color: #fff;
border-color: #CCC;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 2px 4px rgba(0,0,0,.05);
margin: 0;
padding-left: 0;
position: relative;
vertical-align: top;
z-index: 1;
}
.ze {
height: 21px;
position: absolute;
width: 10px;
}
.ie {
background: no-repeat url(https://ssl.gstatic.com/s2/oz/images/sprites/stream-7a65a7d94da88cc0d5b54936f2ffb2c2.png) 0 -14px;
display: block;
left: -9.8px;
top: 15px;
z-index: 999;
}
.postmain blockquote, .spoiler_content {
background-color: white;
word-break: break-word;
border: 1px solid #DDD;
padding: .5em 1em;
color: black;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
-webkit-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
-ms-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
-o-box-shadow: inset 0 0 10px #DDD, 1px 1px 2px white;
}

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Como deixa o quote igual a este

Mensagem por Sonic025 em 14/07/13, 10:50 pm

sinto muito mas não mudou nada
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

Ver perfil do usuário http://narutoneo.forumeiros.com/

Resolvido Re: Como deixa o quote igual a este

Mensagem por Hizu em 14/07/13, 10:54 pm

Saudações!

Num tópico, você deve utilizar este código HTML:
Código:
<div class="ii"><div class="ze ie"></div><div class="post-msg"><blockquote><div><strong>Katon: Fenikkusu no kurōn (Katon: Clones da Fênix)</strong><br>Rank: C<br>Tipo: Ninjutsu<br>E.E: Katon<br>Duração: 1 Post<br>Descrição: O Usuário Cria 5 Clones, ao surgirem, fazem o selo: Tigre e todos eles fazem o jutsu Katon: Gōkakyū no Jutsu, enormes chamas sobem para cima com a grande quantidade de ar soprada, ao chegar as nuvens, elas desem do céu, fazendo-o assim ficar com um tom de laranja avermelhado, ao chegar perto do Oponente elas se juntam e formam-se em uma gigantesca bola de fogo,  ao tocar no oponente elas explodem.<br>Obs: </div></blockquote></div></div>

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Como deixa o quote igual a este

Mensagem por Sonic025 em 14/07/13, 10:57 pm

como assim, sempre que eu postar num tópico, devo utilizar este tópico? Só esclarecendo está duvida.
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

Ver perfil do usuário http://narutoneo.forumeiros.com/

Resolvido Re: Como deixa o quote igual a este

Mensagem por Hizu em 14/07/13, 11:02 pm

@Sonic025 escreveu:como assim, sempre que eu postar num tópico, devo utilizar este tópico? Só esclarecendo está duvida.

Olá novamente prezado Sonic025,

Para o quote ficar dentro daquela div como no tópico indicado pelo senhor, é necessário utilizar aquele HTML. Compreende-me?

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Como deixa o quote igual a este

Mensagem por Sonic025 em 14/07/13, 11:06 pm

Sim sim ,brigado, podem bloquear o tópico
avatar

Sonic025
Nível 5

Masculino
Inscrito dia : 24/06/2013
Mensagens : 35
Pontos Ativos : 65

Ver perfil do usuário http://narutoneo.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum