Personalizar spoiler, citação, code

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

Resolvido Personalizar spoiler, citação, code

Mensagem por Need_90 em 25/07/11, 01:12 pm

Bom,ja vi varios tutoriais sobre isso,mas estou com 1 problema,ia adicionar esse code
Código:
.spoiler_content { background-image: url(http://illiweb.com/bl/logo.png); background-repeat: no-repeat; background-position: bottom right;
background-position: 2px 10px; color: #FF0000; color: 10pt; font-family Verdana, Geneva, sans-serif; }
Mas não da,por que a folha CSS do meu forum ja esta enorme
Alguem sabe onde eu adiciono esse codigo?Não deu de postar o CSS,por que A largura da sua mensagem ultrapassa o limite autorizado.
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Cream em 25/07/11, 04:24 pm

Olá,

Poderia nos passar o link de seu fórum?

Atenciosamente!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 25/07/11, 07:43 pm

megarts.forumeiros.com
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Luciano98 em 25/07/11, 07:55 pm

Olá!

Painel de Controle Seta Módulo Seta Gestão das páginas HTML
Clique em "Criar uma nova página HTML":
Em "Título :" coloque "CSS".
Em "Você deseja utilizar o início e o final da página do seu fórum ?" marque "Não".
Em "Usar esta página como página inicial?" marque "Não".
Em "Código HTML :" coloque o código CSS que não cabe na Folha de Estilo CSS.
Clique em "Confirmar".

Pegue o link da página criada.
Exemplo: http://ajuda.forumeiros.com/h1-

Painel de Controle Seta Geral Seta Fórum Seta Configuração
Na "Descrição do Site :" coloque o seguinte código modificado:
<link rel="stylesheet" href="LINK" />
LINK = Link da página HTML criada.

Clique em "Salvar".

Até mais.
Luciano98
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: Personalizar spoiler, citação, code

Mensagem por Need_90 em 26/07/11, 12:39 pm

ok,mas eu vou ter que criar paginas para codigo e citação também?Ou posso usar a mesma,e tipo,isso vai mudar o spoiler ou a descrição?

Edit : Eu deixei a descrição e adicionei depois dela,mas não mudou absolutamente nada,só que agora aparece escrito 'Spoiler'
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Luciano98 em 26/07/11, 03:06 pm

@Need_90 escreveu:ok,mas eu vou ter que criar paginas para codigo e citação também?Ou posso usar a mesma,e tipo,isso vai mudar o spoiler ou a descrição?

Edit : Eu deixei a descrição e adicionei depois dela,mas não mudou absolutamente nada,só que agora aparece escrito 'Spoiler'
Você não precisa criar uma página para cada código, essa página seria como uma segunda Folha de Estilo CSS, você pode colocar quantos códigos quiser ali.

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: Personalizar spoiler, citação, code

Mensagem por Need_90 em 26/07/11, 05:11 pm

Olha as imagens,

Meu forum - http://img844.imageshack.us/img844/5835/imagem2eh.png Ps : Citação e Code fica igual ao meu spoiler
Do meu amigo - http://img233.imageshack.us/img233/6051/imagemhui.png

Eu queria um igual ao do meu amigo,citação eu queria tipo uma caixa amarela meio cinza com as bordas redondas e com sombra,e o code igual ao spoiler,mas com contorno em volta dele


Código:
Igual a essa,com a opção de selecionar tudo também
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Mikáá em 26/07/11, 05:18 pm

Olá,
Para fazer o efeito "Selecionar tudo" na tag [code] é só fazer tudo como lhe vou dizer/explicar:

Codigo:
;function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];

// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}

var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Código: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});

Onde adicionar o código?
Painel Flecha ajudeiros Módulos Flecha ajudeiros HTML & JAVASCRIPT Flecha ajudeiros Gestão das páginas HTML


Depois clique neste botão: Criar uma nova página HTML Adicionar

De seguida adicione o código que lhe passei nesta mensagem que estou a escrever! Coloque um título qualquer na página HTML e de seguida clique em Salvar!

Depois copie o link que é dado, para perceber melhor veja a imagem:

Prontos já fizemos metade do processo, mas para finalizar siga esta parte também:

Painel Flecha ajudeiros Geral Flecha ajudeiros Fórum Flecha ajudeiros Configuração


Veja a imagem para compreender:

Ele (código) deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.

O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>

