Código para o código

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

Resolvido Código para o código

Mensagem por Cavenom em 16/02/12, 10:55 pm

Qual é minha questão:
eu tenho códigos para modificar o spoiler e também a Citação mais o Código esta muito simples (não o codigo da ccs mas sim o código que aparece no fórum).
e quero deixar o código igual a do FDF mais modificado para ficar parecido com o Spoiler do meu forum: http://narutogeneration.ativoforum.com/t206-regras-de-conduta#1649
Se não entenderem eu entendo (não sei explicar direito)

Medidas que eu tomei para corrigir o problema:
nada

Links e imagens do meu problema:
nada

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

Versão do meu fórum:
PHPBB2
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário

Resolvido Re: Código para o código

Mensagem por MateusV. em 16/02/12, 10:59 pm

Olá, aceda ao Painel de controle >> Módulos >> HTML >> Gestão das páginas HTML
Código:
// DEVELOPED BY MR SUPERO AND DIKK
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();
  }
}
if(text){}else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
  jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});
O título indefere na funcionalidade.

Nos campos de utilização como página inicial e, a utilização do inicio e fim de seu fórum, deverá ser marcado "não".



Agora, aceda à:

Painel de Controle >> Geral >> Fórum >> Configurações >> Descrição do site
<script src="ENDERECO-DA-PAGINA-HTML"></script>
ENDERECO-DA-PAGINA-HTML >> Deverá ser o endereço da página HTML anteriormente criada.
Até mais 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: Código para o código

Mensagem por Cavenom em 16/02/12, 11:12 pm

Acho que você não me entendeu eu quero o código para emplementar o Code

E não uma pagina HTML (A culpa foi minha por não ter explicado direito)

Código:
para ficar igual a este igual do FDF mais eu quero uma coisa diferente

Sombras Laranja









Obrigado pela atenção ^^
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário
  • 0

Resolvido Re: Código para o código

Mensagem por MateusV. em 16/02/12, 11:14 pm

Olá, sim eu sei, teste o meu procedimento, caso não leia este topico
Seta http://ajuda.forumeiros.com/t52325-
Até mais 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: Código para o código

Mensagem por Cavenom em 16/02/12, 11:36 pm

não mudou nada

eu copiei e colei certo, mais a segunda parde eu não entendi nada

você poderia me explicar direito

mais detalhadamente
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário
  • 0

Resolvido Re: Código para o código

Mensagem por MateusV. em 16/02/12, 11:41 pm

Olá, veja que toda pagina HTML tem um link

<script src="ENDERECO-DA-PAGINA-HTML"></script>
Coloque o link no "ENDERECO-DA-PAGINA-HTML" apos isso aceda ao seu Painel de Controle >> Geral >> Fórum >> Configurações, procure por " Descrição do site" la antes da descrição do seu site cole o codigo com o endereço da pagina HTML, até mais 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: Código para o código

Mensagem por Cavenom em 16/02/12, 11:50 pm

Fiz oque você escreveu mais não aconteceu nada

mais estava lento um outro tópico e descobri uma coisa:

Apenas PHPBB3, Invisione punBB! podem ter isso

isso e verdade ?
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário
  • 0

Resolvido Re: Código para o código

Mensagem por MateusV. em 16/02/12, 11:53 pm

Olá, aceda ao Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Aba "Folha de estilo CSS" cole o codigo e salve
Código:
.code div.cont_code {
color: seaGreen;
display: block;
font-family: Courier,CourierNew,sans-serif;
font-size: .9em;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
white-space: normal;
}
.code {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
border-image: initial;
}
Até mais 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: Código para o código

Mensagem por Cavenom em 17/02/12, 12:03 am

agora esse codigo mudou mas não esta igual ada FDF e tambem não esta com sombras laranjas

eu não sei meche em codigos então pode me agudar em deixar Sombras laranjas e colocar um botão que selecione tudo dentro ?

e o HTML que vc mandou anterior mente posso apagar ?

avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário

Resolvido Re: Código para o código

Mensagem por MateusV. em 17/02/12, 12:06 am

Olá, pode apagar o HTML, e o codigo, troque por este
Código:
.code div.cont_code {
color: seaGreen;
display: block;
font-family: Courier,CourierNew,sans-serif;
font-size: .9em;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: auto;
line-height: 1.3em;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
white-space: normal;
text-shadow: 0px 0px 4px orange !important;
}
.code {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
border-image: initial;
text-shadow: 0px 0px 4px orange !important;
}
Resulta? Até mais 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: Código para o código

