[gitec] Agora Sim!!! Novo Portal da Câmara de Jataí

Leandro Roberto Silva leandroroberto.br em gmail.com
Quarta Agosto 3 21:13:10 BRT 2011


Olá Adriana!

Em 2 de agosto de 2011 14:17, Adriana Chaves <a.agchaves em hotmail.com>escreveu:

>  Leandro, tá de parabéns!
> Ficou muito bom mesmo. Agora dá uma dica aí, na parte onde aparece esses
> ítens abaixo como vc fez para aparecer os parceiros
> qdo passa o mouse, ficou show de bola.
>
> Departamento de Tecnologia de Informação e Comunicação - Câmara Municipal
> de Jataí - Nossos parceiros
>
>
Então, primeiro obrigado!

Deixa ver se consigo explicar bem resumido e fácil... (vai ter alguns links
aí é só baixar mesmo e usar)

   1. Já usa Jquery <http://code.jquery.com/jquery-1.6.2.min.js> no seu
   portal? coloque ele dentro de sua pasta custom.
   2. Pra fazer aquele efeito elástico com abre e fecha precisa de uma extensão
   do jquery <http://www.zkdesign.com.br/files/scripts/jquery.easing.1.3.js>.
   ponha na mesma pasta.
   3. Crie um objeto do tipo file dentro da sua pasta custom com qualquer
   nome, ex: cmp_custom.js e adicione o conteúdo deste
link<http://www.camarajatai.go.gov.br/portal/cmj_custom.js>
   .
   4. Os três passos anteriores geram três arquivos: estes devem ser
   catalogados na ferramenta [portal_javascripts] que está na raiz do seu
   portal. obs: a opção merging deve ser desmarcada...
   5. Onde você quiser que surja a aquela caixa você deve colocar esse
   script abaixo, ou algo parecido, mas, se você mudar o nome de um ID aqui...
   você tem que mudar no arquivo do passo 3.
      -
      - <div style="height: 0px; width: 960px; margin: 0 auto;"> <!-- A
      largura tem que ser em pixel-->
      - <div id="cmj-rodape-parceiros"  style="
      -     background-color: #fff;
      -     color: #FFFFFF;
      -     height: 0px;
      -     width: 0px;
      -     position: relative;
      -     top: 0px;
      -     display:block;
      -     overflow: hidden;
      -     left: 480px;
      -     text-align: center;
      -     border-top: 3px solid #A1E3BD;
      -     border-bottom: 3px solid #A1E3BD;"><!-- o atributo left tem que
      ser em pixel e de preferência a metade do primeiro width ali em cima-->
      - <img src="images/parceiros/sapl.jpeg"/>
      - <img src="images/parceiros/logo_gitec.png"/>
      - <img src="images/parceiros/interlegis.png"/>
      - <img src="images/parceiros/portal.jpeg"/>
      - </div>
      - </div>
   6. Viu que tem quatro img's no código do passo 5... são as imagens
   adicionadas, e você deve adicioná-las, que estão com um caminho que, no meu
   caso, tenho uma pasta images dentro da custom, onde guardo imagens de layout
   (faço diferente se imagem é de conteúdo).
   7. além do código acima do passo 5... você tem que colocar o código onde
   o mouse do usuário passa, que no meu caso foi só um span, em qualquer lugar
   que não seja dentro do código do passo 5 e, se você mudar o nome do ID
   aqui... você tem que mudar no arquivo do passo 3
      - <span id="cmj-rodape-dtic-action-parceiros">Nossos parceiros</span>
   8. Dica: onde colocar? tem um arquivinho chamado footer na pasta
   custom/ILPortalCasas_Public... Não tenho mais como testar mas acho que
   funciona... *no meu caso eu fiz uma macro chamada global_footer e alterei
   o main_template pois da forma que fiz meu rodapé, ele não poderia estar
   dentro de visual-portal-wrapper**... mas acho que não precisa chegar a
   isso... *

É isso aí Adriana... Espero não estar muito muito complicado.

Dúvidas, é só postar aí!!!

-- 
=========================================
*Leandro Roberto - (64) 8448-7460*
Tecnólogo em Sistemas de Informação
*Câmara Municipal de Jataí - (64) 3636-0816*
Departamento de TIC - Departamento de Documentação Eletrônica
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: http://listas.interlegis.gov.br/pipermail/gitec/attachments/20110803/57d3a093/attachment.htm 


Mais detalhes sobre a lista de discussão GITEC