DOUTOR.: Sem prolongas e blá, blá, blá de código e expandir nada, esse código para menu em abas é pá, e bola. doutorblogs

3/16/2010

Sem prolongas e blá, blá, blá de código e expandir nada, esse código para menu em abas é pá, e bola. doutorblogs

Adicionar esta notícia no Linkk

compartilhe com outras redes SOCIAIS.

Copiou, colou no HTML/Javascript e pronto. Depois, lógico que você terá que inserir os códigos do que você quer linkar né ? Mas então vamos lá, sem blá,blá,blá.

<style type="text/css">
    div.TabTampil div.TTs
    {height: 24px; overflow: hidden; }
    div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
    { background-color: #77d0ee; }
    div.TabTampil div.Halamans
    { clear: both; border: 1px solid #0199cb; overflow: hidden; background-color: #ffffff;}
    div.TabTampil div.Halamans div.Halaman
    { height: 100%; padding: 0px; overflow: hidden; }
    div.TabTampil div.Halamans div.Halaman div.Alas
    { padding: 3px 5px; }
    div.TabTampil div.TTs a
    { border-left:1px solid #0199cb; border-right:1px solid #0199cb; border-top:1px solid #0199cb; float: left;
    display: block; width: 100px; text-align: center; height: 24px; padding-top: 3px; vertical-align: middle; text-decoration: none; font-family: "Arial", Serif;
    font-size: 12px; font-weight: 900; color: #222}
    </style>
<form action="tabtampil.html" method="get">
    <div id="TabTampil" class="TabTampil">
    <div style="width: 370px;" class="TTs">
<a>Link 1</a>
<a>Link 2</a>
<a>Link 3</a>
</div>
    <div style="width: 350px; height: 300px;" class="Halamans">
   <div class="Halaman">
    <div class="Alas">
INSIRA O CÓDIGO DO LINK 1
    </div>
    </div>
    <div class="Halaman">
    <div class="Alas">
INSIRA O CÓDIGO DO LINK 2
    </div>
    </div>
    <div class="Halaman">
    <div class="Alas">
INSIRA O CÓDIGO DO LINK 3
    </div>
    </div>
    </div>
    </div></form>
<script style="text/javascript" src="http://meichelina.googlepages.com/newscriptab.js"></script> <script type="text/javascript">tabtampil_inisial('TabTampil');</script>

Código na cor verde é a largura da tabela.
Código em azul é o título da tabela.
Código em vermelho é onde deve ser inserido os códigos que vc quer dentro da tabela.

Technorati Marcas: Sem,prolongas,e,blá,de,código,e expandir,nada,esse,para,menu,em,abas,é,pá,e bola

0 comentários:

Postar um comentário

seja bem vindo ao mundo do doutorblogs, e sendo asim espéro ser merecedor de suas amizades e lhe convido para visitar mais e ser um dos Seguidor de nosso blogs.
atenciosamente douotrblogs.

Copie o código referente a imagem e cole

:-A

:-Z

:-C

:-X

:-E

:-F

:-G

:-H

:-I

:-J

:-K

:-L

:-M

:-N

:-O

:-P

:-Q

:-R

:-(

:-T

:-a

:-e

:-i

:-o

:-w

Table emoticons pegue a sua

Assinar: Postar comentários (Atom)

Hello visitante seja bem vindo sua presença é um prazer

DOUTOR. Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal

Creative Commons License

This work is in the Public Domain.