Menus Flutuante
A página é rolada e o menu fica parado a espera do navegador.
primeiro passo:
Entre no blog de edição
Selecione modelo
Entre no blog de edição
Selecione modelo
Próximo passo selecionar a fórmula abaixo.
Se pretende usar estes menus para outra finalidade, trocar somente de cada menu o http: (um exemplo em vermelho), e trocar o título (em azul)
Cada seguimento deste é um menu
Se quer menos menu, só deletar cada conjunto (exemplo em laranja)
Após alteração e selecionado, agora copie.
observação: não pode deletar as fórmulas em (roxo)
<div
id='float_corner'>
<button><a
href='http://aspromib3.blogspot.com.br/2013/04/enquanto-estamos-montando-o-quadro-da.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;' verdana='verdana'><i>NOSSO
PROJETO</i></span></b></a></button>
<button><a
href='http://aguiarponte2.blogspot.com.br/2013/03/novos-lancamentos.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:' font-size:='font-size:'
large='x-small' sans-serif='sans-serif' style='color: #e69138; font-family:
Verdana, sans-serif;' verdana='verdana'><i>NOVOS
LANÇAMENTOS</i></span></b></a></button>
<button><a
href='http://pescadordoreino.blogspot.com.br/2013/04/curiosidades.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;' verdana='verdana'><i>CURIOSIDADES</i></span></b></a></button>
<button><a
href='http://aguiarponte4.blogspot.com.br/2013/04/blog-post.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;'
verdana='verdana'><i>VIDEO-AULAS</i></span></b></a></button>
<button><a
href='http://aguiarponte3.blogspot.com.br/2013/03/humor.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;'
verdana='verdana'><i>HUMOR</i></span></b></a></button>
<button><a
href='http://aspromb.blogspot.com.br/2013/03/enganadores.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;'
verdana='verdana'><i>ENGANADORES</i></span></b></a></button>
<button><a
href='http://aspromib.blogspot.com.br/2013/03/missoes.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;' verdana='verdana'><i>MISSÕES</i></span></b></a></button>
<button><a
href='http://aguiarponte.blogspot.com.br/2012/12/blog-post_1015.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;'
verdana='verdana'><i>FILOSOFIA DE
FRANCISCO</i></span></b></a></button>
<button><a
href='http://aguiarponte6.blogspot.com.br/2013/04/blog-post.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;'
verdana='verdana'><i>MÚSICAS DE
FESTAS</i></span></b></a></button>
<button><a
href='http://aguiarponte1.blogspot.com.br/2013/04/blog-post.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' large='x-small' sans-serif='sans-serif' style='color:
#e69138; font-family: Verdana, sans-serif;' verdana='verdana'><i>INVENTOS
DE FRANCISCO</i></span></b></a></button>
<button><a
href='http://aguiarponte7.blogspot.com.br/2013/04/blog-post.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' sans-serif='sans-serif' style='color: #e69138;
font-family: Verdana, sans-serif;' verdana='verdana'
x-small='x-small'><i>DOWNLOAD</i></span></b></a></button>
<button><a
href='http://aspromib2.blogspot.com.br/2013/04/ligue-cobrar-55-061-8453-9064-oi-55-061.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:' font-size:='font-size:'
sans-serif='sans-serif' style='color: #e69138; font-family: Verdana,
sans-serif;' verdana='verdana'
x-small='x-small'><i>CONTATOS</i></span></b></a></button>
<button><a
href='http://aspromib5.blogspot.com.br/2013/04/blog-post.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' sans-serif='sans-serif' style='color: #e69138;
font-family: Verdana, sans-serif;' verdana='verdana'
x-small='x-small'><i>LUCINHA</i></span></b></a></button>
<button><a
href='http://aspromib4.blogspot.com.br/2013/04/blog-post.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' sans-serif='sans-serif' style='color: #e69138;
font-family: Verdana, sans-serif;' verdana='verdana'
x-small='x-small'><i>NEGÓCIOS</i></span></b></a></button>
<button><a
href='http://aspromib1.blogspot.com.br/2013/04/inscreva-se.html'><b><span
color:='color:' e69138='e69138' font-family:='font-family:'
font-size:='font-size:' sans-serif='sans-serif' style='color: #e69138;
font-family: Verdana, sans-serif;' verdana='verdana'
x-small='x-small'><i>INSCREVA-SE</i></span></b></a></button>
</div>
Alerto que estes tipos de botões não rodam direito em alguns navegadores
Alerto que estes tipos de botões não rodam direito em alguns navegadores
COLAR ACIMA DE:
</body>
Acima de onde foi localizado: </body>
Cole a fórmula selecionada e copiada.
Com a mesma página do HTML aberto, escreva substituindo </body> por ]]></b:skin>
selecione esta fórmula e copie:
Salvar modelo
Cole a fórmula selecionada e copiada.
Com a mesma página do HTML aberto, escreva substituindo </body> por ]]></b:skin>
selecione esta fórmula e copie:
#float_corner
{
position:fixed;_position:absolute;bottom:0px;left
:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft
+ document.documentElement.clientWidth - offsetWidth);}
Se usar o comando "top" (acima) vai travar, testei e funcionou bem "left" (esquerda)
Se usar o comando "top" (acima) vai travar, testei e funcionou bem "left" (esquerda)
Organizando menus
Desta forma que está a fórmula, coloca na horizontal, uma após a outra, levando para linha inferior somente quando não couber mais na horizontal:
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO, SUGESTÃO, PERGUNTAS...</i></span></b></a></button> segue: |
Se desejar colocar em colunas, uma sobre as outra, acrescente <br /> a frente da fórmula superior:
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO, SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO, SUGESTÃO, PERGUNTAS...</i></span></b></a></button>
segue:
Se a frase é muita extensa, cole onde deseja criar o parágrafo <br />:
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button>
segue:
ou:
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER,<br /> RECLAMAÇÃO,<br /> SUGESTÃO,<br /> PERGUNTAS...</i></span></b></a></button>
segue:
segue:
Se deseja alinhar ao centro, escreva esta fórmula antes da fórmula do menu: <div style="text-align: center;">
<div style="text-align: center;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
segue:
Se deseja alinhar a direita, mude center por right
<div style="text-align: right;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
segue:
<div style="text-align: right;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
segue:
A fórmula <div style="text-align: center;">, ou <div style="text-align: right;">, tem que ser coladas acima de todos menus:
<div style="text-align: right;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
<div style="text-align: right;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
........sucessivamente.......
segue:
Alinhar a esquerda é só deletar a fórmula cabeça.
Se deseja mudar a cor da letra, em Google procure por "tabela de cores html"
segue:
<div style="text-align: right;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #215E21; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
segue:
segue:
Selecione a cor desejada, exemplo abaixo #215E21 (não selecione aspas), copie:
Selecione a cor anterior #e69138 e cole a copiada:
<div style="text-align: right;">
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #e69138; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
segue:
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #215E21; font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button><br />
segue:
Se se desejar diminuir o tamanho das letras, substituir:
font-size: 6pt
font-size: 6pt
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span colocar aqui 6pt="" color:="color:" e69138="e69138" font-family:="font-family:" font-size:="font-size:" sans-serif="sans-serif" style="color: #215E21; (substituir font-family: Verdana, sans-serif por font-size: 6pt) font-family: Verdana, sans-serif;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button>
fica assim:
fica assim:
<button><a href="http://aspromib10.blogspot.com.br/2013/04/escrever-reclamar-sugerir-perguntar.html"><b><span 6pt="" color:="color:" e69138="e69138" font-size:="" style="color: #215e21; font-size: 6pt;" verdana="verdana" x-small="x-small"><i>ESCREVER, RECLAMAÇÃO,<br /> SUGESTÃO, PERGUNTAS...</i></span></b></a></button>
Segue:
Ou font-size: 4pt
segue:
Como colocar auditória em textos usando o HTML
Observe esta fórmula:
<a href="http://www.blogger.com/blogger.g?blogID=7188698157657558144" title=" A minha gratidão e alegria, A esse amor que gera vida e sintonia. Amor que suporta a dor que é generoso, Que nos convida amar com o seu jeito carinhoso. Que nos chama a nossa atenção, Quando precisamos de correção. Que acorda de manhã cedo, Querendo ver seu filho sem nenhum segredo. Mãe, Que compartilha sua vida. Na sua mensagem querida, Mãe que é capaz de abrir mão de tudo, Pra viver o seu sentimento mais profundo. No seu dia a dia, É alguém tão especial que irradia. Mãe, Admiro-te muito pelo seu desprendimento, Pois você também é a minha vida e o meu momento. gospel10.com/poesias "><span style="border: color: #eec852; font-family: font-size: 16px; font-style: inherit; padding: 10px; "><i>Missionário</i></span></a>
Escreva o texto, onde pretende colocar a fórmula, digite xxxxxxxxxxxxxxxxxxxxx
selecione, copie, aperte ctrl F de seu teclado e cole na caixa de busca.
assim:
Entre no HTML e localize ESTOU AQUI, Selecione, copie toda a formula, (antes mude o texto) e cole
selecione, copie, aperte ctrl F de seu teclado e cole na caixa de busca.
assim:
ESTOU AQUI quando passar o mouse acima aparece a mensagem.