Myspace Backgrounds

menu imagem de lado da página

<a class="icomenu" href="https://mail.google.com/mail/?shva=1#buzz/106843842201827467318" style="left: 2px; position: fixed; top: 80px;" target="_blank"><br /> <img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrBMV5jSj13PAfgiy9zRFHeZIpwE6w-k4iZrRYJrm7tiyBlExPdCmnPKsxFvuDeBxgS7XXP7PoQ779wqwXMW3XrU6VtRf_jl2HTBIX5Puo-50OlN6_AKFIpLVp8wtiTEvgpPvOK5lJU7Q/s1600/icontexto-webdev-google-buzz.png" title="Google Buzz" width="48" /></a> <br /> <br /> <br /> <a class="icomenu" href="http://technorati.com/blogs/templateseacessorios.blogspot.com" style="left: 2px; position: fixed; top: 130px;" target="_blank"><br /> <img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDIZh9k5EyRGiqYsN-CVndyz2fknFvHz7n6GQQrEBJF8c9Hv__BS74lPCP9YXaX49oQsndDCyqclNc0aEiOkkJ-e8nA5wWRgr1gHQFib-70gO-Oqn0393u-PX9lPbDoDxmaTvfL0OgnRo/s1600/icontexto-webdev-social-bookmark-06-048x048.png" title="Technoraty" width="48" /></a><br /> <br /> <br /> <a class="icomenu" href="http://blogblogs.com.br/usuario/elkedibarros" style="left: 2px; position: fixed; top: 180px;" target="_blank"><br /> <img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9fvFzslRGpqPh2-3ODuFnaI55-5-URwFYDLk9l0-iCVohSTy-QhVjOIvyH0Hp3w2h1BoS9vd_BqgR4rVxak_nmAXzkMFA-KRYDtNj9Uq7RxuuHnC5GK-bnROyhFqvlCVkcO9rK_im_kI/s1600/icontexto-webdev-social-bookmark-blogblogs.png" title="BlogBlogs" width="48" /></a><br /> <br /> <br /> <br /> <br /> <a class="icomenu" href="http://twitter.com/elkedibarros" style="left: 2px; position: fixed; top: 230px;" target="_blank"><br /> <img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBO3IloXnz-LsBDjvo-gnkmOpJlocw0nOfGz9Z64sYKeatGrmhooX7wFrz-UGIEQGwhMygSAhOvvgS_Qz0xP7DCqQEjFBjhXOy_aMQ6W_AE_URngtq4OoC-x6FzHJEuk28sclNJkcxZaM/s1600/icontexto-twitter-54x54.png" title="Siga-me" width="48" /></a><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a class="icomenu" href="http://www.blogger.com/home" style="left: 2px; position: fixed; top: 380px;" target="_blank"><br /> <img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLV3Bt-RhKAnmM4Vh0tIOryDM78z9p4tRDwGmLw_0IRJhBPk0dJpDCJOBGGkybxuMeMT5nUnuXWQXyis0rZXYJa0eSzdK4hKis6o3RPzf9Xvg6jgAKilCfl78C1HEeidrpiHU_mQKHKKU/s1600/icontexto-webdev-contact-048x048.png" title="Email" width="48" /></a><br /> <br /> <br /> <div class="clear"></div><div class="icomenu"><a class="icomenu" href="http://www.addthis.com/bookmark.php?v=250&username=xa-4be07cd1551d2068" style="left: 2px; position: fixed; top: 330px;" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0ENhECqe82RNTlDy-O4ZVXtuhd2lR40GqMxSPVHzDpQ4nSzYgG9xbEbfhGMev4sNd1t9ZbyW5kx1y-qoq8FeP938P67E79G3sy3Yrx3qhZu0BBFS6Rmseu4lKj4jSEzOjZFtSKoldoA/s1600/icontexto-webdev-favorites-048x048.png" /><script src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4be07cd1551d2068" type="text/javascript"> </script></a></div></h1><br />

