Jump to content


douglash's Content

There have been 20 items by douglash (Search limited from 26/11/2019)


Ordernar por                Order  

#991297 Avaliação De Site

Posted by douglash on 04/01/2010, 20:18 in Avaliação de Layouts de Sites

Agradeço a opinião de todos, vou reformular as cores do site.

Um abraço

Douglas



#989404 Avaliação De Site

Posted by douglash on 08/12/2009, 12:01 in Avaliação de Layouts de Sites

Olá Victor Hugo, agradeço a sua opinião.

Na minha opinião para ser um siteclean, não precisa ter cores claras necessariamente e sim não haver poluição visual, as cores precisam estar em harmônia, e como vc citou, puxar para cores claras, mas no caso do site que eu criei estão com cores claras, porém com alguns toques de cores fortes para o design não ficar muito apagado.



#989337 Avaliação De Site

Posted by douglash on 07/12/2009, 20:18 in Avaliação de Layouts de Sites

Olá pessoal, estou em um projeto onde o foco é desenvolver sites com design clean. Vejam e me digam o que acham.

o Site:

http://www.siteclean.net/novosite

Desde já muito obrigado.

Douglas.



#985078 [resolvido] Alinhamento De Menu Horizontal Em Css

Posted by douglash on 02/11/2009, 16:39 in HTML, CSS e Metodologias

Olá, uma dica, sempre de um reset no seu css antes de começar, então adicione a seu css o seletor "*" com as seguintes propriedades:

*{
margin:0;
padding:0;
}

E retire o width do #nav, #nav ul que ficará mais centralizado, mais vc utilizou position para posicionar o seu ul, e posição negativa assim como margem.. prefira usar float para posicionar os seus elementos e utilize containers na estrutura do seu site, DIVs, ao invés de table.



#984685 Problema Com Alinhamento

Posted by douglash on 27/10/2009, 17:56 in HTML, CSS e Metodologias

Pois é, o código que eu lhe passei está dentro dos padrões web, está semanticamente correto, e o internet explorer não segue o padrão web. Ou seja, se vc quer criar um site, primeiro o teste no firefox, safari, opera e por ultimo vc testa nos ies da vida.. faça o teste no Mozzila Firefox e me diga se ocorre algum erro, se não ocorrer nenhum erro então vc faz todos os resets necessários, condicionais para o ie e assim seu site ficará correto em todos os navegadores..



#984671 Problema Com Alinhamento

Posted by douglash on 27/10/2009, 14:32 in HTML, CSS e Metodologias

Opa, para mim está tudo ok, não ocorre nenhum erro ou não entendi bem o que vc quer.. veja, teste com este código.

HTML:

<!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" />
   <link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
<body>
	<div id="global">
		<div id="topo">
		TOPO
		</div>
		<div id="esquerda">
		ESQUERDA
		</div>
		<div id="conteudo">
		<p>CONTEÚDO teste teste teste teste teste<br />
		teste teste teste teste teste</p>
		</div>
		<div id="rodape">
		RODAPÉ
		</div>
	</div>
</body>
</html>

CSS:
*{
margin:0;
padding:0;
}


body
{
text-decoration: none;
list-style: none;
vertical-align:middle;
border: none;
height:100%;

}


#global
{
margin: 0 auto;
width: 90%;
min-width:750px;
text-align:left;
border:1px solid black;
}


#topo
{
width: 100%;
height:130px;
text-align:center;
border:1px solid red;
margin-bottom:3px;
}

#esquerda
{
float: left;
width: 30%;
text-align:left;
border:1px solid green;
}

#conteudo
{
float:left;
width: 69%;
border:1px solid blue;
margin:0 0 3px 3px;
}

#rodape
{
width:100%;
height:50px;
clear:both;
border:1px solid black;
}

Uma dúvida, vc está testando em qual navegador? Firefox ou IE? Se for no IE terá uma diferença..



#984665 Bug Impossível No Ie6, Perde Parte Do Estilo

Posted by douglash on 27/10/2009, 14:09 in CSS & Semântica (Tableless)

Concordo Victor Hugo, não precisa reconstruir nada desde que o erro não ocorra no server do maykel.. mas como o Maykel diz ter erro para ele, o melhor eh ir testando e ver em que ponto que está ocorrendo este erro, e assim descobrindo o porque deste erro.



#984590 Bug Impossível No Ie6, Perde Parte Do Estilo

Posted by douglash on 26/10/2009, 17:08 in CSS & Semântica (Tableless)

