Calendário de Eventos - Florianópolis - Widgets do Calendário Floripa

Início » Widgets do Calendário Floripa

Conteúdo do Calendário Floripa
no seu site

Agora você pode ter o conteúdo do Calendário Floripa em seu site!!! Basta inserir um pequeno código fornecido pelo Calendário Floripa no seu site para oferecer aos seus leitores a agenda completa de eventos que acontecem em Florianópolis, repleta de sessões gratuitas de cinema, peças teatrais, shows musicais, eventos esportivos, exposições, cursos e muito mais. Exiba no seu site informações atualizadas sobre os próximos eventos da cidade através dos widgets oferecidos pelo Calendário Floripa!!

O que são widgets?

Widgets são ferramentas que você pode inserir no seu site ou blog para exibir informações e conteúdos produzidos por outros sites, que neste caso é o conteúdo do Calendário Floripa.

O Widget é colocado em seu site de forma simples e rápida, atualizando-se automáticamente. Basta inserir o código fornecido abaixo na ferramenta de edição do seu site para oferecer aos seus usuários as informações de eventos que você encontra aqui no Calendário Floripa.

É fácil, é rápido, é gratis! Escolha já o seu!

Como colocar o widget no seu site?

Adicionar o conteúdo do Calendário Floripa em seu blog ou site é simples. Em poucos minutos é possível configurar sua página, basta copiar o código, colar e pronto!

Confira a seguir as instruções passo a passo para colocar o widget no seu site:

Escolha o modelo de Widget
Clique em "Código"
Copie o código HTML
Cole o código em uma página HTML do seu website

Widgets Calendário Floripa - todos os modelos

O Calendário Floripa oferece Widgets em diversos formatos, você pode escolher o mais adequado para seu site. Escolha o(s) widget(s) que mais combina(m) com o desenho do seu site ou blog e personalize o tamanho e o tipo de conteúdo que deseja exibir.

Primeira Página - 2 modelos disponíveis
Formato Horizontal - 2 modelos disponíveis
Formato Vertical - 3 modelos disponíveis

Widget Calendário Floripa - Primeira Página exibe automáticamente em seu site ou blog o mesmo conteúdo que se encontra na página principal do Calendário Floripa, eventos em ordem cronológica, e inclui as 100 primeiras publicações da página de início. O tamanho deste widget é ajustado automáticamente para se adaptar à sua página e tem a opção de mudar a cor de fundo. Há 2 modelos disponíveis.

Widget Calendário Floripa - Horizontal e Vertical exibem materiais em forma aleatória.
O Formato Horizontal tem tamanho fixo de altura e pode ser ajustado a qualquer largura que você precise.
O Formato Vertical tem tamanho fixo de largura e pode ser ajustado a qualquer altura que você precise.

Tabela dos componentes de cada modelo dos Widgets do Calendário Floripa

Formato	Modelo	Ordem	Conteúdo	Largura	Altura	№
Horizontal	1	Aleatória	Imagem	Ajustável	90px fixo	15
Horizontal	2	Aleatória	Imagem+Titulo	Ajustável	200px fixo	16
Vertical	1	Aleatória	Imagem	120px fixo	Ajustável	9
	2	Aleatória	Imagem	160px fixo	Ajustável	13
	3	Aleatória	Imagem	240px fixo	Ajustável	9
Primeira Página	1	Cronológica	Imagem+Titulo+Data+Valor do Ingresso	Ajustável	Ajustável	7
Primeira Página	2	Cronológica	Imagem+Texto(completo)	Ajustável	Ajustável	8

Opções para mudar o código:

width = largura do Widget, coloque em valores absolutos (pixels px) ou em percentual (%)
height = altura do Widget, coloque em valores absolutos (pixels px) ou em percentual (%)
background - cor de fundo do Widget, por exemplo: #FFFFFF (branco), none (trasparente)

O que são widgets?

Widgets Calendário Floripa é uma maneira de colocar no seu site informações atualizadas sobre os próximos eventos da cidade.

>> Saiba mais

Como insiro no meu site?

Basta copiar o código-fonte do widget fornecido pelo Calendário Floripa e colá-lo na região de seu site onde você quer que ele fique.

>> Veja como

Widgets Calendário Floripa

Você pode ter em seu próprio site o conteúdo do Calendário Floripa mediante Widgets em diversos formatos:

- Primeira Página
- Horizontal
- Vertical

>> Ver todos modelos

Aviso: O Calendário Floripa informa que pode mudar o conteúdo dos widgets sem aviso prévio

Você pode ter a agenda mais completa da cidade em seu próprio site!! Veja os modelos de Widgets Calendário Floripa!
Escolha já o seu!

Veja exemplos e Códigos de todos os modelos de Widgets do Calendário Floripa:

