Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

guicisoto

como crioum menu de tipo abas em css

Por , em Desenvolvimento frontend

Recommended Posts

void    1

void
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><html>		<head>				<title></title>				<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />				<style type="text/css"><!--/* CSS Tabs */#navcontainer {		background: #369;		border-top: 1px solid #9CC;		font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}#navlist {		list-style: none outside none;		margin: 0;		padding: 0;}@media all {		#navlist {				text-align: center		}}#navlist li {		bottom: 11px;		display: inline;		line-height: 1.2em;		margin: 0;		padding: 0;		position: relative;}html>body #navlist li {		background: #000;		margin: 0 3px 0 0;		padding: 4px 0px 4px 0;}#navlist a, #navlist a:link, #navlist a:visited {		background: #900;		border: 1px solid #FFF;		bottom: 2px;		color: #FFF;		cursor: pointer;		display: inline;		height: 1em;		margin: 0;		padding: 3px 5px 3px 5px;		position: relative;		right: 2px;		text-decoration: none;}#navlist a:hover {		background: #C00;		bottom: 1px;		color: #FFF;		position: relative;		right: 1px;}#navlist a:active {		background: #999;		bottom: 0px;		color: #FFF;		position: relative;		right: 0px;}#navlist li#active {		background: #369;		bottom: 13px;		display: inline;		margin: 0 3px 0 0;		padding: 0;		position: relative;}html>body #navlist li#active {		background: #000;		margin: 0 4px 0 4px;}#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {		background: #369;		border-bottom: none;		border-left: 1px solid #9CC;		border-right: 1px solid #9CC;		border-top: 1px solid #9CC;		bottom: 0;		color: #FFF;		cursor: text;		margin: 0;		padding: 2px 5px 0 5px;		position: relative;		right: 0;}--></style>		</head>		<body>				<div id="navcontainer">						<ul id="navlist">								<!-- CSS Tabs --><li id="active"><a id="current" href="Home.html">Home</a></li><li><a href="Products.html">Products</a></li><li><a href="Services.html">Services</a></li><li><a href="Support.html">Support</a></li><li><a href="Order.html">Order</a></li><li><a href="News.html">News</a></li><li><a href="About.html">About</a></li>						</ul>				</div>		</body></html>

 

outra css para o mesmo html

<!--/* CSS Tabs */#navlist {		padding: 3px 0;		margin-left: 0;		border-bottom: 1px solid #778;		font: bold 12px Verdana, sans-serif;}#navlist li {		list-style: none;		margin: 0;		display: inline;}#navlist li a {		padding: 3px 0.5em;		margin-left: 3px;		border: 1px solid #778;		border-bottom: none;		background: #DDE;		text-decoration: none;}#navlist li a:link { color: #448; }#navlist li a:visited { color: #667; }#navlist li a:hover {		color: #000;		background: #AAE;		border-color: #227;}#navlist li a#current {		background: white;		border-bottom: 1px solid white;}-->

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado
guicisoto, você tem um link para deixar para o pessoal pesquisar quando necessário?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

guicisoto, você não entendeu meu post.

Pedi para você colocar o seu link, o que você conseguiu resolver o problema.

Assim se, futuramente, houver dúvida parecida com a sua quem pesquisar vai achar a sua solução.

 

Leia a minha assinatura, você vai entender.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito