PESSOAL NESTE BLOG EU TRATO DE TUDO UM POUCO SOBRE INFORMÁTICA. ESTE BLOG SERVE EM PARTE PARA MIM COMO UM BLOCO DE NOTAS. PUBLICO AQUI MUITO ASSUNTO DE QUE ME PEDEM. ESPERO K APRECIEM ,

28
Fev 10

Centrar Perfil:


Código:

<style type="text/css">#content-right {
display: none;
}
table { empty-cells: hide; }
.bg_content table tbody tr td { width: 100%; }
#content-left { padding-left:250px; padding-right:250px;  }</style>


ou

Código:

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



Centrar título "Sobre mim"

Código:

<style type="text/css"> .bg_title box_profile_info_large_heading {text-align: center;} </style>



Centrar aquilo que está debaixo do nome e visitas:

Código:

<style type="text/css">#profile-nav {text-align: center;} </style>



Centrar nome/visitas:

Código:

<style type="text/css">#profile-name {text-align: center;} </style>



Centrar comentários:

Código:

<style type="text/css">.comment-text { text-align: center ; } </style>



Centrar "Adiciona, Comentários, etc"

Código:

<style type="text/css">#about-left { text-align: center ; }</style>



Centrar foto do user:

Código:

<style type="text/css">#user-picture { padding-left:390px; padding-right:250px; } <style>





Imagens


Imagem de fundo no sobre mim:

Código:

<style type="text/css">#lifestyle  { background-image: url(ENDEREÇO URL DA IMAGEM); }</style>



Imagem de fundo nos comentários:

Código:

<style type="text/css"> .comment {background:url(URL DA IMAGEM) !important;} </style>



Imagem do perfil maior:

Código:

<style type="text/css">
#user-picture a img {width:200px;height:200px;}
#user-picture {height:200px !important;width:200px;}
</style>



Colocar imagem de fundo:

Código:

<style type='text/css'>body {
background-image: url(ENDEREÇO DA IMAGEM);
background-attachment: fixed;
background-repeat: no-repeat;
}</style>



Imagem com Link:

Código:

<a href="LINK DE DESTINO" target="_blank"><img src="LINK DE IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM/LINK">[/url]



Trocas



Colocar a foto do user no sitio das estatísticas:

Código:

<style type="text/css">#user-picture { padding-left:750px; padding-right:250px; } <style>



Trocar as Colunas:

Código:

<style type="text/css">table{direction:rtl;}table table table{direction:ltr;}</style>



Caixas & Colunas


Caixa com Scroll nos Comentários: [ para colocar scroll noutra caixa, basta alterar o "#comments" para o nome ]

Código:

<style type="text/css">#comments { height: 300px; overflow: auto;}</style>



Caixa de Texto:

texto     

Código:

<fieldset>      texto      </fieldset>




Colocar 2 colunas no sobre mim

Código:

<table>
<tr>
<td>

coluna 1


</td>
<td>


coluna 2


</td>
</tr>
</table>



Cores


Cor de fundo:

Código:

<style type='text/css'> body { background: #CODIGO HTML DA COR; } </style>




Alterar a Cor dos Comentários:

Código:

<style type="text/css">.comment-text {color: CÓDIGO_DA_COR;} </style>



Alterar a cor da barra:

Código:

<style type="text/css"> #SITIO DA BARRA ex:#comments {scrollbar-face-color: CODIGO DA COR; scrollbar-highlight-color: CODIGO DA COR; scrollbar-shadow-color: CODIGO DA COR; scrollbar-3dlight-color: CODIGO DA COR; scrollbar-arrow-color: CODIGO DA COR; scrollbar-track-color: CODIGO DA COR; scrollbar-darkshadow-color: CODIGO DA COR;}</style>



Alterar a cor do nome dessa barra:

Código:

<style type="text/css">#profile-name {color:CÓDIGO DA COR QUE QUERES;}</style>




Trocar cor de Texto

Código:

<font color="#FF0000">TEXTO</font>

para trocar a cor é só trocar o código #FF0000 pelo código da cor pretendida


Recebe os gatos mais fixes no teu telemóvel agora!


Ocultar títulos



Apagar o titulo do Estilo de vida:

Código:

<style type="text/css">#lifestyle .bg_title { display: none; }</style>



Apagar titulo que diz Sobre mim:

Código:

<style type="text/css">#lifestyle .box_profile_info_small_heading
{ display: none; }</style>





Recebe os gatos mais fixes no teu telemóvel agora!



Outros

Colocar espaços:

Código:







Aumentar fotos dos comments:

Código:

<style type="text/css">
.comment-picture a img {width:200px;height:200px;}
.comment-picture {height:200px !important;width:200px;}
</style>



Fundo Transparente:

Código:

<style type="text/css"> div{background: transparent;}</style>



PT LoveCalc 728_90



Textos & Letras


Tipo de letra dos comentários:

Código:

<style type="text/css">.comment-text{font-face: Comic Sans;} </style>





Texto com Link:

Código:

<a href="LINK DE DESTINO">TEXTO A MOSTRAR[/url]



Texto à esquerda:

Código:

<P align="left"> TEXTO</font>



Texto à direita:

Código:

<P align="right"> TEXTO</font>



Texto ao centro:

Código:

<P align="center"> TEXTO</font>



Mudar tipo de letra das Estatísticas:

Código:

<style type="text/css"> .vanity-title { font-size: 10px; face="Arial"}</style>




Trocar tamanho do Texto/Link

Código:

<font size="5">TEXTO/LINK</font>

para trocar o tamanho é só trocar o 5 pelo número que quiser



TEXT
Código:

<marquee>TEXT</marquee>



TEXT
Código:

<marquee direction="right">TEXT</marquee>





Criar uma Lista/Top

Código:

<div class="subsection">
<table width="100%" cellpadding="0px" cellspacing="0px"><tr><td>
<div class="box_profile_info_small_content">
<div align="center"><select style="width: 150px;">



<option value="Top  ">. TOP  . </option>


<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>
<option>NOME DA PESSOA DO TOP</option>

</select> </div>

</div>
</td></tr></table>
</div>

publicado por jorgepc às 03:15
sinto-me:

Novembro 2016
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2
3
4
5

6
7
8
9
10
11
12

13
15
16
17
18
19

20
21
22
23
24
25
26

27
28
29
30


Subscrever por e-mail

A subscrição é anónima e gera, no máximo, um e-mail por dia.

Tags

todas as tags

mais sobre mim
pesquisar
 
blogs SAPO