• Bem Vindo!

    Seja bem vindo ao Per Voi. Prazer, eu sou a Luh, tenho 28 anos, sou carioca e vascaína. Aqui nesse cantinho você poderá encontrar alguns materiais criados por mim e outros que fui juntando ao longo do tempo, da minha vida virtual. Espero que aproveite bem tudo que estou disponibilizando.
    Não esquecendo é claro de ler os Termos para isso!
    Bjsss Luh Princess

  • Me encontre aqui:

    Mia Vita - Dolce Illusione.com
    Gmail Msn Orkut

  • Calendário

    Agosto 2008
    D S T Q Q S S
    « Mai    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  

  • Comunidade

  • Enquete

    O que gostaria que tenha no Per Voi?

    Tutoriais para WP
    Temas Free
    Temas Base
    Utilitários
    Scripts
    Gifs e Acessórios
    Lays Free


  • Parcerias

    ~ Drikoti


    Gifs para você!!

  • Estatísticas

    Total de Posts: 95
    Total de Comentários: 38
    Total de Categorias: 16
    Post: É...eu ainda estou viva! o/
    Comentário: patricia
959 VisitasHome » Divisões para Perfil
Última Atualização: 17/08/2007 - 14:22:23

Divisões para Perfil


Essas divisões foram criadas em CSS, no caso de HTML, é só colocar entre as Tags:

<style> e </style>
Divisão 1

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao1 {
widht: 99%px;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: right;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
padding-right: 5px;
background-color: #FFE7F6;
border-top: 0px solid #FE5A90;
border-left: 0px solid #FE5A90;
border-right: 0px solid #FE5A90;
border-bottom: 4px double #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao1">Título aqui</div>
Divisão 2

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao2 {
widht: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: center;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
background-color: #FFE7F6;
border-top: 2px solid #FE5A90;
border-left: 0px solid #FE5A90;
border-right: 0px solid #FE5A90;
border-bottom: 2px solid #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao2">Título aqui</div>
Divisão 3

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao3 {
widht: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: center;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
background-color: #FFE7F6;
border-top: 0px solid #FE5A90;
border-left: 8px solid #FE5A90;
border-right: 8px solid #FE5A90;
border-bottom: 0px solid #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao3">Título Aqui</div>
Divisão 4

Coloque no seu style.css esse código abaixo:

/***************** TABELA DIVISAO ******************/
.divisao4 {
width: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: right;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
padding-right: 5px;
background-color:#FFE7F6;
border-top: 2px dotted #FE5A90;
border-left: 2px dotted #FE5A90;
border-right: 2px dotted #FE5A90;
border-bottom: 2px dotted #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao4">Título Aqui</div>
Divisão 5

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao5 {
widht: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: left;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
padding-left: 5px;
background-color: #FFE7F6;
border-top: 2px dashed #FE5A90;
border-left: 2px dashed #FE5A90;
border-right: 2px dashed #FE5A90;
border-bottom: 2px dashed #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao5">Título Aqui</div>
Divisão 6

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao6 {
widht: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #AB462B;
text-align: right;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
padding-right: 5px;
background-color: #FFE7F6;
border-top: 0px solid #FE5A90;
border-left: 0px solid #FE5A90;
border-right: 0px solid #FE5A90;
border-bottom: 4px dotted #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao6">Título Aqui</div>
Divisão 7

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao7 {
width: 98%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: center;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
background-color: #FFE7F6;
border-top: 6px double #FE5A90;
border-left: 6px double #FE5A90;
border-right: 6px double #FE5A90;
border-bottom: 6px double #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao7">Título Aqui</div>
Divisão 8

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao8 {
width: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: left;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
padding-left: 5px;
background-color: #FFE7F6;
border-top: 0px solid #FE5A90;
border-left: 0px solid #FE5A90;
border-right: 2px inset #FE5A90;
border-bottom: 2px inset #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao8">Título Aqui</div>
Divisão 9

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao9 {
width: 99%;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: right;
text-transform: uppercase;
line-height: 15px;
padding-top: 2px;
padding-right: 5px;
background-color: #FFE7F6;
border-top: 0px solid #FE5A90;
border-left: 2px outset #FE5A90;
border-right: 0px solid #FE5A90;
border-bottom: 2px outset #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao9">Título Aqui</div>
Divisão 10

Coloque no seu style.css esse código abaixo:

/***************** DIVISAO PERFIL ******************/
.divisao10 {
width: 99%px;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FE5A90;
text-align: center;
text-transform: uppercase;
line-height: 15px;
background-color: #FFE7F6;
border-top: 2px groove #FE5A90;
border-left: 2px groove #FE5A90;
border-right: 2px groove #FE5A90;
border-bottom: 2px groove #FE5A90;}
 

Coloque essa div no texto que deseja essa divisão:

<div class="divisao10">Título aqui</div>

Para saber o que cada atributo representa, e quais as opções, confira em Atributos do CSS.

Essa página foi desenvolvida por mim.Não redistribua e se utilizar dê os devidos créditos.

Qualquer dúvida, pergunte em Ask-me.




© Dolce Illusione.com/PER VOI εїз | Editado por Luh Princess

Melhor visualização: IE 7.0. | Melhor resolução: 1024 x 768.

Bad Behavior has blocked 265 access attempts in the last 7 days.