Então o melhor jeito é recomeçar do zero.. exclui todo o css e xhtml, e cria de novo o h2, h3, as divs e segue testando até aparecer uma diferença, pois para mim abriu normalmente, menos no seu servidor.



#984584 Bug Impossível No Ie6, Perde Parte Do Estilo

Posted by douglash on 26/10/2009, 16:39 in CSS & Semântica (Tableless)

Cara, muito estranho, online realmente não funcionou, mas eu salvei seu código e abri no ie novamente e funcionou normalmente. Coloquei no xpg e funcoinou normalmente, segue o link:

http://www.douglaste...m.br/teste.html



#984582 Problema Com Alinhamento

Posted by douglash on 26/10/2009, 16:13 in HTML, CSS e Metodologias

Opa, cara na minha opinião o melhor jeito é criar um layout elastico, e não liquido, assim vc tem mais controle sobre seu layout.. defininido assim um tamanho minimo, no caso utilizei tamanho minimo de 750px. Veja:

*{
margin:0;
padding:0;
}
body
{
	text-decoration: none;
	list-style: none;
	vertical-align:middle;
	border: none;
	height:100%;

}


 #global
{
	margin: 0 auto;
	width: 80%;
	min-width:750px;
	height:100%;
	text-align:left;
	}
	
	
#topo
{
	width: 100%;
	height:130px;
	text-align:center;
	border:1px solid red;
	margin-bottom:3px;
}	

#esquerda
{
	float: left;
	width: 30%;
	text-align:left;
	height: 400px;
	border:1px solid green;
}

#conteudo
{
	  float:left;
	  width: 69%;
	  height: 400px;
	  border:1px solid blue;
	  margin:0 0 3px 3px; 
	}
	
#rodape
{
	width:100%;
	height:50px;
	clear:both;
	border:1px solid black;

	
}



#984570 Bug Impossível No Ie6, Perde Parte Do Estilo

Posted by douglash on 26/10/2009, 15:30 in CSS & Semântica (Tableless)

Cara, testei no meu ie6 aqui e funcionou, tanto interno quanto externo... mas deu um erro sim de inicio, onde ficava sem estilo, mas dei alguns refreshs e funcionou, acredito, que no meu caso seja o multipleIE, pq não tem outra lógica.. se vc puder, coloque o seu site online, o xhtml e css..



#983982 Menu Do Joomla

Posted by douglash on 19/10/2009, 19:50 in HTML, CSS e Metodologias

Sim, mas como falei, eu acho que seria mais fácil e também ficaria com um design legal, apenas adicionar uma imagem como marcador.
Mas veja como vc acha melhor, e se possível deixe o link do template ou do seu site.

Abraços



#983954 Menu Do Joomla

Posted by douglash on 19/10/2009, 14:34 in HTML, CSS e Metodologias

Olá, vc pode alterar através do css, mas terá de descobrir a referência do menu.. descubra qual é a id ou class do menu e assim vc substitue a marcação do menu por duas setas ">>", tranformação a seta em imagem, acho que ficaria mais fácil.. se vc puder deixar o link do tema ou mesmo do seu site, ajudará.. eu conheço bem o joomla, já criei varios sites através dele.



#983873 Menu Do Joomla

Posted by douglash on 18/10/2009, 21:13 in HTML, CSS e Metodologias

Olá galera, gostaria de sabe se alguem sabe mexer com CSS do joomla.

Pelo padrão do joomla os links do menu usa o comando <li>

Gostaria de tira esse comando e por duas setas ">>" mais não sei como faz :P

Alguem sabe ?


Olá, mas qual seria a função das duas setas? O <li> é o menu, se vc tirar o <li> o menu ficará todo desconfigurado, a não ser que vc o crie com outro elemento, como exemplo, uma lista de definição <dl><dt><dd>...



#983866 Dúvida - Text Align

Posted by douglash on 18/10/2009, 18:10 in HTML, CSS e Metodologias

Olá!

Estou tentando fazer um layout em css e estou usando a propriedade text-align no body. Em uma versão mais antiga do IE o layout aparece centralizado, já na versão mais atual do FF aparece encostado à margem.

Segue o código:

