Search Avançado
Onde procurar

Fóruns

Membros

Help Files
Novas postagens

Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

berga's Photo

berga

Member Since 31/05/2005
Offline Last Active 22/08/2010, 18:34

Postagens

Community Stats

Group Usuários
Active Posts 9
Profile Views 632
Member Title Novato no fórum
Age Age Unknown
Birthday Birthday Unknown
Sexo
Male
Localidade
Brasília - DF

Social Networks

Twitter
lucasgduarte

0 Neutral

Friends

berga hasn't added any friends yet.

Latest Visitors

Guest
04/11/2007, 02:05

Topics I've Started

[Resolvido] Bordas Arredondadas Sem Utilizar Imagens

05/08/2010, 12:00

Fala galera... tava procurando na internet aqui sobre como fazer uma div de conteudo com bordas arredondadas e achei esse codigo..
é meio confuso e muito extenso, alguem ai conhece um mais simples?

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

<html>

<head>

<title>Borda Arredondada sem utilizar imagens</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<style>

.bordaBox {background: transparent; width:30%;}

.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}

.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}

.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#CECECE; border-left:1px solid #999; border-right:1px solid #999;}

.bordaBox .b1 {margin:0 5px; background:#999;}

.bordaBox .b2 {margin:0 3px; border-width:0 2px;}

.bordaBox .b3 {margin:0 2px;}

.bordaBox .b4 {height:2px; margin:0 1px;}

.bordaBox .conteudo {padding:5px;display:block; background:#CECECE; border-left:1px solid #999; border-right:1px solid #999;}

</style>

<body>



<div class="bordaBox">

<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>

<div class="conteudo">

Box com bordas arredondadas sem utilizar imagens<br />Fácil utilização e implementação com CSS puro!

</div>

<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>

</div>



</body>

</html>

Fonte: http://codigofonte.u...tilizar-imagens

Ajuda Com Site

21/07/2010, 11:20

Iae galera...

Estou montando um site e muita coisa ja aprendi aqui no forum. Fiz um curso de Webdesign em 2005 e desde entao nunca mais mexi com essa area, mas recentemente peguei um projeto (de amigos) para fazer e estou tentando aprender (na marra) os novos metodos. Aprendi muita coisa aqui, como fazer meu site ajustar de acordo com a resoluçao do visitante, mas ainda estou com problemas....
Gostaria de fazer meu site no estilo do twitter, a parte do conteudo (o fundo branco), se ajustar de acordo com o conteudo (expandir ou nao) e fazer os menus acompanhar o ajuste da pagina de acordo com a resoluçao (isso eu consegui fazer, mas com o arcaico iframe e transformando o menu em imagem e montando todo o site com tabelas).

Preciso de ajuda de vcs para fazer um site mais moderno, mas que eu creio que nao seja tao complicado!

Aqui está o codigo de fonte:

<html>
<head>
<head>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<title>Bebemos porque é liquido, se fosse sólido, comería-mos!</title>
 <style type="text/css">
        html, body{ height: 100%; padding: 0; margin: 0; overflow: hidden;}
        .fundoFake{
          position: absolute; 
		  top: 0; 
		  left: 0; 
		  z-index: 0;
          display: block;
          border: 0; margin: 0;
          width: 100%; height: 100%;
        }
        
        .Body{
          position: absolute; 
		  top: 0; 
		  left: 0; 
		  z-index: 1;
          width: 100%; 
		  height: 100%;  
		  overflow: auto;
        }
  #apDiv1 {
	position:absolute;
	z-index: 1;
	width: 774px;
	height: 600px;
  }
  #apDiv2 {
	position:absolute;
	z-index: 2;
 }
  #apDiv3 {
	z-index: 3;
	height: 443px;
	width: 573px;
	}
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="images/background.jpg" class="fundoFake" />

<div class="Body" align="center"><img src="images/index.png" width="774" height="600" border="0" usemap="#Menu">
</div>
<div class="Body" align="center"><table id="Table_01" width="774" height="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3" width="773" height="144">
	  </td>
		<td width="1" height="144">
	  </td>
	</tr>
	<tr>
		<td rowspan="4" width="12" height="456">
	  </td>
		<td rowspan="3" height="440px" width="573px">
		  <div id="apDiv3">
		    <iframe src="home.html" name="iframe" scrolling="no" frameborder="0" height="437px" width="570px">Home</iframe></div></td>
		<td width="188" height="244">
        <img src="images/bebubosta_04.png" border="0" usemap="#Map" />
</td>
		<td width="1" height="244">
	  </td>
	</tr>
	<tr>
		<td width="188" height="97">
	  </td>
		<td width="1" height="97">
	  </td>
	</tr>
	<tr>
		<td rowspan="2" width="188" height="115">
	  </td>
		<td width="1" height="99">
	  </td>
	</tr>
	<tr>
		<td width="573" height="16">
	  </td>
		<td width="1" height="16">
	  </td>
	</tr>
</table></div>

<map name="Map"><area shape="rect" coords="59,30,150,57" target="iframe" href="home.html">
<area shape="rect" coords="37,73,171,98" target="_blank" href="http://www.orkut.com/Main#Community?cmm=23478166">
<area shape="rect" coords="38,115,180,139" target="_blank" href="http://videolog.uol.com.br/suquinhodamamae">
 <area shape="rect" coords="40,159,180,182" target="iframe" href="reunioes.html">
</map>
</body>
</html>