[Resolvido] precisso deixar texto de link invisivel!

kreator · Abril 27, 2009

opa galera beleza http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

quero ter as configurações de link + sem as letras aparecerem !!!!

aqui esta a imagem do layout!!

Imagem Postada

preciso deixar esse ZEPINNI invisivel!!!tentei alguns parametros de opacidade em tutoriais + não deu certo!!!

ghenschel · Abril 27, 2009

como assim invisível ??

kreator · Abril 27, 2009

aqui esta o code

home.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HOME SITE</title>
</head>

<body>
<?
include "css.php";
?>

<div id="background">
<div id="mais_detalhes"><li><a href="new"><span class="new">+NEW</span></a><br/>
	  <br />
	  estamos começando a produzir nosso<br /> primeiro portal<br />
	   <br />
	  começamos a produzir nossos<br />vídeos em alta resolução<br />
	  <br />
	  começamos a produzir nossos<br />vídeos em alta resolução<br />
	   


</div>

<div id="menu_home"><li><a href="?pg=portifolio1">zepinni</a></li></div>
<div id="menu_home2"><li><a href="?pg=portifolio2">perfect</a></li></div>
<div id="menu_home3"><li><a href="?pg=portifolio3">supreme</a></li></div>
<div id="menu_home4"><li><a href="?pg=portifolio4">pirelli</a></li></div>



</div><!-- background -->
<?
include "menu.php";
?>

menu.php

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HOME SITE</title>
</head>

<body>
<?
include "css.php";
?>

<div id="background">
<div id="mais_detalhes"><li><a href="new"><span class="new">+NEW</span></a><br/>
	  <br />
	  estamos começando a produzir nosso<br /> primeiro portal<br />
	   <br />
	  começamos a produzir nossos<br />vídeos em alta resolução<br />
	  <br />
	  começamos a produzir nossos<br />vídeos em alta resolução<br />
	   


</div>

<div id="menu_home"><li><a href="?pg=portifolio1">zepinni</a></li></div>
<div id="menu_home2"><li><a href="?pg=portifolio2">perfect</a></li></div>
<div id="menu_home3"><li><a href="?pg=portifolio3">supreme</a></li></div>
<div id="menu_home4"><li><a href="?pg=portifolio4">pirelli</a></li></div>



</div><!-- background -->
<?
include "menu.php";
?>

menu.php

[code]<div id="menu">
<ul>

<li><a href="?pg=home"><span class="estilo" style="color:#FFF">/ </span>Home<span class="estilo" style="color:#FFF"> /</span></a></li>
<li><a href="?pg=portifolio">Portifólio<span class="estilo"> /</span></a></li>
<li><a href="?pg=clientes">Clientes<span class="estilo"> /</span ></a></li>
<li><a href="?pg=contato">Contato<span class="estilo"> /</span></a></li>

</ul>

<div id="tel"> Tel.<span class="estilo">4177-5789</span> </div><!-- tel-->
</div><!-- menu -->

paginas.css

@charset "utf-8";
/* CSS Document */
   
/* IE5.0 bug */

	/***********************************BACKGROUND***********************************
*****/


#background{ background-image: inherit; background: url(../jpg/layout%20site%20homma.jpg) no-repeat;
background-attachment: scroll;
		   width:1200px;
		   height:690px;

}

	/***********************************FIM DO BACKGROUND****************************************/
	
	
	
	 
	 
	 	 /*********************************MENU BOTOES*******************************/	   

#menu{ border:0px solid #F00;
 height:10px;
 width:1200px;



}

#menu ul li {
	display:inline;
	float:left;
	border:0px solid #F00;

}


#menu ul li a { text-decoration:none; 
	font-weight: bold; 
	font-family: "BankGothic Md BT Medium" ,Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
	letter-spacing: 2px;
	border:0px solid #F00; 
	float:left;
	
	
	 
}

#menu ul li a:hover{ color:#FFF;}
	 


.estilo{ color:#FFF;}


#tel{ font-family: "BankGothic Md BT Medium" ,Verdana, Geneva, sans-serif; 
	font-size: 13px;
	color: #000;
	 font-weight: bold; 
	letter-spacing: 2px;
	background:#999;
	border:solid 0px #F00;
	padding-left:700px;
	float: none;
}