Horizontal - 2 modelos disponíveis
Vertical - 3 modelos disponíveis
Primeira Página - 2 modelos disponíveis

Widget Calendário Floripa - Formato Horizontal

Ordem aleatória, altura fixa, largura ajustável (recomendável de 728px), pode ser ajustada a qualquer largura que você precise.

width = largura do Widget. Para mudar a largura coloque em valores absolutos (pixels px) ou em percentual (%).

Código:

<!-- Widget Calendário Floripa -->
<iframe width="728px" height="90px" allowtransparency="yes" frameborder="0" scrolling="no" src="http://calendariofloripa.com/doc/Widget-Horizontal-1.html" style="border-radius:8px;border:1px solid #aaaaaa;"></iframe>
<!-- Widget Calendário Floripa -->

Modelo 1 - 90px de altura

Veja exemplos do mesmo código com diferentes larguras:


\|<- - - - - - - - - - - - - - - - - - - - - - -	728px (recomendável)	- - - - - - - - - - - - - - - - - - - - - - ->\|


\|<- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	ajuste automático 100%	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->\|

Código:

<!-- Widget Calendário Floripa -->
<iframe width="728px" height="200px" allowtransparency="yes" frameborder="0" scrolling="no" src="http://calendariofloripa.com/doc/Widget-Horizontal-2.html"></iframe>
<!-- Widget Calendário Floripa -->

Modelo 2 - 200px de altura

Veja exemplos do mesmo código com diferentes larguras:


\|<- - - - - - - - - - - - - - - - - - - - - - -	728px (recomendável)	- - - - - - - - - - - - - - - - - - - - - - ->\|


\|<- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	1024px (recomendável), ajuste automático 100%	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ->\|

Widget Calendário Floripa - Formato Vertical

Ordem aleatória, largura fixa, altura ajustável (recomendável de 600px), pode ser ajustada a qualquer altura que você precise.

height = altura do Widget. Para mudar altura coloque em valores absolutos (pixels px) ou em percentual (%).

Modelo 1 - 120px de largura

Código:

<!-- Widget Calendário Floripa -->
<iframe width="120px" height="600px" allowtransparency="yes" frameborder="0" scrolling="no" src="http://calendariofloripa.com/doc/Widget-Vertical-1.html" style="border-radius:8px;border:1px solid #aaaaaa;"></iframe>
<!-- Widget Calendário Floripa -->

Modelo 2 - 160px de largura

Código:

<!-- Widget Calendário Floripa -->
<iframe width="160px" height="600px" allowtransparency="yes" frameborder="0" scrolling="no" src="http://calendariofloripa.com/doc/Widget-Vertical-2.html" style="border-radius:8px;border:1px solid #aaaaaa;"></iframe>
<!-- Widget Calendário Floripa -->

Modelo 3 - 240px de largura

Código:

<!-- Widget Calendário Floripa -->
<iframe width="240px" height="600px" allowtransparency="yes" frameborder="0" scrolling="no" src="http://calendariofloripa.com/doc/Widget-Vertical-3.html" style="border-radius:8px;border:1px solid #aaaaaa;"></iframe>
<!-- Widget Calendário Floripa -->

Widget Calendário Floripa - Primeira Página

Exibe automáticamente em seu site o mesmo conteúdo que se encontra na página principal do Calendário Floripa, eventos em ordem cronológica. Inclui as 100 primeias publicações da página de início.

O tamanho deste widget é ajustado automáticamente para se adaptar à sua página e tem a opção e mudar a cor de fundo.

width = largura do Widget. Para mudar largura coloque em valores absolutos (pixels px) ou em percentual (%)
height = altura do Widget. Para mudar altura coloque em valores absolutos (pixels px) ou em percentual (%)
background - cor de fundo do Widget, por ejemplo: #FFFFFF (branco), none (trasparente)

Modelo 1 - Inclui Imagem+Titulo+Data+Valor do Ingresso

Veja os exemplos do mesmo código com diferentes cores de fundo, larguras e alturas:

300px de largura x 600px de altura, fundo branco:	250px de largura x 300px de altura, fundo transparente: Código: <!-- Widget Calendário Floripa --> <iframe width="300px" height="600px" allowtransparency="yes" frameborder="0" src="http://calendariofloripa.com/doc/Widget-Universal.html" style="overflow-x: hidden;background:#FFFFFF;"></iframe> <!-- Widget Calendário Floripa -->
	600px de largura x 400px de altura, fundo azul:

Modelo 2 - Inclui Imagen+Texto(completo)

Código:

<!-- Widget Calendário Floripa -->
<iframe width="100%" height="600px" allowtransparency="yes" frameborder="0" src="http://calendariofloripa.com/index/0-8" style="overflow-x: hidden;background:#FFFFFF;"></iframe>
<!-- Widget Calendário Floripa -->