Mensagem por Cavenom em 17/02/12, 12:17 am

sei que estou sendo inconveniente mas não esta igual a da FDF que tem um botão que seleciona o conteúdo do CODE, também a sombra esta nas letras e não envolta do CODE veja esse Link: http://narutogeneration.ativoforum.com/t206-regras-de-conduta#1683

la em baixo terá o CODE e você pode-rá ver o resultado eu quero que a sombra fique igual do Spoiler

Obrigado e ao mesmo tempo desculpas por ser inconveniente
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário

Resolvido Re: Código para o código

Mensagem por MateusV. em 17/02/12, 12:20 am

Olá, não entendi, onde você deseja a sombra?Mas leia este topico
Seta http://ajuda.forumeiros.com/t44426-
Até mais 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: Código para o código

Mensagem por Cavenom em 17/02/12, 12:35 am

Li e esta escrito:
/!\ Este código somente funcionará para as versões: PhpBB 3, Invision e PunBB. Isso acontece pois o PhpBB 2 possui uma estrutura que não permite este tipo de modificação, nem mesmo através dos templates.

tudo bem então quer dizer que não da para colocar isso de selecionar.

mais eu ainda procuro um código que deixe Sombras envolta do CODE
você disse que não entendeu

então olhe esse link: http://narutogeneration.ativoforum.com/t206-regras-de-conduta#1683

Eu queria uma Sombra Igual a que esta envolta do Spoiler
(O spoiler esta la embaixo)

EU não mandei uma peint pois meu teclado esta ruim logo na área da Print Screen

espero que entenda agora
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário

Resolvido Re: Código para o código

Mensagem por Firenando em 17/02/12, 01:00 am

Olá, aqui está o spoiler do fórum que você citou.

Código:
..spoiler{-moz-box-shadow:0 0 10px #ff8c00;-webkit-box-shadow:0 0 10px #ff8c00;background-color:#ebebeb;background-image:url(http://img.ragnabr-files.net/storage/box98/q31631arrow-down_stickerm187.png);background-position:top right;background-repeat:no-repeat;border:1px solid #ff8c00;border-style:double;padding-top:3px}.spoiler_content{background-color:#ebebeb;background-image:url();background-position:top left;background-repeat:no-repeat;color:#ff8c00!important}

Resultou?

Até mais Piscada
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Código para o código

Mensagem por Cavenom em 17/02/12, 01:10 am

Desculpe mais o fórum que citei e meu =/

e estou a procura de um código que deixe o CODE com a mesma borda desse Spoiler que você viu

Código:


quero que isso fique com bordas igual ao Spoiler citado ^^

(não as letras  mais sim envolta do CODE)

avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário
  • 0

Resolvido Re: Código para o código

Mensagem por MateusV. em 17/02/12, 01:31 pm

Olá, adicione este codigo em seu CSS
Código:
.code div.cont_code {-moz-box-shadow:0 0 10px #ff8c00;-webkit-box-shadow:0 0 10px #ff8c00;background-color:#ebebeb;background-image:url(http://img.ragnabr-files.net/storage/box98/q31631arrow-down_stickerm187.png);background-position:top right;background-repeat:no-repeat;border:1px solid #ff8c00;border-style:double;padding-top:3px}.spoiler_content{background-color:#ebebeb;background-image:url();background-position:top left;background-repeat:no-repeat;color:#ff8c00!important}

.code {-moz-box-shadow:0 0 10px #ff8c00;-webkit-box-shadow:0 0 10px #ff8c00;background-color:#ebebeb;background-image:url(http://img.ragnabr-files.net/storage/box98/q31631arrow-down_stickerm187.png);background-position:top right;background-repeat:no-repeat;border:1px solid #ff8c00;border-style:double;padding-top:3px}.spoiler_content{background-color:#ebebeb;background-image:url();background-position:top left;background-repeat:no-repeat;color:#ff8c00!important}
Resulta? Até mais 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: Código para o código

Mensagem por Cavenom em 17/02/12, 09:11 pm

obrigado a todos os que me ajudarão e principalmente o MateusV. ^^

o codigo funcionou ^^

vicou perfeito MateusV. estou clicando no obrigado aqui para vc ^^
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário

Resolvido Re: Código para o código

Mensagem por Cavenom em 17/02/12, 10:08 pm

Podem fechar aqui por favor ^^
avatar

Cavenom
Nível 5

Masculino
Inscrito dia : 09/11/2011
Mensagens : 39
Pontos Ativos : 58

Ver perfil do usuário

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