- Título dos menus/CSS
-
June 25, 2015, 7:11 p.m.Boa tarde!
Alguém saberia informar onde eu preciso editar no CSS para deixar o título
dos menus (Sobre a Câmara, Transparência, Leis, etc) parecido com os das
Câmaras de Guariba (http://guariba.sp.leg.br/) e Apucarana (
http://www.apucarana.pr.leg.br/), por exemplo?
Obrigado.
Diego Giroleti
Câmara de Vereadores de Esteio - RS
-- -
Alexisandri Ferreira
June 26, 2015, 11:33 a.m.Também gostaria de aprender...
Alexisandri
CMAngulo-Pr
Enviado do Yahoo Mail no Android
De:"Diego Giroleti"
Data:16:12 Qui, 25 de jun de PM
Assunto:[gitec] - Título dos menus/CSSBoa tarde!Alguém saberia informar onde eu preciso editar no CSS para deixar o título dos menus (Sobre a Câmara, Transparência, Leis, etc) parecido com os das Câmaras de Guariba (http://guariba.sp.leg.br/) e Apucarana (http://www.apucarana.pr.leg.br/), por exemplo?Obrigado.
Diego Giroleti
Câmara de Vereadores de Esteio - RS
-- -
June 26, 2015, 1:03 p.m.Olá Diego, localize os portlets no seu CSS. Na câmara de Guariba eles ficam na linha 180.
Modifique com base no seguinte código:
PS. todas as explicações estão como comentários no código, pode mante-las que não dará problema.
/********** Tiles **********/
/*********** Portlets ***********/
/* general styles */
.portletHeader,
dl.portlet dt.portletHeader {
background: #25528c; /*Cor do fundo, criando assim, a barra azul*/
color: #ffffff;
text-transform: uppercase; /*Todo e qualquer texto presente na barra ficará em caixa alta, pode ser dispensado.*/
font-size: 12px; /*Tamanho da letra*/
font-weight: 700; /*Largura da letra*/
padding: 10px 15px; /*Padding faz um espaçamento interno no conteúdo, o 10px modifica a largura e o 15px a distância do texto para com a borda*/
}
.portletHeader a,
dl.portlet dt.portletHeader a {
color: #ffffff;
}
.portletHeader a:hover, /*a:hover quer dizer basicamente "ao passar o mouse sobre o item, faça:", no padrão daqui não faz nada, já que tudo é repetido, porém você pode aplicar efeitos de uppercase, trocar cor da letra, tamanho etc.*/
dl.portlet dt.portletHeader a:hover {
color: #fff !important;
background: #25528c;
font-size:12px;
}
.portlet {
margin-bottom: 2em;
padding: 0 10p;
background: #fcfdfd;
}
A parte abaixo modifica os botões de envio e caixa de texto do PM, buscando tudo ficar parecido com as barras de menu. Como esse código não existe no CSS base, vá até o fim do código e acrescente-o lá.
input { /*Modifica a caixa de texto (será bem visível no portlet de "acompanhe a câmara")*/
margin: 4px;
padding: 5px 1px;
border: 1px solid #ccc;
font-size: 12px;
}
input[type="submit"] { /*Codigo que modifica o input do 'submit' para um padrão mais bonito (submit são todos os botões do site que você envia um formulário, como login, cadastro, confirmação de dados etc.)*/
color: #fff !important;
border: none;
background: #25528C;
padding: 8px 15px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700; /*Largura letra*/
}
Att
Rafael R Sponhardi
CM Guariba
Date: Thu, 25 Jun 2015 16:11:39 -0300
From: d.giroleti@gmail.com
To: gitec@listas.interlegis.gov.br
Subject: [gitec] - Título dos menus/CSSBoa tarde!
Alguém saberia informar onde eu preciso editar no CSS para deixar o título dos menus (Sobre a Câmara, Transparência, Leis, etc) parecido com os das Câmaras de Guariba (http://guariba.sp.leg.br/) e Apucarana (http://www.apucarana.pr.leg.br/), por exemplo?
Obrigado.Diego GiroletiCâmara de Vereadores de Esteio - RS
--
--
Hist�rico do grupo:
http://colab.interlegis.leg.br/search/?type=threadℴ=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 -
June 26, 2015, 6:27 p.m.Rafael, já estou fazendo testes internos e está tudo funcionando
perfeitamente. Muito obrigado!
Att,Diego GiroletiCâmara Municipal de Esteio - RS
2015-06-26 10:03 GMT-03:00 Rafael Rodrigues Sponhardi <
rafaelsponhardi@hotmail.com>:> Olá Diego, localize os portlets no seu CSS. Na câmara de Guariba eles
> ficam na linha 180.
> Modifique com base no seguinte código:
> PS. todas as explicações estão como comentários no código, pode mante-las
> que não dará problema.
>
> /********** Tiles **********/
> /*********** Portlets ***********/
> /* general styles */
> .portletHeader,
> dl.portlet dt.portletHeader {
> background: #25528c; /*Cor do fundo, criando assim, a barra azul*/
> color: #ffffff;
> text-transform: uppercase; /*Todo e qualquer texto presente na barra
> ficará em caixa alta, pode ser dispensado.*/
> font-size: 12px; /*Tamanho da letra*/
> font-weight: 700; /*Largura da letra*/
> padding: 10px 15px; /*Padding faz um espaçamento interno no conteúdo, o
> 10px modifica a largura e o 15px a distância do texto para com a borda*/
> }
> .portletHeader a,
> dl.portlet dt.portletHeader a {
> color: #ffffff;
> }
> .portletHeader a:hover, /*a:hover quer dizer basicamente "ao passar o
> mouse sobre o item, faça:", no padrão daqui não faz nada, já que tudo é
> repetido, porém você pode aplicar efeitos de uppercase, trocar cor da
> letra, tamanho etc.*/
> dl.portlet dt.portletHeader a:hover {
> color: #fff !important;
> background: #25528c;
> font-size:12px;
> }
> .portlet {
> margin-bottom: 2em;
> padding: 0 10p;
> background: #fcfdfd;
> }
>
>
> A parte abaixo modifica os botões de envio e caixa de texto do PM,
> buscando tudo ficar parecido com as barras de menu. Como esse código não
> existe no CSS base, vá até o fim do código e acrescente-o lá.
>
> input { /*Modifica a caixa de texto (será bem visível no portlet de
> "acompanhe a câmara")*/
> margin: 4px;
> padding: 5px 1px;
> border: 1px solid #ccc;
> font-size: 12px;
> }
>
> input[type="submit"] { /*Codigo que modifica o input do 'submit' para um
> padrão mais bonito (submit são todos os botões do site que você envia um
> formulário, como login, cadastro, confirmação de dados etc.)*/
> color: #fff !important;
> border: none;
> background: #25528C;
> padding: 8px 15px;
> text-transform: uppercase;
> font-size: 12px;
> font-weight: 700; /*Largura letra*/
> }
>
>
>
> Att
> Rafael R Sponhardi
> CM Guariba
>
>
> ------------------------------
> Date: Thu, 25 Jun 2015 16:11:39 -0300
> From: d.giroleti@gmail.com
> To: gitec@listas.interlegis.gov.br
> Subject: [gitec] - Título dos menus/CSS
>
>
> Boa tarde!
>
> Alguém saberia informar onde eu preciso editar no CSS para deixar o título
> dos menus (Sobre a Câmara, Transparência, Leis, etc) parecido com os das
> Câmaras de Guariba (http://guariba.sp.leg.br/) e Apucarana (
>http://www.apucarana.pr.leg.br/), por exemplo?
>
> Obrigado.
>
> Diego Giroleti
> Câmara de Vereadores de Esteio - RS
>
> --
>
> -- Hist�rico do grupo:
>http://colab.interlegis.leg.br/search/?type=threadℴ=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
>
> --
> Histórico do grupo:
>http://colab.interlegis.leg.br/search/?type=threadℴ=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
> -
July 1, 2015, 2:46 p.m.Bom dia.
Fiz a mudança mais não aconteceu nada, e então deixei como estava antes.
Se possível alguma orientação por favor.
Abraços.
Em 26 de junho de 2015 15:27, Diego Giroleti
escreveu:> Rafael, já estou fazendo testes internos e está tudo funcionando
> perfeitamente. Muito obrigado!
>
> Att,
>
> Diego Giroleti
> Câmara Municipal de Esteio - RS
>
> 2015-06-26 10:03 GMT-03:00 Rafael Rodrigues Sponhardi <
> rafaelsponhardi@hotmail.com>:
>
>> Olá Diego, localize os portlets no seu CSS. Na câmara de Guariba eles
>> ficam na linha 180.
>> Modifique com base no seguinte código:
>> PS. todas as explicações estão como comentários no código, pode mante-las
>> que não dará problema.
>>
>> /********** Tiles **********/
>> /*********** Portlets ***********/
>> /* general styles */
>> .portletHeader,
>> dl.portlet dt.portletHeader {
>> background: #25528c; /*Cor do fundo, criando assim, a barra azul*/
>> color: #ffffff;
>> text-transform: uppercase; /*Todo e qualquer texto presente na barra
>> ficará em caixa alta, pode ser dispensado.*/
>> font-size: 12px; /*Tamanho da letra*/
>> font-weight: 700; /*Largura da letra*/
>> padding: 10px 15px; /*Padding faz um espaçamento interno no conteúdo, o
>> 10px modifica a largura e o 15px a distância do texto para com a borda*/
>> }
>> .portletHeader a,
>> dl.portlet dt.portletHeader a {
>> color: #ffffff;
>> }
>> .portletHeader a:hover, /*a:hover quer dizer basicamente "ao passar o
>> mouse sobre o item, faça:", no padrão daqui não faz nada, já que tudo é
>> repetido, porém você pode aplicar efeitos de uppercase, trocar cor da
>> letra, tamanho etc.*/
>> dl.portlet dt.portletHeader a:hover {
>> color: #fff !important;
>> background: #25528c;
>> font-size:12px;
>> }
>> .portlet {
>> margin-bottom: 2em;
>> padding: 0 10p;
>> background: #fcfdfd;
>> }
>>
>>
>> A parte abaixo modifica os botões de envio e caixa de texto do PM,
>> buscando tudo ficar parecido com as barras de menu. Como esse código não
>> existe no CSS base, vá até o fim do código e acrescente-o lá.
>>
>> input { /*Modifica a caixa de texto (será bem visível no portlet de
>> "acompanhe a câmara")*/
>> margin: 4px;
>> padding: 5px 1px;
>> border: 1px solid #ccc;
>> font-size: 12px;
>> }
>>
>> input[type="submit"] { /*Codigo que modifica o input do 'submit' para um
>> padrão mais bonito (submit são todos os botões do site que você envia um
>> formulário, como login, cadastro, confirmação de dados etc.)*/
>> color: #fff !important;
>> border: none;
>> background: #25528C;
>> padding: 8px 15px;
>> text-transform: uppercase;
>> font-size: 12px;
>> font-weight: 700; /*Largura letra*/
>> }
>>
>>
>>
>> Att
>> Rafael R Sponhardi
>> CM Guariba
>>
>>
>> ------------------------------
>> Date: Thu, 25 Jun 2015 16:11:39 -0300
>> From: d.giroleti@gmail.com
>> To: gitec@listas.interlegis.gov.br
>> Subject: [gitec] - Título dos menus/CSS
>>
>>
>> Boa tarde!
>>
>> Alguém saberia informar onde eu preciso editar no CSS para deixar o
>> título dos menus (Sobre a Câmara, Transparência, Leis, etc) parecido com os
>> das Câmaras de Guariba (http://guariba.sp.leg.br/) e Apucarana (
>>http://www.apucarana.pr.leg.br/), por exemplo?
>>
>> Obrigado.
>>
>> Diego Giroleti
>> Câmara de Vereadores de Esteio - RS
>>
>> --
>>
>> -- Hist�rico do grupo:
>>http://colab.interlegis.leg.br/search/?type=threadℴ=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
>>
>> --
>> Histórico do grupo:
>>http://colab.interlegis.leg.br/search/?type=threadℴ=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
>>
>
>
> --
> Histórico do grupo:
>http://colab.interlegis.leg.br/search/?type=threadℴ=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
>
--Daylton Lima Correia
Câmara Municipal de Glória
www.gloria.ba.leg.br
(75) 3656-2154 / 3656-2165