e>Content navigation tab - pagecolumn.com

coloque aqui o texto 1 alex.com

coloque aqui o texto 2

coloque aqui o texto 3

coloque aqui o texto 4

• tab 1
• tab 2
• tab 3
• tab 4

TV CARAS

CARAS NO TEATRO: André Gonçalves apresenta peça PAPO DE MISS: Larissa Costa e Leila Schuster na Ilha + VÍDEOS

Twitter Siga os passos das estrelas no @portalcaras

Amor Não é impossível encontrar um amor no carnaval

Moda Spring 2010: Donna Karan

Upload - Sistema By Wiliam

Descrição: Se você tem muito conteúdo para mostrar e não um monte de espaço, este é o script perfeito para você. É compacta e adiciona interatividade a todas as informações de merecimento. Use a caixa suspensa para selecionar um primeiro tópico, eo índice correspondente é automaticamente exibido abaixo. Nós temos a nossa inspiração para este script de MSNBC.com, onde eles usaram algo similar a uma de suas páginas uma notícia ...

Sandy Leah Lima Vereadores de Santa Rita aprovam reajuste salarial Deborah Secco confere lançamento de televisores 3D escola municipal Coronel Joaquim Inácio alex This free script provided by JavaScript Kit

colocar uma busca do Google em Site

Como colocar uma busca do Google em Site/Blog

Contador de visitas e acessos grátis

Advogados

http://www.2w.com.br/gerar_codigo_contador.php

<a href="http://www.BannerFans.com"><img src="http://img153.imageshack.us/img153/2506/5196849f90fb7bcm3.jpg" border="0" width="728" height="90" alt="Powered by BannerFans.com" /></a><br />

<a href="http://www.BannerFans.com"><img src="http://img1.orkut.com/images/small/1240131270/55621689/bq.jpg" border="0" width="728" height="15" alt="Powered by BannerFans.com" /></a><br />

Gere abaixo estilos para seus links.
Você coloca o código em seu documento e ele mudará a cor do link ao ser visitado ou ao passar o mouse.


CodigosnaWeb.com

Esse é uma alinhador de código fonte.
Muitos geradores de códigos, alinham o código fonte do documento de forma difícil para editá-los manualmente. Ex.:

meu código aqui

>





ESTE É O LINK DA classe1



ESTE É O LINK DA classe2

Formulário estilizado

Formulário de contato
Nome
*e-mail
Assunto
*Comentários
	* Campos de preenchimento obrigatório

Menu - CSS

• 
  Home
  
• 
  Produto A
  
• 
  Produto B
  
• 
  Serviços
  
• 
  Contacto
  

es

Usando fontes você poderá mudar as cores de um texto, aumentar ou diminuar seu tamanho e mudar o estilo da fonte. O comando é o seguinte:

---

