Saiba o que é e como utilizar o aplicativo Luz Sobre Tela. - Know what the Luz Sobre Tela is and how to use it.
sábado, 8 de janeiro de 2011
segunda-feira, 3 de janeiro de 2011
ESTENDENDO A BARRA LATERAL DO SEU BLOG PARA APRESENTAÇÃO CORRETA DO QUADRO DE PINTURA (PASSO A PASSO)
Esta postagem descreve passo a passo como alterar a largura da barra lateral do seu blog para no mínimo "415", que é a menor largura lateral onde a tela de desenho do nosso aplicativo se apresenta corretamente.
Passo 01:
Tal como na instalação do site no seu blog, vá para a opção "Design" do menu principal no panel de gerenciamento. Lá busque a sub aba "Designer do modelo", tal como na figura abaixo:
Veja a imagem em tamanho natural aqui.
Passo 02
O passo anterior o levará para a tela "Designer de modelo do Blogger", lá selecione a opção "Ajustar larguras" no menu lateral, tal como na imagem abaixo:
Veja a imagem em tamanho natural aqui.
Passo 03:
Neste momento suas opções de ajuste de tela podem variar em função do layout padrão que você selecionou, mas daqui para frente é tudo bastante intuitivo. No caso do layout simples você terá a sua frente as opções de ajustar a largura do blog como um todo ou ajustar apenas a barra lateral direita, tal como nas imagens:
Veja a imagem em tamanho natural aqui.
Veja a imagem em tamanho natural aqui.
É importante frizar que ao alargar a barra lateral sem fazer o mesmo na largura geral do blog você estará estreitando a barra principal. Para evitar isto você deve adicionar a mesma quantidade de pixels em ambas as opções de edição. Por exemplo, se você pretende alargar a barra lateral para "415" pixels (recomendável para a apresentação correta do Luz Sobre Tela) e os valores eram "700" na largura geral e "200" na largura lateral, os novos valores serão "915" e "415" respectivamente (adicionados "215" pixels em ambas as barras).
Passo 04:
Concluidas todas as etapas anteriores, basta agora aplicar as alterações. Isto é feito clicando-se no botão "APLICAR AO BLOG", tal como na figura abaixo:
Veja a imagem em tamanho natural aqui.
Passo 01:
Tal como na instalação do site no seu blog, vá para a opção "Design" do menu principal no panel de gerenciamento. Lá busque a sub aba "Designer do modelo", tal como na figura abaixo:
Veja a imagem em tamanho natural aqui.
Passo 02
O passo anterior o levará para a tela "Designer de modelo do Blogger", lá selecione a opção "Ajustar larguras" no menu lateral, tal como na imagem abaixo:
Veja a imagem em tamanho natural aqui.
Passo 03:
Neste momento suas opções de ajuste de tela podem variar em função do layout padrão que você selecionou, mas daqui para frente é tudo bastante intuitivo. No caso do layout simples você terá a sua frente as opções de ajustar a largura do blog como um todo ou ajustar apenas a barra lateral direita, tal como nas imagens:
Veja a imagem em tamanho natural aqui.
Veja a imagem em tamanho natural aqui.
É importante frizar que ao alargar a barra lateral sem fazer o mesmo na largura geral do blog você estará estreitando a barra principal. Para evitar isto você deve adicionar a mesma quantidade de pixels em ambas as opções de edição. Por exemplo, se você pretende alargar a barra lateral para "415" pixels (recomendável para a apresentação correta do Luz Sobre Tela) e os valores eram "700" na largura geral e "200" na largura lateral, os novos valores serão "915" e "415" respectivamente (adicionados "215" pixels em ambas as barras).
Passo 04:
Concluidas todas as etapas anteriores, basta agora aplicar as alterações. Isto é feito clicando-se no botão "APLICAR AO BLOG", tal como na figura abaixo:
Veja a imagem em tamanho natural aqui.
quinta-feira, 30 de dezembro de 2010
INSTALANDO NO SEU SITE (PASSO A PASSO)
Passo 01 (único):
A instalação em um site genérico é feita diretamente em html.
Funciona basicamente da seguinte forma; o webmaster do site em questão copia um trecho de código específico conectado ao servidor Luz Sobre Tela e passa dentro deste trecho uma variável especial que o identifica e evita que outras pessoas escrevam no seu site de fora dele.
Segue o código em questão:
-
-
Cole na área onde deseja que a tela de desenho apareça, edite as variáveis "<altura>" e " " para o valor que desejar (lembrando que 205 e 355 são os valores mínimos para que o aplicativo se apresente corretamente e que estes campos aceitam valores percentuais como 20%, 100%, etc), e aplique o identificador único do seu site na variável " <identificador>
Caso o seu site possa propriedades dinâmicas (alterável em servidor), preferencialmente, para que outras pessoas não possam escrevam no seu site sem acessá-lo, é conveniente que a variável identificadora não seja estática, mas possua sua identidade atualizada dinâmicamente pelo servidor.
A instalação em um site genérico é feita diretamente em html.
Funciona basicamente da seguinte forma; o webmaster do site em questão copia um trecho de código específico conectado ao servidor Luz Sobre Tela e passa dentro deste trecho uma variável especial que o identifica e evita que outras pessoas escrevam no seu site de fora dele.
Segue o código em questão:
-
-
Cole na área onde deseja que a tela de desenho apareça, edite as variáveis "<altura>
Caso o seu site possa propriedades dinâmicas (alterável em servidor), preferencialmente, para que outras pessoas não possam escrevam no seu site sem acessá-lo, é conveniente que a variável identificadora não seja estática, mas possua sua identidade atualizada dinâmicamente pelo servidor.
INSTALANDO NO SEU BLOG (PASSO A PASSO)
Passo 01:
Vá para ao menu principal do seu painel de gerenciamento. Com isso você será levado a uma nova tela usada para gerenciar os componentes do seu blog e cuja aba intitula-se "Design". Lá selecione a opção "Adicionar um Gadget", presente em vários pontos da estrutura em que seu site está enquadrado. Seria algo como na figura abaixo:
Veja a imagem em tamanho natural aqui.
Passo 02:
Ao clicar em "Adicionar um Gadget" surgirá um popup com uma lista de Gadgets predefinidos.
Caso o "Luz Sobre Tela" esteja na lista clique nele, caso contrário não se preocupe, clique em "Adicionar meu próprio" como na figura abaixo:
Clique aqui para ver a imagem em tamanho natural.
Passo 03:
Ao clicar em "Adicionar meu próprio" você vera um campo onde deve informar uma URL (um endereço de algo na internet) desta forma:
Veja em tamanho natural aqui.
Coloque este endereço "http://www.luzsobretela.com/index.xml" no campo em questão.
Veja em tamanho natural aqui.
Feito isto, clique no botão "ADICIONAR POR URL", isto o levará para uma tela de configuração do Gadget. Certifique-se de que o aplicativo foi carregado corretamente e altere o campo "Altura" para 205 pixels (por padrão este campo conterá 200 pixels), pois esta é a altura mínima para que o Luz Sobre Tela apresente-se corretamente (está precaução não é obrigatória, mas conveniente). A tela ficará desta forma:
Veja em tamanho natural aqui.
Feito isto clique no botão "SALVAR" e visualize o blog para testar o novo aplicativo em atividade.
OBS:
Caso deseje inserir o Luz Sobre Tela na barra lateral do seu blog, por conveniência, certifique-se de que está tem pelo menos 415 pixels de largura (o exemplo de Gadget Luz Sobre Tela ao lado está em tamanho mínimo)
Vá para ao menu principal do seu painel de gerenciamento. Com isso você será levado a uma nova tela usada para gerenciar os componentes do seu blog e cuja aba intitula-se "Design". Lá selecione a opção "Adicionar um Gadget", presente em vários pontos da estrutura em que seu site está enquadrado. Seria algo como na figura abaixo:
Veja a imagem em tamanho natural aqui.
Passo 02:
Ao clicar em "Adicionar um Gadget" surgirá um popup com uma lista de Gadgets predefinidos.
Caso o "Luz Sobre Tela" esteja na lista clique nele, caso contrário não se preocupe, clique em "Adicionar meu próprio" como na figura abaixo:
Clique aqui para ver a imagem em tamanho natural.
Passo 03:
Ao clicar em "Adicionar meu próprio" você vera um campo onde deve informar uma URL (um endereço de algo na internet) desta forma:
Veja em tamanho natural aqui.
Coloque este endereço "http://www.luzsobretela.com/index.xml" no campo em questão.
Veja em tamanho natural aqui.
Feito isto, clique no botão "ADICIONAR POR URL", isto o levará para uma tela de configuração do Gadget. Certifique-se de que o aplicativo foi carregado corretamente e altere o campo "Altura" para 205 pixels (por padrão este campo conterá 200 pixels), pois esta é a altura mínima para que o Luz Sobre Tela apresente-se corretamente (está precaução não é obrigatória, mas conveniente). A tela ficará desta forma:
Veja em tamanho natural aqui.
Feito isto clique no botão "SALVAR" e visualize o blog para testar o novo aplicativo em atividade.
OBS:
Caso deseje inserir o Luz Sobre Tela na barra lateral do seu blog, por conveniência, certifique-se de que está tem pelo menos 415 pixels de largura (o exemplo de Gadget Luz Sobre Tela ao lado está em tamanho mínimo)
terça-feira, 28 de dezembro de 2010
COMO FUNCIONA?
Trata-se de um aplicativo bem simples. Existem apenas duas ferramentas, a borracha e a caneta.
A borracha tem largura e cor fixa (ausência de... ), já a caneta é variável.
Para variar a largura da caneta é preciso clicar no botão onde ela pode ser selecionada, só que precionando continuamente a tecla Ctrl. Quando fizer isto vai surgir um "dosador" onde é possível selecionar larguras entre 1 e 20. Com a largura selecionada clique novamente no botão da caneta para omitir este dosador.
A tarefa de selecionar a cor desejada também é bem simples, basta clicar em um pequeno quadro de cor igual a atual da caneta que você está usando. Neste momento pararecerá um mosaico de cores a serem selecionadas.
No mais é só clicar na tela em branco e escrever o que quiser...
A borracha tem largura e cor fixa (ausência de... ), já a caneta é variável.
Para variar a largura da caneta é preciso clicar no botão onde ela pode ser selecionada, só que precionando continuamente a tecla Ctrl. Quando fizer isto vai surgir um "dosador" onde é possível selecionar larguras entre 1 e 20. Com a largura selecionada clique novamente no botão da caneta para omitir este dosador.
A tarefa de selecionar a cor desejada também é bem simples, basta clicar em um pequeno quadro de cor igual a atual da caneta que você está usando. Neste momento pararecerá um mosaico de cores a serem selecionadas.
No mais é só clicar na tela em branco e escrever o que quiser...
INTRODUÇÃO (O QUE É ISSO?)
Olá, este blog foi criado com o objetivo de definir, demonstrar e ensinar a usar o aplicativo "Luz Sobre Tela".
A princípio o que podemos dizer é que trata-se de uma ferramenta interativa de comunicação e expressão visual onde todos os usuários da Internet navegando em um determinado site que esteja usando tal aplicativo possam desenhar em uma "folha em branco coletiva". Tudo que um desenhar é compartilhado instantaneamente com os demais como pode ser visualizado nas demonstrações acima e ao lado.
É importante frizar que cada site ou domínio no Luz Sobre Tela é único e só compartilha os desenhos dos usuários dele mesmo (os quadros no canto direito e superior da tela compartilham informações entre se pois estão no mesmo espaço, mas não com o resto dos usuários do serviço). Porém, existem duas maneiras de instalar esta ferramenta no seu site ou blog (para mais detalhes aguarde nova postagem); via Gadget, caso seja um blog google (Blogger / Blogspot) ou diretamente via html, caso trate-se de um site independente ou um blog provido por outro serviço. Via html esta propriedade de domínio único é mais flexível (a depender da vonta do webmaster de cada site).
É importante frizar que cada site ou domínio no Luz Sobre Tela é único e só compartilha os desenhos dos usuários dele mesmo (os quadros no canto direito e superior da tela compartilham informações entre se pois estão no mesmo espaço, mas não com o resto dos usuários do serviço). Porém, existem duas maneiras de instalar esta ferramenta no seu site ou blog (para mais detalhes aguarde nova postagem); via Gadget, caso seja um blog google (Blogger / Blogspot) ou diretamente via html, caso trate-se de um site independente ou um blog provido por outro serviço. Via html esta propriedade de domínio único é mais flexível (a depender da vonta do webmaster de cada site).
Assinar:
Postagens (Atom)