InícioPersonalizar spoiler, citação, code
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 • Compartilhe
Personalizar spoiler, citação, code
por Need_90 25.07.11 17:12
Bom,ja vi varios tutoriais sobre isso,mas estou com 1 problema,ia adicionar esse code
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.
- Código:
.spoiler_content { background-image: url(http://2img.net/i/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; }
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.
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Cream 25.07.11 20:24
Olá,
Poderia nos passar o link de seu fórum?
Atenciosamente!
Poderia nos passar o link de seu fórum?
Atenciosamente!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Luciano98 25.07.11 23:55
Olá!
Painel de Controle
Módulo 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: https://ajuda.forumeiros.com/h1-
Painel de Controle Geral Fórum Configuração
Na "Descrição do Site :" coloque o seguinte código modificado:
Clique em "Salvar".
Até mais.
Luciano98
Painel de Controle
Módulo Gestão das páginas HTMLClique 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: https://ajuda.forumeiros.com/h1-
Painel de Controle
Geral Fórum ConfiguraçãoNa "Descrição do Site :" coloque o seguinte código modificado:
LINK = Link da página HTML criada.<link rel="stylesheet" href="LINK" />
Clique em "Salvar".
Até mais.
Luciano98
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Personalizar spoiler, citação, code
por Need_90 26.07.11 16:39
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'
Edit : Eu deixei a descrição e adicionei depois dela,mas não mudou absolutamente nada,só que agora aparece escrito 'Spoiler'
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Luciano98 26.07.11 19:06
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.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'
Até mais.
Luciano98- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
Re: Personalizar spoiler, citação, code
por Need_90 26.07.11 21:11
Olha as imagens,
Meu forum - https://2img.net/r/ihimizer/img844/5835/imagem2eh.png Ps : Citação e Code fica igual ao meu spoiler
Do meu amigo - https://2img.net/r/ihimizer/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
Meu forum - https://2img.net/r/ihimizer/img844/5835/imagem2eh.png Ps : Citação e Code fica igual ao meu spoiler
Do meu amigo - https://2img.net/r/ihimizer/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
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Mikáá 26.07.11 21:18
Olá,
Para fazer o efeito "Selecionar tudo" na tag [code] é só fazer tudo como lhe vou dizer/explicar:
Onde adicionar o código?
Depois clique neste botão: Criar uma nova página HTML 
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:
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á:
Por exemplo no FDF:
Alguma dúvida diga
Até mais.
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  Módulos HTML & JAVASCRIPT Gestão das páginas HTML |
 |
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 Geral Fórum 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="https://ajuda.forumeiros.com/selecionar-code-h1.htm"></script>
Alguma dúvida diga
Até mais.
Última edição por SantolaZ em 26.07.11 21:22, editado 1 vez(es)
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Personalizar spoiler, citação, code
por Need_90 26.07.11 21:20
bom eu queria ter o code arrumado primeiro,depois editalo.
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Mikáá 26.07.11 21:23
Olá novamente,
O código que lhe dei já está pronto agora é só activar a função
Até mais.
O código que lhe dei já está pronto agora é só activar a função
Até mais.
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Personalizar spoiler, citação, code
por Need_90 26.07.11 21:29
mas não mudou nada,ele continua feio
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Mikáá 26.07.11 21:33
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.
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.
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Personalizar spoiler, citação, code
por Need_90 26.07.11 21:38
1º - eu fiz oque você colocou,n apareceu e continuou o visual verde feio
2º - Viu as imagens de exemplo ali encima?
2º - Viu as imagens de exemplo ali encima?
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Mikáá 26.07.11 21:43
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.
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.
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Personalizar spoiler, citação, code
por Need_90 26.07.11 21:44
sim,mas n funcionou e eu pedi para mudar o visual,dps colocar o selecionar tudo
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Mikáá 28.07.11 10:17
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á:
Obrigado pela sua paciência por estar a espera de notícias!
Até mais.
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.
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Personalizar spoiler, citação, code
por Need_90 28.07.11 17:11
mas eu disse que quero primeiro mudar o visual,dps acrescentar o de selecionar tudo
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Mikáá 28.07.11 17:17
Olá novamente,
Você é complicado
Se não quer adicionar o código que lhe passei não adicione
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.
Você é complicado
Se não quer adicionar o código que lhe passei não adicione
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.
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Personalizar spoiler, citação, code
por Need_90 28.07.11 17:25
o code,quote e spoiler,queria deixar o spoiler,code e citação como o daqui.
é para phpBB2
é para phpBB2
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por BlueAngel 28.07.11 20:04
Boa tarde !
Aqui está :
Coloque em : Painel de controle Visualização Cores "Aba" Folha CSS.
Salve.
Sobre o spoiler e o "code" é o padrão para todos os fóruns !
Atenciosamente !
Infanta Margarida
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
Visualização Cores "Aba" Folha CSS. Salve.
Sobre o spoiler e o "code" é o padrão para todos os fóruns !
Atenciosamente !Infanta Margarida
BlueAngel- Super Membro
- Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606 -
Re: Personalizar spoiler, citação, code
por Need_90 28.07.11 20:12
mas no meu está diferente,acessa elee ve la, megarts.forumeiros.com
e n funcionou :S
e n funcionou :S
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por BlueAngel 28.07.11 20:14
Boa tarde !
Vá em :
Painel de controle Visualização Cores "Aba" Folha CSS.
Procure pelo código :
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.
Atenciosamente.
Infanta Margarida.
Vá em :
Painel de controle
Visualização Cores "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.
Atenciosamente.Infanta Margarida.
BlueAngel- Super Membro
- Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606 -
Re: Personalizar spoiler, citação, code
por Need_90 28.07.11 23:32
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
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Re: Personalizar spoiler, citação, code
por Need_90 29.07.11 0:07
Resolvido,mudei o tema do meu forum,e estou editando
Need_90- **
- Membro desde : 28/05/2011
Mensagens : 83
Pontos : 128 -
Tópicos semelhantes» Ícones nas caixas de spoiler, code e citação
» Personalizar apenas citação e code
» Personalizar spoiler e citação
» Personalizar Spoiler e Code
» Personalizar Quote, Spoiler e Code
» Personalizar apenas citação e code
» Personalizar spoiler e citação
» Personalizar Spoiler e Code
» Personalizar Quote, Spoiler e Code
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
Facebook
Twitter
Youtube
