Aparencia dos code

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

Resolvido Aparencia dos code

Mensagem por Shion em 27/05/12, 06:05 pm

Qual é minha questão:
Deixa os code como aqui.
http://i.imgur.com/JMurr.jpg
Vi aqui

Medidas que eu tomei para corrigir o problema:
-

Links e imagens do meu problema:


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

Versão do meu fórum:
PUNBB
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Aparencia dos code

Mensagem por LucasRPG em 27/05/12, 06:20 pm

Olá.
adicione este Código no seu CSS.

.code {
background:
white;
border: solid
#A67C52;
border-left: 6px solid
#A67C52;
border-radius: ;
border-right: 6px solid
#A67C52;
}

Resultou?
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Aparencia dos code

Mensagem por Shion em 27/05/12, 06:24 pm

meu forum é punbb..
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Aparencia dos code

Mensagem por MateusV. em 27/05/12, 08:26 pm

Boa noite.

Substitua o código por este
dl.codebox {
background: white;
border: solid #A67C52;
border-left: 6px solid #A67C52;
border-radius: 5px;
border-right: 6px solid #A67C52;
}

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Aparencia dos code

Mensagem por Shion em 27/05/12, 08:32 pm

afetou os spoilers tambem num te como afetar apenas os code ?

e o conteudo do code verde.
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Aparencia dos code

Mensagem por Sennior em 27/05/12, 11:59 pm

Olá e boa noite!
Tente este:

Código:
.code {
background:
white;
border: solid
#A67C52;
border-left: 6px solid
#A67C52;
border-radius: ;
border-right: 6px solid
#A67C52;
}
.code {
background:
white;
border: solid
#999;
border-left: 6px solid
#999;
border-radius: ;
border-right: 6px solid
#999;
padding: 10px 20px;
}
.code {
border-style: solid;
}
p, td, th {
}
user agent stylesheettd, th {
display: table-cell;
vertical-align: inherit;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Aparencia dos code

Mensagem por Shion em 28/05/12, 02:02 am

mas esse codigo é para phpbb2 meu forum é punbb
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Aparencia dos code

Mensagem por Luciano98 em 28/05/12, 08:55 am

Olá!

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

Código:
.post .postbody .post-entry .entry.content .codebox dd code{color:#444;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;word-wrap:break-word}.post .postbody .post-entry .entry.content .codebox{border:0px}.post .postbody .post-entry .entry.content .codebox dd.cont_code{background:white;border:1px solid #999;border-left:6px solid #999;border-radius:5px;border-right:6px solid #999;padding:10px 20px}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Aparencia dos code

Mensagem por Shion em 28/05/12, 09:39 am

@Luciano98 escreveu:Olá!

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

Código:
.post .postbody .post-entry .entry.content .codebox dd code{color:#444;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;word-wrap:break-word}.post .postbody .post-entry .entry.content .codebox{border:0px}.post .postbody .post-entry .entry.content .codebox dd.cont_code{background:white;border:1px solid #999;border-left:6px solid #999;border-radius:5px;border-right:6px solid #999;padding:10px 20px}

Valide.

Até mais.

Bom dia!
MEsma coisa o conteudo do code não fico verde e os spoilers ainda sendo afestado.
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Aparencia dos code

Mensagem por Luciano98 em 30/05/12, 11:51 pm

Olá!

Como assim não ficou verde?
Na imagem eu não vejo nada verde.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Aparencia dos code

Mensagem por Shion em 31/05/12, 08:24 am

Digo azul, seguinte eu quero que apenas os codes fique com esta volta, e que dentro o conteudo que aparece no code, os codigos fiquem com a cor verde.
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.com/

Resolvido Re: Aparencia dos code

Mensagem por Sennior em 02/06/12, 06:06 pm

Olá Amigo!
Tente este?

Código:
.code {
background: white !important;
border: solid #A67C52;
border-left: 6px solid #A67C52 !important;
border-radius: ;
border-right: 6px solid #A67C52!important;
}
.code {
background: white!important;
border: solid #999;
border-left: 6px solid #999;
border-radius: ;
border-right: 6px solid #999;
padding: 10px 20px;
}
.code {
border-style: solid;
}
p, td, th {
}
user agent stylesheettd, th {
display: table-cell;
vertical-align: inherit;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Aparencia dos code

Mensagem por Luciano98 em 02/06/12, 07:03 pm

Olá!

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

Código:
.post .postbody .post-entry .entry-content dl.codebox dd.cont_code code{color:green;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;word-wrap:break-word}.post .postbody .post-entry .entry-content dl.codebox{border:0px}.post .postbody .post-entry .entry-content dl.codebox dd.cont_code{background:white;border:1px solid #AB7849;border-left:6px solid #AB7849;border-radius:5px;border-right:6px solid #AB7849;padding:10px 20px}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Aparencia dos code

Mensagem por Shion em 02/06/12, 09:53 pm

funcionou obrigado.
avatar

Shion
Usuário destaque

Masculino
Inscrito dia : 25/02/2010
Mensagens : 779
Pontos Ativos : 1123

Ver perfil do usuário http://www.narutorpgakatsuki.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