Ir para conteúdo

POWERED BY:

Arquivado

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

vinizemo

Onde inserir esse código no dreamweaver

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

vinizemo    0

vinizemo
Postado

Eu tenho o seguinte código:

<head>
				<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
				<title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title>
				<style type="text/css">
<!--
	body {
		margin:0;
		padding:0;
		font: bold 11px/1.5em Verdana;
}

h2 {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px;
		padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 6--------------------------- */

	#tabs6 {
	  float:left;
	  width:100%;
	  background:#efefef;
	  font-size:93%;
	  line-height:normal;
		  border-bottom:1px solid #666;
	  }
	#tabs6 ul {
		  margin:0;
		  padding:10px 10px 0 50px;
		  list-style:none;
	  }
	#tabs6 li {
	  display:inline;
	  margin:0;
	  padding:0;
	  }
	#tabs6 a {
	  float:left;
	  background:url("tableft6.gif") no-repeat left top;
	  margin:0;
	  padding:0 0 0 4px;
	  text-decoration:none;
	  }
	#tabs6 a span {
	  float:left;
	  display:block;
	  background:url("tabright6.gif") no-repeat right top;
	  padding:5px 15px 4px 6px;
	  color:#FFF;
	  }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs6 a span {float:none;}
	/* End IE5-Mac hack */
	#tabs6 a:hover span {
	  color:#FFF;
	  }
	#tabs6 a:hover {
	  background-position:0% -42px;
	  }
	#tabs6 a:hover span {
	  background-position:100% -42px;
	  }

	  #tabs6 #current a {
			  background-position:0% -42px;
	  }
	  #tabs6 #current a span {
			  background-position:100% -42px;
	  }
-->
</style>
		</head>

		<body>
				<h2>Tab Menu 6</h2>
				<div id="tabs6">
						<ul>
								<!-- CSS Tabs -->
<li><a href="ds"><span>Home</span></a></li>
<li><a href="sds"><span>Webdesing</span></a></li>

						</ul>
				</div>
				<br /><br />
		</body>
</html>

E quero coloca-lo sendo meu menu no meu site no dreamweaver, em que parte do código do meu site eu coloco isso? Ou como anexo ele no meu site em forma de página da internet, porque sempre quando estou com meu site aberto e vou no menu FILE>OPEN e abro, ele fecha o site e abre o menu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

alebae    0

alebae
Postado

Bom, vamos dividir seu código em 2 partes, o CSS, e o HTML...

 

Vamos ao CSS:

Vá em View >> Code, entre as tag's <head></head> do seu site, coloque:

<style type="text/css">
<!--
	body {
		margin:0;
		padding:0;
		font: bold 11px/1.5em Verdana;
}

h2 {
		font: bold 14px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0px;
		padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 6--------------------------- */

	#tabs6 {
	  float:left;
	  width:100%;
	  background:#efefef;
	  font-size:93%;
	  line-height:normal;
		  border-bottom:1px solid #666;
	  }
	#tabs6 ul {
		  margin:0;
		  padding:10px 10px 0 50px;
		  list-style:none;
	  }
	#tabs6 li {
	  display:inline;
	  margin:0;
	  padding:0;
	  }
	#tabs6 a {
	  float:left;
	  background:url("tableft6.gif") no-repeat left top;
	  margin:0;
	  padding:0 0 0 4px;
	  text-decoration:none;
	  }
	#tabs6 a span {
	  float:left;
	  display:block;
	  background:url("tabright6.gif") no-repeat right top;
	  padding:5px 15px 4px 6px;
	  color:#FFF;
	  }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs6 a span {float:none;}
	/* End IE5-Mac hack */
	#tabs6 a:hover span {
	  color:#FFF;
	  }
	#tabs6 a:hover {
	  background-position:0% -42px;
	  }
	#tabs6 a:hover span {
	  background-position:100% -42px;
	  }

	  #tabs6 #current a {
			  background-position:0% -42px;
	  }
	  #tabs6 #current a span {
			  background-position:100% -42px;
	  }
-->
</style>

Agora, entre <body></body>:

<h2>Tab Menu 6</h2>
				<div id="tabs6">
						<ul>
								<!-- CSS Tabs -->
<li><a href="ds"><span>Home</span></a></li>
<li><a href="sds"><span>Webdesing</span></a></li>

						</ul>
				</div>
				<br /><br />

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito