66 comentários

• Alessandro Landim(usuário não autenticado)

  9 de Janeiro de 2012, 23:17

   

  Olá Felipe,

  Como você está chamando o CSS?

  O OpenACS utiliza um mapeamento de URL para os arquivos estáticos como CSS, javascript etc. Para isso, você precisa criar uma pasta chamada resources dentro da pasta www do seu pacote. Feito isso, cada arquivo que você colocar nessa pasta será acessada da seguinte forma, por exemplo:

   

  Exemplo 1.

  Arquivo no pasta: /packages/nome-do-pacote/www/resources/styles.css

  Acesso web: loca​lhos​t/re​sour​ces/​nome​-do-​paco​te/s​tyle​s.cs​s

  Exemplo 2.

  Arquivo no pasta: /packages/nome-do-pacote/www/resources/css/estilos.css

  Acesso web: loca​lhos​t/re​sour​ces/​nome​-do-​paco​te/c​ss/e​stil​os.c​ss

  Como estamos acessando o arquivo CSS com caminho absoluto, você não precisa se preocupar com o caminho da página ADP.

  Espero ter ajudado.

  
  

  • Felipe Pimentel Aguiar(usuário não autenticado)

    10 de Janeiro de 2012, 10:59

     

    Olá Alessandro.

    Muito obrigado pela resposta!

    A princípio eu fiquei realmente com dúvidas em onde chamar o CSS, pois me parecia que poderia ser pelo arquivo .adp , sendo chamado da mesma maneira que em um html normal... mas no lugar onde se altera a <master> também existia um espaço para inserir CSS. Já tentei os dois, mas vou fazer agora da maneira como você me explicou e digo o que aconteceu.

     

    Agradeço de novo pela atenção. 

    
    

    • Felipe Pimentel Aguiar(usuário não autenticado)

      11 de Janeiro de 2012, 9:39

       

      É, não está funcionando. Vou colocar aqui o que eu pus como está configurado aqui:

       Theming

      DefaultFormStyle:

      DefaultListFilterStyle:

      DefaultListStyle:

      DefaultMaster: /packages/mytheme/www/mytheme_test 

       

      ThemeCSS: {{href /packages/mytheme/resources/css/style.css} {media all}}

       

      ThemeKey: default_plain

       

       Escrevi o ThemeCSS apenas substituindo o caminho que já existia pelo meu.

      O que mais preciso configurar? 

       

      
      

      • Felipe Pimentel Aguiar(usuário não autenticado)

        11 de Janeiro de 2012, 10:30

         

        Consegui fazer funcionar. Acho que o problema era que estava falando em meu ADP a tag <master src="http://www.softwarepublico.gov.br/www/blank-master">

        o caminho que coloquei em ThemeCSS agora foi {{href /resources/mytheme/pspb_css/cssSistema.css} {media all}} 

         

        Eu só teria mais uma outra pergunta. O CSS carregou, mas agora o que está faltando é o javascript. Alguém sabe como fazer?

         

        Abraços. 

        
        

        • Eduardo Santos(usuário não autenticado)

          11 de Janeiro de 2012, 13:02

           

          Olá Felipe,

          Para todos os efeitos o arquivo .adp aceita a mesma sintaxe de um arquivo .html. Se você colocar o código abaixo deve funcionar:

          <style type="text/css">

          Meu css 

          </style>

          Para  JavaScript deve ser a mesma coisa:

          <script type="text/javascript">

          Meu Script

          </script>

          Existe a forma correta de colocar o arquivo utilizando o atributo source. Por padrão, deve-se colocar scripts e CSS na pasta resources do pacote, como o Landim falou. Assim, para alterar o layout do Portal, você deve colocar no caminho /packages/theme-zen/www/resources/estilo.css e chamar utilizando o endereço /resources/theme-zen/estilo.css como URL.

          Deu pra pegar? 

          
          

          • Felipe Pimentel Aguiar(usuário não autenticado)

            11 de Janeiro de 2012, 22:52

             

            Deu pra entender tudo sim. Muito obrigado, está funcionando agora.

             

            Abraços!