[gitec] COLEÇÃO DE TEMAS DOS PORTAIS MODELO 3.0

Davi Miara Kiapuchinski informatica em camaracastro.pr.gov.br
Segunda Junho 29 13:59:19 BRT 2015


Coloquei em: https://colab.interlegis.leg.br/wiki/TemasPortalModelo

Entretanto, sem utilizar o modelo, pode-se adicionar o seguinte código 
no styles.css (as cores e tamanhos dos botões são editadas aqui).

/*CSS Botões nos portlets*/
.flip-container {
     perspective: 1000;
}
.flip-container:hover .back {
     transform: rotateY(0deg);
}
.flip-container:hover .front {
     transform: rotateY(180deg);
}
.flip-container, .front, .back {
     width: 260px;
     height: 90px;
}
.flipper {
     transition: 0.6s;
     transform-style: preserve-3d;
     position: relative;
}
.front, .back {
     backface-visibility: hidden;
     transition: 0.6s;
     transform-style: preserve-3d;

     position: absolute;
     top: 0;
     left: 0;
}
.front {
     background: whitesmoke;
     z-index: 2;
}
.back {
     background: whitesmoke;
     transform: rotateY(-180deg);
}
.back{
     background: #FFEFD5;
}
.titlebackbutton {
     color: #000000;
     text-align: center;
     font-weight: bold;
     font-family: Verdana;
     font-size: 18px;
     margin: 5px 0;
     text-shadow: 0.1em 0.1em 0.05em #acd7e5;
}

.texttitlebackbutton {
     font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
     font-size: 14px;
     color: #000000;
     text-align: justify;
     padding-right: 20px;
     padding-left: 20px;
}




E nos portlets (banners) o seguinte código HTML. Com o link da imagem e 
o  texto que ficará no botão.


<div class="flip-container">
     <div class="flipper">
         <div class="front"><a class="internal-link" 
href="resolveuid/b4a6a05972664c9dac582c80d99e00a3" target="_self" 
title=""><img class="image-inline" 
src="resolveuid/737bcae4e2e84096a3f8eef0905f6e01" /></a></div>
         <div class="back">
             <p class="titlebackbutton"><a class="internal-link" 
href="resolveuid/b4a6a05972664c9dac582c80d99e00a3" target="_self" 
title="">Lorem ipsum dolor</a></p>
             <p class="texttitlebackbutton"><a class="internal-link" 
href="resolveuid/b4a6a05972664c9dac582c80d99e00a3" target="_self" 
title="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed 
non nunc molestie, gravida metus at, rhoncus nibh. Integer nec bibendum 
est, eget fermentum erat.</a></p>
         </div>
     </div>
</div>


Dúvidas e contribuições (não sou um exímio designer/programador) é só 
gritar.

Att.,

Em 29/06/2015 13:14, Rafael Rodrigues Sponhardi escreveu:
> Muito legal. Compartilhe conosco =)
>
> ------------------------------------------------------------------------
> To: gitec em listas.interlegis.gov.br
> From: informatica em camaracastro.pr.gov.br
> Date: Mon, 29 Jun 2015 12:41:32 -0300
> Subject: Re: [gitec] COLEÇÃO DE TEMAS DOS PORTAIS MODELO 3.0
>
> Pode ser besteira mais msm assim quem quiser uns botões que giram 
> (para portlets) e funcionam em qlqr navegador é só avisar.
>
> Ex: www.castro.pr.leg.br <http://www.castro.pr.leg.br>
>
> Editei o arquivo de CSS e o HTML dos portlets na própria janela de 
> edição de portlet.
>
> Att.,
>
> Em 29/06/2015 08:22, julianobringer em gmail.com 
> <mailto:julianobringer em gmail.com> escreveu:
>
>     Bom dia Abel,
>
>     Como prometido tá lá o nosso tema disponibilizado em
>     https://colab.interlegis.leg.br/wiki/TemasPortalModelo
>
>     Abraço,
>
>     Juliano Bringer
>     CM Domingos Martins-ES
>     27 98122-8526 (Vivo)
>
>     Em 26 de junho de 2015 12:09, Abel Gomes
>     <abelgomes em lagarto.se.leg.br <mailto:abelgomes em lagarto.se.leg.br>>
>     escreveu:
>
>         Olá GITEC,
>
>
>         Enviei um e-mail para o Juliano Bringer da Câmara de Domingos
>         Martins no ES, perguntando se eles poderiam disponibilizar o
>         tema da Casa Legislativa deles, pois achei bem legal. Ele
>         informou que não haverá problema algum e que irá
>         disponibilizar o tema, que é totalmente a favor do
>         colaborativismo e que é isso que dá força ao GITEC. Concordo
>         plenamente Juliano!
>
>         *O Juliano irá disponibilizar o tema dele no Colab nesse link:
>         https://colab.interlegis.leg.br/wiki/TemasPortalModelo*
>         onde já existem dois do Angelo Marcondes da Câmara Municipal
>         de Francisco de Sales.
>
>
>         Não lembro de quem foi a fala no *VII EnGitec*, mas acho que
>         foi mais ou menos o seguinte:
>
>         *"Ensine a pescar e também dê o peixe"*
>
>         Sei que existem muitas casas com o corpo técnico de TI muito
>         pequeno e que em muitas dessas, não há uma política de
>         capacitação dos servidores da área.
>
>         Então... poderíamos ter um repositório muito interessante
>         nesse link para que essas casas, como a minha, tenham acesso.
>
>
>
>         Apenas uma sugestão! ;)
>
>
>
>
>
>         Att,
>
>
>         Abel Gomes
>         Técnico Legislativo - Informática
>         Câmara Municipal de Lagarto - SE
>         +55 79 9939-1591 (Pessoal)
>         +55 79 3631-5252 (Câmara)
>
>         --
>         Histórico do grupo:
>         http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec
>
>         Regras de participação:
>         http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade
>
>         Para administrar ou excluir sua conta visite:
>         https://listas.interlegis.gov.br/mailman/listinfo/gitec
>
>
>
>
>     -- 
>     /*Juliano Rafael Bringer Nunes
>     */Domingos Martins-ES
>     Tel.: 27 98122-8526 Vivo
>     julianobringer em gmail.com <mailto:julianobringer em gmail.com>
>
>
>
>
>
> -- Hist�rico do grupo: 
> http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec 
> Regras de participa��o: 
> http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade Para 
> administrar ou excluir sua conta visite: 
> https://listas.interlegis.gov.br/mailman/listinfo/gitec
>
>

-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20150629/c9387bbf/attachment.html>


Mais detalhes sobre a lista de discussão GITEC