(Onde # é a largura) Ex.:

---

ESCREVA AQUI O SEU TEXTO
ESCREVA AQUI O SEU TEXTO

DIGITE O CÓDIGO AQUI SUBSTITUINDO "<" ">" POR "& l t;" "& g t;" SEM AS ASPAS E ESPAÇOS É CLARO

banners rolando pra cim>>

Imagem giratória utilizando Marquee

Teste de Cores>>>

Teste de cores do texto digitado >>>

NEWS

coloque a aqui o texto coloque a aqui o texto coloque a aqui o texto 19/06/07 00.31 colque aqui o texto coloque a aqui o texto coloque a aqui o texto

banners rolando pra cim>

Layout"->"Elementos da página"->"Adicionar um Gadget"->HTML/JavaScript
3.Insira o código abaixo:

Seu texto ou código

Nota: Mude a parte que está dizendo Seu texto ou código pelo texto ou código desejado.

Se for em um HTM veja:
Insira o mesmo código acima depois de

Meu conteúdo aqui

Meu formulário de contato!

Nome:


Email:


Assunto:


Mensagem:

orkut

menu rolante
">
Menu Flutuante com jQuery

Exemplo de menu flutuante simples

Este efeito só será visível quando houver barra de rolagem. Quando utlizarem a rolagem para navegação, o menu irá acompanhar a área vísivel.

• orkut
• Menu 2
• blog
• Menu 4
• Menu 5

aaaaaa

CSS Library

• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI

CSS Drive

• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI

JavaScript Kit

• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI
• COPIAR O TEXTO AQUI

FeedBack

Testando o menu drop-down

• Notícias
• Institucional
  • Fotos da Frota
  • História
  • Missão
  • Visão
  • Instalações
• Qualidade
  • Resultado dos indicadores
  • Informativos da Qualidade
  • Política de Qualidade
  • Projetos Sociais
  • Resultado da pesquisa de satisfação
• Serviços
  • Links Úteis
  • Itinerário
  • Mapa das Rotas^novo
• Contato
  • Colabore Conosco
  • Enquetes finalizadas
  • Fale Conosco
  • Trabalhe Conosco
• Localize seu ônibus

Read more: http://www.yogodoshi.com/blog/web-developer/aprenda-a-criar-um-menu-drop-down-com-css-e-javascript#ixzz0eimj2nEk

• Parte 1
• Parte 2
  
  • Parte 2-k
  • Parte 2-l
  • Parte 2-m
• Parte 3
  
  • Parte 3-n
  • Parte 3-o
  • Parte 3-p
  • Parte 3-q
  • Parte 3-r
  • Parte 3-r

Percebam que para alguns itens do menu existe uma SubSessão UL com novos dados,

Código: CSS





Código JAVASCRIPT

LINK PRINCIPAL 1

• Link Secundário 1.1
• Link Secundário 1.2
• Link Secundário 1.3
• Link Secundário 1.4
• Link Secundário 1.5

LINK PRINCIPAL 2

• Link Secundário 2.1
• Link Secundário 2.2
• Link Secundário 2.3
• Link Secundário 2.4
• Link Secundário 2.5

LINK PRINCIPAL 3

• Link Secundário 3.1
• Link Secundário 3.2
• Link Secundário 3.3
• Link Secundário 3.4
• Link Secundário 3.5

menu rolante
">
Menu Flutuante com jQuery

Exemplo de menu flutuante simples

Este efeito só será visível quando houver barra de rolagem. Quando utlizarem a rolagem para navegação, o menu irá acompanhar a área vísivel.

• blog
• Menu 2
• Menu 3
• Menu 4
• Menu 5

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


Untitled Document

Menu

• Banner
• Players
• Codigo
• Codigo Superior
• Codigo de Menu
• Codigo de blogueio
• Codigo de link me
• Codigo de recomendagen
• Domini
• Editores de post
• Tutoriais

>DL Demo

jQuery

• Download
• Documentation
• Blog

Community

• Mailing List
• Tutorials
• Demos
• Plugins

Development

• Source Code
• Bug Tracking
• Recent Changes

">
Menu horizontal e vertical

• Home
• About
  • History
  • Team
  • Offices
• Services
  • Web Design
  • Internet Marketing
  • Hosting
    • Dedicated
    • Virtual
      • United Kingdom
      • France
      • USA
      • Australia
    • Shared
    • Managed
  • Domain Names
  • Broadband
• Contact Us
  • United Kingdom
  • France
  • USA
  • Australia

• Menu 1
  • Home
  • About
    • History
    • Team
    • Offices
  • Services
    • Web Design
    • Internet Marketing
    • Hosting
      • Dedicated
      • Virtual
        • United Kingdom
        • France
        • USA
        • Australia
      • Shared
      • Managed
    • Domain Names
    • Broadband
  • Contact Us
    • United Kingdom
    • France
    • USA
    • Australia
• Menu 2
• Menu 3
  • Home
  • About
    • History
    • Team
    • Offices
  • Services
    • Web Design
    • Internet Marketing
    • Hosting
      • Dedicated
      • Virtual
        • United Kingdom
        • France
        • USA
        • Australia
      • Shared
      • Managed
    • Domain Names
    • Broadband
  • Contact Us
    • United Kingdom
    • France
    • USA
    • Australia

Menu Horizontal

• Arquivo
  • Página Inicial
  • Sair
• Módulos
  • Ver Usuários
  • Ver Clientes
  • Ver Estoque
  • Entrada de produtos
  • Saída de Produtos
  • Pesquisa de Produtos
  • Ver Cadastros de RMA
• Opções
  • Otimizar Sistema
  • Fazer Backup
  • Restaurar Backup
• Ajuda
  • Tópicos da Ajuda
  • Sobre...

>Menu



Oficina da NET

Uol

e-mail

LINK FOTO

Simply beautiful.


So real, it's unreal. Or is it?






Dynamic Drive
Dynamic Drive

Zoka Coffee
Zoka Coffee

Home

CSS Library

   

   
• Horizontal CSS Menus
   
• Vertical CSS Menus
   
• Image CSS
   
• Form CSS
   
• DIVs and containers
   
• Links & Buttons
   
• Other
   
• Browse All
   

Forums

JavaScript

   

   
• JavaScript Reference
   
• Free JavaScripts
   

Webmaster Tools

CSS Library

• Horizontal CSS Menus
• Vertical CSS Menus
• Image CSS
• Form CSS
• DIVs and containers
• Links & Buttons
• Other
• Browse All

JavaScript Kit

• Free JavaScripts
• JavaScript tutorials
• JavaScript Reference
• DHTML & CSS
• Web Design
• Free Java Applets alex

Dynamic Drive
CSS Examples

   

   
• Horizontal CSS Menus
   
• Vertical CSS Menus
   
• Image CSS
   
• Form CSS
   
• DIVs and containers
   
• Links & Buttons
   
• Other
   
• Browse All
   

JavaScript Reference
DOM Reference
CSS Drive

   

   
• CSS Gallery
   
• Menu Gallery
   
• Web Design News
   
• CSS Examples
   
• CSS Compressor
   
• CSS Forums
   

   

Coding Forums       

Assuming the current page is named "current.htm", the below links when navigated to expands a particular header on that page:


- Expand 1st header within "submenuheader" header group



Helpful links:


- Adding arbitrary links hat expand/ collapse the contents

- Taking advantage of the oninit() and onopenclose() event handlers

CSS Library

• Horizontal CSS Menus
• Vertical CSS Menus
• Image CSS
• Form CSS
• DIVs and containers
• Links & Buttons
• Other
• Browse All

CSS Drive

• CSS Gallery
• Menu Gallery
     
  
     
  • Blue Color
     
  • Green Color
     
  • Orange Color
     
  • Red Color
     
  • Brown Color
     
• Web Design News
• CSS Examples
• CSS Compressor
• CSS Forums

JavaScript Kit

• Free JavaScripts
• JavaScript tutorials
• JavaScript Reference
• DOM Reference
• DHTML & CSS alex

FeedBack

CSS Library

• Horizontal CSS Menus
• Vertical CSS Menus
• Image CSS
• Form CSS
• DIVs and containers
• Links & Buttons
• Other
• Browse All

CSS Drive

• CSS Gallery
• Menu Gallery
• Web Design News
• CSS Examples
• CSS Compressor
• CSS Forums

JavaScript Kit

• Free JavaScripts
• JavaScript tutorials
• JavaScript Reference
• DOM Reference
• DHTML & CSS

FeedBack

Regular contents here. Header does not expand or contact.

Assuming the current page is named "current.htm", the below links when navigated to expands a particular header on that page:


- Expand 1st header within "expandable" header group

- Expand 3rd header within "expandable" header group



Helpful links:


- Adding arbitrary links hat expand/ collapse the contents

- Taking advantage of the oninit() and onopenclose() event handlers