<html>
 <head>
  <title>***UNIVERSO SABOR***</title>
  <style type="text/css">
   body
	{
		margin: 0;
		padding: 0;
		font: arial, hevetica, sans-serif;
		text-align: center;
		color: #000000;
		background-color: #ffffff;
	}
	
	#container
	{
		width: 800px;
		height: 500px;
		text-align: left;
		background-color: red;
		border: 1px solid black;
	}

		#header
	{
		height: 105px;
		background-color: fuchsia;
	}

	#mainnav
	{
		height: 28px;
		background-color: green;
	}

	#menu
	{
		
		margin-top: 5px;
		margin-left: 10px;
		float: left;
		width: 180px;
		height: 300px;
		background-color: yellow;
	}

	#contents
	{
		margin-left: 200px;
				margin-top: 5px;
		margin-right: 10px;
		height:300px;
		background-color: aqua;
	}

	#footer	
	{
		clear: both;
		margin-top: 10px; 
		height: 30px;
		background-color: lime;
	}
  </style>
 </head>
 <body>
	<div id="container">
	<div id="header"></div> 
	<div id="mainnav"></div>
	<div id="menu"></div>
	<div id="contents"></div>
	<div id="footer"></div>
  </div>
 </body>
</html>

alguém pode me ajudar a manter o layou centralizado?

Desde já agradeço.


Olá, vc está querendo centralizar o layout, certo? então o melhor modo é usar margin:0 auto.
Tente do modo abaixo:

<html>
 <head>
  <title>***UNIVERSO SABOR***</title>
<style type="text/css">
   *{
	margin:0;
	padding:0;
   }
   body
	{
		font: arial, hevetica, sans-serif;
		text-align: center;
		color: #000000;
		background-color: #ffffff;
	}
	
	#container
	{
		width: 800px;
		margin:0 auto;
		background-color: red;
		border: 1px solid black;
	}

		#header
	{
		height: 105px;
		background-color: fuchsia;
	}

	#mainnav
	{
		height: 28px;
		background-color: green;
	}

	#menu
	{
		margin:3px 0 3px 3px;
		float: left;
		width: 180px;
		height: 300px;
		background-color: yellow;
	}

	#contents
	{
		margin:3px 0 3px 3px;
		float:left;
		width:605px;
		height:300px;
		background-color: aqua;
	}

	#footer	
	{
		clear: both;
		height: 30px;
		background-color: lime;
	}
  </style>
</head>  
 <body>
	<div id="container">
	<div id="header"></div> 
	<div id="mainnav"></div>
	<div id="menu"></div>
	<div id="contents"></div>
	<div id="footer"></div>
	</div> 
</body>
</html>



#983829 Problema Menu Css - Ie6

Posted by douglash on 17/10/2009, 18:11 in HTML, CSS e Metodologias

Olá, tente assim:

ul#menu {	background: #3D6946; list-style: none; font-size: 11px; margin: 0; padding: 0; width: 160px;}
ul#menu li { margin: 0; padding: 0; border-bottom:1px solid black;}
#menu li a {  
background: #3D6946; font:11px Verdana, Geneva, sans-serif; color: #fff; display: block; margin: 0; padding: 3px 8px; text-decoration: none; font-weight:normal;}
ul#menu li a:hover {
	background: #13391a url("imagens/menu/imagens/hover.gif") left center no-repeat;
	color: #fff;


Ou também de um modo em que na minha opinião ficaria melhor semânticamente:

CSS:
*{margin:0;padding:0;line-height:1;}
#menu { margin: 0; padding: 0; width: 160px; border:1px solid black;}
#menu ul{list-style: none;}
#menu ul li {border-bottom:1px solid black;}
#menu ul li a {background: #3D6946;color: #fff; display: block;padding: 3px 8px; text-decoration: none; font-weight:normal;}
#menu ul li a:hover {background: #13391a url("imagens/menu/imagens/hover.gif") left center no-repeat; color: #fff;}
XHTML:
<div id="menu">
  <ul>
   <li><a href="?pg=informacoes/armas" >Armas</a></li>
   <li><a href="?pg=informacoes/artigos" >Artigos</a></li>
   <li><a href="?pg=informacoes/cheats" >Cheats</a></li>
   <li><a href="?pg=informacoes/conquistasetrofeus" >Conquistas / Trof&eacute;us</a></li>
   <li><a href="?pg=informacoes/detalhesgerais" >Detalhes Gerais</a></li>
   <li><a href="?pg=informacoes/mapa" >Mapa</a></li>
   <li><a href="?pg=informacoes/subway" >Sub-Way</a></li>
   <li><a href="?pg=informacoes/multiplayer" >Multiplayer</a></li>
   <li><a href="?pg=informacoes/radios" >R&aacute;dios</a></li>
   <li><a href="?pg=informacoes/personagens" >Personagens</a></li>
   <li><a href="?pg=informacoes/previews" >Previews</a></li>
   <li><a href="?pg=informacoes/review" >Review</a></li>
   <li><a href="?pg=informacoes/veiculos" >Ve&iacute;culos</a></li>
   <li><a href="?pg=informacoes/visaogeral" >Vis&atilde;o Geral</a></li>
  </ul>