/*********************************FIM DO MENU BOTOES*******************************/  




/*********************************MENU LINK VIDEOS*******************************/ 

#menu_home{ background-image: inherit; background: url(../png/MENU%20HOME.png) no-repeat;
			width: 379px;
			height:122px;
			margin-left:405px;
			margin-top:-190px;
			float: none;
			
			
}
	
#menu_home2{ background-image: inherit; background: url(../png/MENU%20HOME.png) no-repeat;
			 width: 379px;
			height:122px;
			margin-left:405px;
}


#menu_home3{ background-image: inherit; background:  url(../png/MENU%20HOME.png) no-repeat;
			 width: 379px;
			height:122px;
			margin-left:405px;
}


#menu_home4{ background-image: inherit; background:  url(../png/MENU%20HOME.png) no-repeat;
			 width: 379px;
			height:110px;
			margin-left:405px;

}


li{ display:inline;
border:0px solid #F00;
}

#menu_home li a{ text-decoration:none;
padding-left:150px;
margin-top:50px;
font-size:50px;
color: #000;
}

#menu_home2 li a{ text-decoration:none;
padding-left:150px;
margin-top:50px;
font-size:50px;
color: #CCC;
}

#menu_home3 li a{ text-decoration:none;
padding-left:150px;
margin-top:50px;
font-size:50px;
color: #CCC;
}

#menu_home4 li a{ text-decoration:none;
padding-left:150px;
margin-top:50px;
font-size:50px;
color: #CCC;
}



/*********************************FIM DO MENU LINK VIDEOS*******************************/ 

/********************************* MENU MAIS DETALHES*******************************/ 

#mais_detalhes{ font-family: "BankGothic Md BT";
text-align:justify;
	font-size: 13px;
	color: #000; 
	letter-spacing: 0px;	
	margin-left:440px;
	float: left;
	border:0px solid #F00;
	width:285px;
	height:200px;
	background-image: inherit; background: url(../png/tarja%20mais%20detalhes.png) no-repeat;
	margin-top:50px;

	}
	


.new{ color: #0CC;}



li a{ text-decoration:none;}



/*********************************FINAL MENU MAIS DETALHES*******************************/

kreator · Abril 27, 2009

opa ghenschel

essas letras com um canal de opacidade 100% para sumir e permanecer o link(no caso espaço onde está esse texto)

William Bruno · Abril 27, 2009

Mas se não é para aparecer as letras, então porque colocá-las lá ??

pq você não dá simplesmente display: block nesse link, define um width e um height, e manipula ele ??

ai você terá um box link.. mas sem descrição.

ghenschel · Abril 27, 2009

deixa eu ver se entendi;

você quer que quando passe o mouse encima do botão zepinni, o botão fique transparente ou quer que o texto desapareça??

se for pro texto desaparecer deves mexer na propriedade abaixo:

#menu ul li a:hover{ color:#FFF; background: transparent;}

e veja se dá certo

kreator · Abril 27, 2009

e isso q o william falou um box link!!!!

vou tentar fazer aqui!!!

vlw!!

kreator · Abril 27, 2009

eh que nessa minha div tenho um background e esse box model estará por cima do background!!!!

estou tentando sem as letras e não estou conseguindo!!!

vcs poderiam me dar exemplo para mim dar uma estudada ou um tutorial???

desde já agradeço!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

William Bruno · Abril 27, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

#boxLink {

display: block;

background-color: #f00;

height: 100px;

width: 100px;

}

#boxLink:hover {

background-color: #ff0;

}

</style>

</head>

<body>

</body>

</html>

kreator · Abril 27, 2009

+ uma vez willian deu mó força,deu certinho!!!!

brother porisso tu eh dos cara q + considero no forum,ajuda todo mundo!!!!

abraço http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Arquivado

[Resolvido] precisso deixar texto de link invisivel!

Recommended Posts

kreator 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ghenschel 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kreator 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kreator 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

ghenschel 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kreator 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kreator 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

kreator 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Fóruns

Tempo Real

Informação importante