Por exemplo no FDF:
Spoiler:
<script src="http://ajuda.forumeiros.com/selecionar-code-h1.htm"></script>

Alguma dúvida diga Piscada

Até mais.


Última edição por SantolaZ em 26/07/11, 05:22 pm, editado 1 vez(es)
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 26/07/11, 05:20 pm

bom eu queria ter o code arrumado primeiro,depois editalo.
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Mikáá em 26/07/11, 05:23 pm

Olá novamente,
O código que lhe dei já está pronto agora é só activar a função Piscada

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 26/07/11, 05:29 pm

mas não mudou nada,ele continua feio
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Mikáá em 26/07/11, 05:33 pm

Olá novamente,
Poderia dizer o que não consegue? Deseja a tag [code] como? Eu já lhe expliquei é só fazer o que disse para ficar com o "Seleccionar tudo"!!

Descreva o seu problema!

Até mais.
Piscada
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 26/07/11, 05:38 pm

1º - eu fiz oque você colocou,n apareceu e continuou o visual verde feio
2º - Viu as imagens de exemplo ali encima?
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Mikáá em 26/07/11, 05:43 pm

Caro amigo,
O código que lhe passei é somente para colocar o "Seleccionar conteúdo" na tag [code] e não para personalizar esta mesma tag, compreende?

até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 26/07/11, 05:44 pm

sim,mas n funcionou e eu pedi para mudar o visual,dps colocar o selecionar tudo
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Mikáá em 28/07/11, 06:17 am

Olá!
Nós estamos a começar pelo mais complicado, mas que vai dar a mesma coisa, se reparar depois no final!
Substituía o código que lhe dei, para a tag [code] por este código, que é para a sua versão, pois fiz para a versão PhpBB2, ora teste lá:
Código:
function selectCode(a)
{
// Get ID of code block
var e = jQuery(a).closest('tr').next().find('.cont_code')[0];

// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}

var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
jQuery(function(){

jQuery('div.postbody td.code').parent().prev().find('b').html('Code:
<a href="javascript:void()" onClick="selectCode(this)"><font
face="verdana" color="red"></font> Seleccionar Conteúdo </a>');
});

Obrigado pela sua paciência por estar a espera de notícias!

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 28/07/11, 01:11 pm

mas eu disse que quero primeiro mudar o visual,dps acrescentar o de selecionar tudo
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Mikáá em 28/07/11, 01:17 pm

Olá novamente,
Você é complicado Muito feliz
Se não quer adicionar o código que lhe passei não adicione Mostrando a lingua
Diga-lá o que quer para ser como você quer, visto que ia dar a mesma coisa mas não compreende, em fim...

Pretende personalizar o que? É para a versão PhpBB2?

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 28/07/11, 01:25 pm

o code,quote e spoiler,queria deixar o spoiler,code e citação como o daqui.

é para phpBB2
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por #Frank! em 28/07/11, 04:04 pm

Boa tarde !

Aqui está :


Código:

.quote {
-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9), to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px
}

Coloque em : Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

Salve.
Sobre o spoiler e o "code" é o padrão para todos os fóruns ! Piscada


Seta Atenciosamente !
Infanta Margarida Rindo
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 28/07/11, 04:12 pm

mas no meu está diferente,acessa elee ve la, megarts.forumeiros.com

e n funcionou :S
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por #Frank! em 28/07/11, 04:14 pm

Boa tarde !

Vá em :
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.


Procure pelo código :
Código:

.code{background-color:#e3ffe0;border:#dae4eb;border-style:solid;border-width:1px;color:#0310a0;font-family:Courier,Courier New,sans-serif;font-size:11px}.code div.cont_code{max-height:200px;overflow:auto}

Apague-o e salve.
Uma dica : Em alguns navegadores apertando as teclas CTRL+F , abre um campo de busca na página.
Visualize se obteve êxito no que deseja.


Seta Atenciosamente.
Infanta Margarida.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 28/07/11, 07:32 pm

viu,no meu não tem esse negocio,tem a folha de estilo,mas não tem nada nela,para ver algo tem que clicar em ver folha base CSS
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

Resolvido Re: Personalizar spoiler, citação, code

Mensagem por Need_90 em 28/07/11, 08:07 pm

Resolvido,mudei o tema do meu forum,e estou editando
avatar

Need_90
Nível 7

Masculino
Inscrito dia : 28/05/2011
Mensagens : 83
Pontos Ativos : 128

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

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