</div>

E sobre o fix do png transparent.. existe varios fixs para o ie6 mas até agora o que eu achei simples e funcional foi o DD_belatedPNG.js, os outros métodos não funcionam corretamente, alguns não implementão o background-position, background-repeat entre outras coisas.. então baixe este *.js neste link e após implemente no seu código este script em forma de comentário para o IE6:

<!--[if IE 6]>
<script src="DD_belatedPNG.js" type="text/javascript"></script>
<script>
/*Adicione na linhe abaixo, entre os parênteses, o elemento desejado*/
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->

Na linha "DD_belatedPNG.fix('.png_bg');" vc adiciona os elementos que possuem o png tranparent.



#983675 Fazer Ficar Uma Barra Fixa Em Cima /\ (obs: Nao Sei Se é Em Php)

Posted by douglash on 15/10/2009, 23:46 in HTML, CSS e Metodologias

Olá pessoal,
Vou postar está minha primeira mensagem tentando ajudar o colega, acredito que a melhor forma de deixar um elemento fixo é com a posição fixa(position:fixed), mas só definir isso não adianta se pensar em acessibilidade, pois no IE6 não funciona está propriedade.. então caso opte pelo elemento fixo através da position:fixed vc terá de simular está propriedade para o IE6, para isso adicione os métodos abaixos no seu estilo.

* html #elemento-fixo {
	position: absolute;
	top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+50+"px" : body.scrollTop+50+"px");
}

Altere a posição aqui +50+"px e +50+"px".

Espero ter ajudado.

Douglas



#975281 Erro Smarty

Posted by douglash on 24/07/2009, 21:42 in PHP

Mude os caminhos dos arquivos.

tente:

include '/site/config.php';

$smarty->display('/site/templates/painel/painel.tpl');



Valeu, mas não funcionou deste jeito.. deu erro..



#975270 Erro Smarty

Posted by douglash on 24/07/2009, 18:31 in PHP

Olá, estou com um erro no smarty e que não consegui resolver ainda..

É o seguinte, eu instalei ele certinho, está funcionando tudo certinho, mas eu resolvi criar um painel para minha página e criei uma nova pasta, mas o $smarty->display() não funciona nos arquivos desta pasta ou mesmo o smarty, mas acredito que se fosse o smarty que não estivesse funcionando daria erro, no caso a página fica em branco..

Vejam como está a configuração do smarty:

config.php

<?php

define ('SMARTY_DIR', './lib/Smarty/libs/');
include (SMARTY_DIR.'Smarty.class.php');

$smarty= new smarty();
$smarty->cache_dir= 'cache';
$smarty->config_dir= 'configs';
$smarty->compile_dir= 'templates_c';
$smarty->template_dir= 'templates';

?>

Assim, como falei, criei uma pasta chamada painel de dentro de templates criei uma pasta chamada painel tambem e no index.php do painel coloquei isto:

painel.php
<?php

include 'C:/xampp/htdocs/site/config.php';


$smarty->display('C:/xampp/htdocs/site/templates/painel/painel.tpl');
?>

Inclui o endereço do diretório para ver se funcionava mas mesmo não funcionou..

Desde já, Obrigado.



#968020 Topo Todo Em Flash

Posted by douglash on 22/05/2009, 01:36 in Adobe Flash e ActionScript

Olá pessoal, eu estou com um problema e não achei uma solução ainda, já achei diversas respostas mas nenhuma funcionou para mim.
Bom, eu fiz topo todo em flash mas o problema é que o topo não redimensiona sozinho de acordo com a resolução.
Já tentei fazer um script em java para cada resolução, mas não funcionou, o meu html está assim:

<?php else:?>

<div id="custom_logo">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macr...height,300,menu' 'false','wmode','transparent','src','images/topo' ); //end AC code

</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macr...rsion=6,0,40,0" width="100%" height="300"><param name="wmode" value="transparent" /><param name="src" value="images/topo.swf" /><param name="menu" value="false"/><param name="Scale" value="ShowAll"/><embed type="application/x-shockwave-flash" width="100%" height="300" menu="false" wmode="transparent" src="images/topo.swf"></embed></object></noscript></div>

<?php endif;?>

O site foi criado apartir do joomla, por isso adicionei este php..

Com está acima, funciona em partes, adicionando a div ele fica com uma enorme margem que não consigo remover mas redimensiona o flash de acordo com a resolução, e sem a div não sei como posicionar o flash.

Muito Obrigado.

Douglas




IPB Skin By Virteq