<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Centrar uma página com CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin:0;
padding:0;
background:#ccc;
text-align:center; /* hack para o IE */
}
#tudo {
width: 750px;
margin:0 auto;
padding: 10px;
text-align:left; /* "remédio" para o hack do IE */
}
#conteudo {
padding: 5px;
background-color: #eee;
}
</style>
</head>
<body>
<div id="tudo">
<div id="conteudo">
<h1>Pagina Centralizada</h1>
<p> Texto de exemplo.</p>
</div>
</div>
</body>
</html>
A iMark é uma empresa especializada em aumentar seu faturamento através de técnicas de Otimização de Sites SEO e Administração de Links Patrocinados. Auxiliamos organizações que utilizem campanhas de Links patrocinadoscomo Google Adwords, a aumentar suas vendas enquanto identificamos como reduzir o orçamento investido todos os meses.
Imark - Marketing Digital
sexta-feira, 13 de agosto de 2010
sexta-feira, 6 de agosto de 2010
CSS - Menu (List)
MENU SIMPLES VERTICAL
HTML:
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS:
#navcontainer { width: 200px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
MENU SIMPLES HORIZONTAL
HTML:
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS:
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
HTML:
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS:
#navcontainer { width: 200px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
MENU SIMPLES HORIZONTAL
HTML:
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS:
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
CSS - A propriedade Background
Cor de fundo
body {background-color: #CCFFFF;} /*azul claro*/
h2 {background-color: #FF0000;} /* vermelho */
p {background-color: #00FF00;} /* verde */
Imagem de fundo
body { background-image: url("/images/css.gif");}
Repetir verticalmente a imagem de fundo
background-image: url("/images/css.gif");
background-repeat: repeat-y;
Repetir horizontalmente a imagem de fundo
background-image: url("/images/css.gif");
background-repeat: repeat-x;
Imagem de fundo com posicao fixa
background-image: url("/images/css.gif");
background-repeat: no-repeat;
background-position: 200px 70px;
Imagem fixa no fundo, ela nao "anda" com o scroll
background-image: url("/images/css.gif");
background-repeat: no-repeat;
background-attachment: fixed;
body {background-color: #CCFFFF;} /*azul claro*/
h2 {background-color: #FF0000;} /* vermelho */
p {background-color: #00FF00;} /* verde */
Imagem de fundo
body { background-image: url("/images/css.gif");}
Repetir verticalmente a imagem de fundo
background-image: url("/images/css.gif");
background-repeat: repeat-y;
Repetir horizontalmente a imagem de fundo
background-image: url("/images/css.gif");
background-repeat: repeat-x;
Imagem de fundo com posicao fixa
background-image: url("/images/css.gif");
background-repeat: no-repeat;
background-position: 200px 70px;
Imagem fixa no fundo, ela nao "anda" com o scroll
background-image: url("/images/css.gif");
background-repeat: no-repeat;
background-attachment: fixed;
quinta-feira, 5 de agosto de 2010
iMark - Marketing Digital
A proposta de consultoria em Marketing Digital da iMark é desenvolver o planejamento de todas as ações digitais da empresa, integrando ferramentas de comunicação digital, dirigida para seu público-alvo, com qualidade visual, navegabilidade e usabilidade aprimoradas.
Administramos campanhas de Links Patrocinados para sua empresa. Deixe um profissional administrar suas campanhas de Links Patrocinados, desta forma, você atrairá mais clientes interessados em seu produto ou serviço, a curto prazo, e terá mais retorno em relação ao seu investimento, sem disperdiçar dinheiro. Otimizamos sua campanha, aproveitando ao máximo cada palavra-chave relevante ao conteúdo do seu site.
Seu site será facilmente encontrado por usuários que querem realmente os seus produtos e serviços, criando o equilíbrio necessário entre tráfego pago e tráfego natural - porém sempre altamente qualificado. O resultado é que através da Otimização de seu Site ou da compra de Links Patrocinados, nossos clientes não só somente melhoram sua imagem na Internet: São os visitantes de seu site trazendo mais vendas e mais contratos!
www.imark.com.br
Administramos campanhas de Links Patrocinados para sua empresa. Deixe um profissional administrar suas campanhas de Links Patrocinados, desta forma, você atrairá mais clientes interessados em seu produto ou serviço, a curto prazo, e terá mais retorno em relação ao seu investimento, sem disperdiçar dinheiro. Otimizamos sua campanha, aproveitando ao máximo cada palavra-chave relevante ao conteúdo do seu site.
Seu site será facilmente encontrado por usuários que querem realmente os seus produtos e serviços, criando o equilíbrio necessário entre tráfego pago e tráfego natural - porém sempre altamente qualificado. O resultado é que através da Otimização de seu Site ou da compra de Links Patrocinados, nossos clientes não só somente melhoram sua imagem na Internet: São os visitantes de seu site trazendo mais vendas e mais contratos!
www.imark.com.br
Assinar:
Postagens (Atom)