[Tutorial] Tudo para o sobre mim

________________________________
codigo base

Código:

<style type="text/css">
o codigo que pretendem
</style>

_________________________________


Sobre mim

Mudar a cor do fundo do sobre mim

Código:

#lifestyle .content {background-color: codigo da cor;}

a pagar o que diz “codigo da cor” pelo codigo da cor que pretendem


Formatos lidos nas cores:
(1) codigos em hagaxional (#FF0000)
(2) valores RGB (rgb(255,0,0))
(3) nome em inglês (red)

Exemplos:
#lifestyle .content {background-color: #FF0000;}
#lifestyle .content {background-color: rgb(255,0,0);}
#lifestyle .content {background-color: red;}

Fundo a Transparente:

Código:

#lifestyle .content {background-color: transparent}

Nivel de Transparencia:

Código:

#lifestyle .content { filter: alpha(opacity=50); opacity: 0.5; }

pessoal agora e so mudar os valores ate ficar com a transparencia que querem...mudar os valores a ate 1OO e 0.1 ...que é tutalmente transparente...


Imagem no fundo

Código:

#lifestyle .content {background-image: url(url da imagem);}

apagar o que diz “url da imagem” e colacar o url da imagem pretendida.

__________________________________________
Mudar a barra que diz “editar Sobre Mim”

Código:

#lifestyle h2{background-color: codigo da cor;}

a pagar o que diz “codigo da cor” pelo codigo da cor que pretendem


Formatos lidos nas cores:
(1) codigos em hagaxional (#FF0000)
(2) valores RGB (rgb(255,0,0))
(3) nome em inglês (red)

Exemplos:
#lifestyle h2 {background-color: #FF0000;}
#lifestyle h2{background-color: rgb(255,0,0);}
#lifestyle h2{background-color: red;}

Imagem no fundo

Código:

#lifestyle h2{background-image: url(url da imagem);}

apagar o que diz “url da imagem” e colacar o url da imagem pretendida.



esta barra so nós é que a vimos..mas mesmo a sim ficam as mudificaçoes para ela

_______________________________________________
Mudar a barra que diz “Sobre Mim”

Código:

#lifestyle h1{background-color: codigo da cor;}

a pagar o que diz “codigo da cor” pelo codigo da cor que pretendem


Formatos lidos nas cores:
(1) codigos em hagaxional (#FF0000)
(2) valores RGB (rgb(255,0,0))
(3) nome em inglês (red)

Exemplos:
#lifestyle h1 {background-color: #FF0000;}
#lifestyle h1{background-color: rgb(255,0,0);}
#lifestyle h1{background-color: red;}

Imagem no fundo

Código:

#lifestyle h1{background-image: url(url da imagem);}

apagar o que diz “url da imagem” e colacar o url da imagem pretendida.


Cor do texto

Código:

#lifestyle h1 {color: codigo da cor;}

apagar o que diz “codigo da cor” e colacar o codigo da cor pretendida.


Fonte

Código:

#lifestyle h1 {font-family:fonte pretendida;}

apagar o que diz “Fonte pretendida” e colacar a Font pretendida.


Tamanho

Código:

#lifestyle h1 {font-size: tamanho px;}

apagar o que diz “tamanho” e colacar o tamanho pretendido.


Font estilo

Código:

#lifestyle h1 {font-style: fonte estilo ;}

apagar o que diz “fonte estilo” e colacar o estilo pretendido.


Opções:
normal
italic
oblique
__________________________________________
Centrar

Centrar Perfil:

Código:

#content-right {
  display: none;
}
table { empty-cells: hide; }
.bg_content table tbody tr td { width: 100%; }
#content-left { padding-left:250px; padding-right:250px;  }

ou

Código:

#content-left { padding-left:250px; padding-right:250px; }

Centrar título "Sobre mim"

Código:

.bg_title box_profile_info_large_heading {text-align: center;}

________________________________________________
Codigos Extras

Colocar 2 colunas no sobre mim

Código:

<table>
  <tr>
    <td>
   
    coluna 1
   
   
    </td>
    <td>
   
   
  coluna 2
   
   
    </td>
  </tr>
</table>

Apagar titulo que diz Sobre mim:

Código:

#lifestyle .box_profile_info_small_heading
{ display: none; }

Alagar o sobre mim

Código:

.box_profile_info_small_content { width:900px !important;}
#content-left { width:900px; height:900px  !important;}
#content-right {width:0px !important;}
#interests, #lifestyle { width:900px; height:900px !important;}

scroll no sobre mim

Código:

#lifestyle {height:100px;overflow:auto;}

____________________________________________________
ps: eu penso que não me esqueci de nenhum codigo para esta secção..se por ventura derem por a falta de algum codigo...podem pedir..ou entao podem dar o mesmo que eu atualizarei o tutorial.... ;D


BY MUKA

Bom post mukinha *.*

Biaziinhaw escreveu:Bom post mukinha *.*

eheheh obrigado...

Biaziinhaw escreveu:Bom post mukinha *.*

Eheh, digo o mesmo

muka escreveu:

Biaziinhaw escreveu:Bom post mukinha *.*

eheheh obrigado...

De nada

Susanne escreveu:

Biaziinhaw escreveu:Bom post mukinha *.*

Eheh, digo o mesmo

Obrigada...

Biaziinhaw escreveu:
De nada

concordo

Bom post

concordo

De nada (: