Issuu on Google+

Portal Relacionamento LaRoche-Posay jQuery: •jquery.js - jQuery JavaScript Library v1.4.2 •plugins-jquery.js - Plugins usados no portal

JavaScript: •calsses.js - Funções javascript de todo o portal •DD_belatedPNG.js - Pra usar imagens png com transparencia no IE6 •iehover.js - script para o IE abrir/fechar o menu •sifr.js - Para estilixar fontes que não são padrões web. •SWFObject - Para inserir flash

Boxes Home: •Os método que controlam a interface dos boxs drag n' drop customizada pelo usuário estão em calsses.js. •Quando arrastadas pro campo maior (ao lado do banner flash), é carregado o arquivo [nome-seção]-top.ascx, e para outra região que o box é menor é carregado [nome-seção]regular.ascx. Eventos: •O calendario de eventos e a paginação é feita por ajax, o script encontra-se no aquivo classes.js comentado.

sIRF: •Para as fontes de títulos e subtítulos que não são de sistemas foi utilizado o plugin sifr.js, para estilização dessas fontes no html. •As classes possuem um padrão de nomenclatura: .sIFR-[referencia para classe], por ex: .sifr-title, .sifr-subtitle, .sifr-subtitle-right. •A estilização para essas classes são feitas por javascript no arquivo 'classes.js', para cada classe criada uma regra de formatação que inclui cor, fonte, alinhamento (no caso de links, o comportamento dos mesmos - hover, active). •No documento possui um exemplo de padrão que basta ser replicado e seguido para novas classes.

CSS: O arquivo default.css apresenta as classes padrão para todo o projeto. Segue descrição: •.left , .right , .nofloat : Classes para definir posicionamento dos elementos. •.clear , .clear-left , .clear-right , .clearfix : Classes para limpar propriedades de layout herdadas pelo elemento.


•.invisible , .hide , .hide-text , .hide-button , .hidden : Classes utilizadas para setar visibilidade dos elementos.

•.bold , .italic , .lower , .upper , .underline : Classes utilizadas para formatação padrão de texto. •.center , .align-left , .align-right , .align-justify : Classes utilizadas para formatar posicionamento de elementos.

•.first , .last , .bottom , .top : Classes utilizadas para ajustar margem e espaçamento entre os elementos.

•O arquivo datepicker.css apresenta formatação utilizada na estilização do elemento do jquery UI date picker. •O arquivo print.css apresenta formatação utilizada na estilização dos elementos caso sejam impressos. •O arquivo reset.css limpa a formatação dos elementos para que possam receber novas formatações sem ocorrer conflito entre navegadores. •O arquivo screen.css traz a formatação principal dos elementes do projeto. •Os arquivos style-ie6, style-ie7, style-ie8 trazem formatações necessárias apenas ao navegador Internet Explorer nas versões 6,7 e 8. Os arquivos para formatação do manager do projeto se encontram no diretório: “content\css\manager”. Este diretório hospeda os seguintes arquivos css: •colorpicker.css , datepicker.css , jquery.jcrop, jquery-calendar , uploadfy : Arquivos utilizados para formatações dos plugins jquery utilizados. •default.css : apresenta as classes padrão para formatação, utilizadas em todo manager. Importante frisar que este arquivo contém as classes col100 à col900 que são os grids pelo qual são organizados os elementos. •manager-ie6.css : Contém ajustes de formatação necessários somente ao Internet Explorer 6. •Os arquivos manager.css e extras.css são responsáveis pela formatação principal do manager.


teste