Tutoriais  24/04/2006 

Tabela para Perfil

Modelo básico de tabela para perfil. Você pode alterar as cores de border, font e background de acordo com suas preferências.

01. Primeiro você tem que colocar o seguinte código no css do seu blog dentro da tag style ou do arquivo style.css

h1 {
display: block;
color: #FFA9D5;
font-weight: bold;
background-color: #FFE8F5;
background-repeat: no-repeat;
width: 100%;
height: 18px;
text-indent: 5px;
vertical-align:middle;
text-decoration: none;
font-family: verdana;
line-height: 18px;
margin-bottom: 1px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
.content {
text-align:justify;
font-size: 10px;
font-family: arial;
color: #808080;
width: 100%;
border: 1px solid #FFE8F5;
padding-right: 1px;
padding-left: 1px;
padding-top: 2px;
padding-bottom: 2px;
line-height:14px;
padding: 4px 4px 4px 4px;
}

02. E onde você quer que a tabela apareça, coloque:

<h1>Perfil</h1>
<div class="content">Escreva sobre você aqui</div>


Leia Também

Deixe seu comentário

19/10/2008 ・ 19:17

AAAAH. amor quero te dar os parabéns viu? Aqui tá muito lindo! Parabéns mesmo, e qe vs possa sempre continuar crescendo 🙂 Beijo e muito sucesso pra vs! • :8:

02/03/2010 ・ 23:53

Olá, eu gostaria de saber se tem como deixar as bordas da tabea arredondadas? e se possivel como?
Agradeço desde já beijos.

Nathalia
12/01/2011 ・ 10:31

Tamara, sempre quando tem um código, ele sempre está naquela caixinha de texto alí, eu queria saber o nome dessa caixinha, pois eu queria colocá-la no meu blog. Obrigada. :22:

19/03/2011 ・ 15:07

Olá ameei aqui !
fiz um theme para o tumblr com a sua ajuda, posso colocar no meu tumblr ? Mas com os devidos créditos á vc ?:*

27/03/2012 ・ 16:34

Opaaa.. valeu pelo tuto!!
bjj *–* :32:

Ana Karollins
04/01/2014 ・ 22:04

nossa to muito perdida, n conseguir localizar o style no meu html, esse serve pro blogspot tbm?