- Fórum WMO
- → douglash's Content
douglash's Content
There have been 20 items by douglash (Search limited from 14/05/2023)
#991297 Avaliação De Site
Posted by douglash on 04/01/2010, 20:18 in Avaliação de Layouts de Sites
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
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
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
*{ 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
#984671 Problema Com Alinhamento
Posted by douglash on 27/10/2009, 14:32 in HTML, CSS e Metodologias
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)
#984590 Bug Impossível No Ie6, Perde Parte Do Estilo
Posted by douglash on 26/10/2009, 17:08 in CSS & Semântica (Tableless)
#984584 Bug Impossível No Ie6, Perde Parte Do Estilo
Posted by douglash on 26/10/2009, 16:39 in CSS & Semântica (Tableless)
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
*{ 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)
#983982 Menu Do Joomla
Posted by douglash on 19/10/2009, 19:50 in HTML, CSS e Metodologias
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
#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
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
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é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á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ículos</a></li> <li><a href="?pg=informacoes/visaogeral" >Visã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
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
#975270 Erro Smarty
Posted by douglash on 24/07/2009, 18:31 in PHP
É 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
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
- Fórum WMO
- → douglash's Content
- Privacy Policy
- Regras ·