sexta-feira, 15 de março de 2013
quarta-feira, 18 de julho de 2012
Tabela regras
sexta-feira, 22 de junho de 2012
Textarea
As tags<TEXTAREA> ... <TEXTAREA> (área de texto) permite definir um campo de texto com várias linhas.
O atributo ROWS e COLUMNS definem o tamanho da área em que o visitante vai escrever, ROWS define o número de linhas da caixa de texto e COLUMNS o número de colunas, e o atributo COLS define quantos caracteres cada linha possui.
O atributo NAME define o nome da caixa de texto. Se você incluir o atributo WRAP=hard a sua caixa de texto não ira possuir uma barra de scroll horizontal.
O atributo ROWS e COLUMNS definem o tamanho da área em que o visitante vai escrever, ROWS define o número de linhas da caixa de texto e COLUMNS o número de colunas, e o atributo COLS define quantos caracteres cada linha possui.
O atributo NAME define o nome da caixa de texto. Se você incluir o atributo WRAP=hard a sua caixa de texto não ira possuir uma barra de scroll horizontal.
Caixa de Texto |
---|
<TEXTAREA NAME=comentarios ROWS=3 COLUMNS=37> Aqui você coloca o seu comentário </TEXTAREA> |
quarta-feira, 20 de junho de 2012
Imagem animada no cabeçalho
As vezes queremos incluir uma imagem animada como cabeçalho no blog. Só que no blogger, por padrão, quando incluímos uma imagem no Header, diretamente pelo HTML do template, a imagem fica sem animação, se apresenta de forma estática.
Portanto, caso você queira incluir uma imagem em gif, ou até mesmo uma animação em flash, você terá que incluir a imagem através dos elementos de página, para ver como faz, siga as orientações a seguir.
Entre no painel do Blogger, clique no menu “modelo”, entre na edição HTML do seu blog, NÃO marque “Expandir Modelos de Widgets”, para modificar o código que define o cabeçalho:
Procure por:
É óbvio que você não vai conseguir localizar esta parte: “title=’TITULO-DO-SEU-BLOG (Cabeçalho)”, porque onde está escrito “TITULO-DO-SEU-BLOG” é o título do seu blog, portanto, procure pela 1º linha que você conseguirá localizar a 2º linha logo abaixo
Salve as alterações e vá em “Layout”, você verá que abaixo do cabeçalho existe um campo para Adicionar Gadget.
Só que para você conseguir incluir uma imagem animada, terá que excluir o cabeçalho padrão, para posteriormente conseguir adicionar uma imagem para ficar como cabeçalho no seu blog.
Portanto, caso você queira incluir uma imagem em gif, ou até mesmo uma animação em flash, você terá que incluir a imagem através dos elementos de página, para ver como faz, siga as orientações a seguir.
Entre no painel do Blogger, clique no menu “modelo”, entre na edição HTML do seu blog, NÃO marque “Expandir Modelos de Widgets”, para modificar o código que define o cabeçalho:
Procure por:
Onde está escrito locked=’true’ troque por locked=’false’. onde está maxwidgets=’1′ , troque por maxwidgets=’5′; onde está showaddelement=’no’ , troque por showaddelement=’yes’; |
É óbvio que você não vai conseguir localizar esta parte: “title=’TITULO-DO-SEU-BLOG (Cabeçalho)”, porque onde está escrito “TITULO-DO-SEU-BLOG” é o título do seu blog, portanto, procure pela 1º linha que você conseguirá localizar a 2º linha logo abaixo
Salve as alterações e vá em “Layout”, você verá que abaixo do cabeçalho existe um campo para Adicionar Gadget.
Só que para você conseguir incluir uma imagem animada, terá que excluir o cabeçalho padrão, para posteriormente conseguir adicionar uma imagem para ficar como cabeçalho no seu blog.
No elemento cabeçalho, clique em “editar” e em seguida clique no botão “excluir”. Agora que você já excluiu o cabeçalho padrão e já tem a imagem que vai utilizar hospedada, clique em “adicionar gadget” e escolha >> HTML/Javascript e cole o código abaixo: |
Intro para Blog
Introdução ao blog é simples, mas pode ter mais itens, se o desejarem, será opção de todos, pois agora eu só colocar uma imagem de exibição, um botão para entrar e música de fundo.
E atenção, que só estará na capa do blog para não ser irritante para os leitores, por isso, quando operando em entradas de blog ou páginas da introdução não é visível
Agora vamos ver como colocá-lo, entra pela primeira vez Layout | Editar HTML e procure por este rótulo:
Depois justo embaixo copia e cola isto
E atenção, que só estará na capa do blog para não ser irritante para os leitores, por isso, quando operando em entradas de blog ou páginas da introdução não é visível
Agora vamos ver como colocá-lo, entra pela primeira vez Layout | Editar HTML e procure por este rótulo:
Depois justo embaixo copia e cola isto
segunda-feira, 18 de junho de 2012
MENU VERTICAL
Para colocar um menu vertical fazemos o seguinte
1) Vamos a Dising
2) Ediçao de HTML
3) procura ]]></b:skin> (tecleia Ctrl + F para buscar mais rápido)
4) Justo acima de ]]> cola o siguente código:
/* Menu nav<br>
----------------------------------------------- */
#nav,#nav li {
margin: 0;
padding: 0;
list-style: none;
}
#nav a {
width: 140px;
height: 27px;
background: url(http://i.imgur.com/5I0WY.gif) no-repeat;
color: #666;
display: block;
font: bold 12px/22px Arial, sans-serif;
text-decoration: none;
text-indent: 14px;
}
#nav a:hover {
background-position: 0 -27px;
color: #900;
text-decoration: none;
}
Agora vai Desing->Elementos da página->Adicionar um gadget ->HTML/Javsscript. Cola nele seguinte código:
<ul id="nav">
<li><a href="URL">Título</a></li>
<li><a href="URL">Título</a></li>
<li><a href="URL">Título</a></li>
<li><a href="URL">Título</a></li>
<li><a href="URL">Título</a></li>
</ul>
1) Vamos a Dising
2) Ediçao de HTML
3) procura ]]></b:skin> (tecleia Ctrl + F para buscar mais rápido)
4) Justo acima de ]]> cola o siguente código:
Agora vai Desing->Elementos da página->Adicionar um gadget ->HTML/Javsscript. Cola nele seguinte código:
Subscrever:
Mensagens (Atom)