, є sσnЋσ σu sєntιмєntσ

ando a bué a procura disto ! please !

sibi

vá la respondem é urgente madem por mesagem http://socinho hi5.com

By: Jaime Costa ; )

jaimelcostar.hi5.com

Código:

.vanity-bar {border: 0px solid #FFFFFF}
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(url da “segunda” imagem da estatisticas) !important;}
.vanity-bar div div {background:url(http://i220.photobucket.com/albums/dd245/Punkecas/hehe-1.gif) !important;}
#vanity-bars {filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}

ps: alterar o valor da “rotation” para as colocarem da horizontal, caso queiram entre os () é para se colocar os url’s das imagens de fundo das estatisticas. Só funciona no IE, mozilla sucks –’

Alterar a cor das estatísticas, neste caso para vermelho

Código:

.vanity-bar div div {background: #FF0000 !important;}

Substituir as barras das estatísticas por uma imagem ou gif

Código:

.vanity-bar div div {background:url(URL DA IMAGEM) !important;}

Transformar os comentarios numa table com os comentarios ocultos

Código:

#comments .listitem-separator {visibility: hidden;}
.section .comment-text
{ TEXT-ALIGN:center; color:white; overflow:hidden;}
.comment-picture {visibility: visible !important}
.comment div {visibility: hidden}
.comment-text {visibility: visible !important}
.comment-text img {max-height: 40%;max-width:40%;}
#comments .comment-text br {
display:none;}
.subsection .comment {height:100px !important; }
.comment-text {width:50px !important;overflow:hidden !important; }
div#comments div.comment {float: left !important;clear: none !important;width: 15% !important;overflow: hidden;}
div#comments div.listitem-separator {display: none !important;clear: none !important;}
.section .comment-text {font-size:10px; }
.comment-picture img {width:50px; height:50px !important; }
.subsection .comment:hover {height:90% !important;overflow-y:auto;}
.section .comment-text { overflow:hidden;}

ps: era bom que quando cá vierem copiar esta m**** para postarem em outros foruns coloquem lá o verdadeiro autor deste css…não se armem em grandes.

Criar efeito hover (drop down) no top de amigos

Código:

.friend { height: 15px; }
.friend:hover { height: 100% !important; }

Adiconar icone ao nome dos amigos no top default do hi5

Código:

.friend-name a { list-style: url(URL DO ICONE) inside; display: list-item; }

Colocar imagem na barra do nome e visitas

Código:

#profile-name {background-image:url(URL DA IMAGEM);
width:956px;
height:100px}

Substituir o ícone de online por outra imagem

Código:

#online-now-icon
{ background: url(http://i220.photobucket.com/albums/dd245/Punkecas/PunkeCasHi5Tutorial/aim7.gif);
height: 83px;width: 93px;}

Substituir o ícones dos user-links por outras imagens

Código:

#user-links A {
DISPLAY: list-item; LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(URL DO NOVO ICONE)
}

Adicionar icone ao “Picture-links”

Código:

#picture-links A {
DISPLAY: list-item; LIST-STYLE-POSITION: inside; LIST-STYLE-IMAGE: url(URL DO ICONE)
}

Aumentar o tamanho da “user-picture” sem desfocar e sem perder a propriedade de hiperligação

Código:

#user-picture { TEXT-ALIGN: center; DISPLAY: block; background-image:url(http://i220.photobucket.com/albums/dd245/Punkecas/submundos/submundos%20new%20tutorials/punkecastut.jpg); background-repeat: no-repeat; background-position: center;}
#user-picture a, div #user-picture { width:195px; height: 200px; }
#user-picture a img {visibility:hidden;}
#user-picture a { display: block; }

nota: a altura e largura da imagem que usarem tem de ser igual á atribuida no css, ou seja, se a imagem que voces usarem tiver 300 px de altura e 300 px de largura, a largura no css ficará “…width: 300px…” e a altura “… height: 300px…”

Aumentar o tamanho do top de amigos

Código:

.friend-picture a img {width:110px; height:110px !important;}
.friend-picture {height:110px; width:110px; !important;}
.friend {height:110px; width:110px; !important;}

Criar hiperligações (com texto)

Código:

NOME QUE APARECE

Criar hiperligações (com imagem)

Código:

Colocar imagem de fundo (exemplo á direita)

Código:

body {
background-image: url(ENDEREÇO DA IMAGEM);
background-position: right;
background-attachment: fixed;
background-repeat: no-repeat;
}

Reposicionar itens

Código:

# ITEN {
position:relative;
top: 100px;
bottom:100px;
right: 100px;
left: 100px; }

(ver o nome dos “ITENS” no tutorial sobre Ocultar itens)

Trocar as Colunas

Código:

table{direction:rtl;}table table table{direction:ltr;}

(se trocarem o TABLE por outro ITEM/LOCAL obtem uma inversao desse sitio)

Caixa com Scroll nos Comentários ( para colocar scroll noutra caixa, basta alterar o “#comments” para o novo local…ex: #user-links, #listyle, #interests ) [/b]

Código:

#comments { height: 300px; overflow: auto;}

Tipo de letra dos comentários

Código:

.comment-text {font-face: Comic Sans;}

Alterar a Cor da letra Comentários:

Código:

.comment-text {color: CÓDIGO_DA_COR;}

Alterar o atmanho da letra dos Comentários:

Código:

.comment-text {font-size: 20px ;}

Alterar o tipo de letra dos Comentários:

Código:

.comment-text { font-family:Tempus Sans ITC ;}

Centrar Perfil

Código:

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

Alargar table do about me

Código:

#content-left, #col1 { width: 600px; padding-left: 0px;}

Centrar a barra de links “#profile-nav”

Código:

#profile-nav {text-align: center;}

Centrar nome/visitas:

Código:

#profile-name {text-align: center;}

alinhar á esquerda o nome/visitas:

Código:

#profile-name {text-align: left;}

Alinhar á direita o nome/visitas:

Código:

#profile-name {text-align: right;}

Centrar a foto do user:

Código:

#user-picture { padding-left:250px; padding-right:250px; }

Alterar a cor da barra de scroll

Código:

#SITIO DA BARRA
{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;}

(html, body) no sitio da barra aletra a cor de todos os scrolls

alterar os borders (linhas)

Code base:
Código:

#local {border: ESPESURApx TIPO DE BORDER COR HTML;}

Exemplo:
Código:

#comments {border: 4px dashed #FF0000;}

nota: tipos de borders –> inset, outset, dotted, ridge, double, solid…

Alterar a cor das letras da barra que tem o nome e número de visitas

Código:

#profile-name {color:CÓDIGO DA COR QUE QUERES;}

Alterar a cor de fundo da mesma barra (transparente)

Código:

#profile-name {background: transparent;}

Alterar a cor de fundo da mesma barra (ex: vermelho)

Código:

#profile-name { background-color: #FF0000;}

(tambem funciona para a #profile-nav)

Tag “fieldset”

Código:

TEXTO

tag “textarea”

Código:

TEXTO

Criar Hiperligações:

Adicionar:

Código:

(ADD)

Fotos:

Código:

(Fotos)

Comentários ao perfil:

Código:

(Comenta)

Fives:

Código:

(Fives)

Mensagens:

Código:

Mensagens

Recortes:

Código:

(Recortes)

Favoritos:

Código:

(Favoritos)

Alguns cursores:

{ cursor: crosshair; }
{ cursor: auto; }
{ cursor: default; }
{ cursor: pointer; }
{ cursor: move; }
{ cursor: e-resize; }
{ cursor: ne-resize; }
{ cursor: nw-resize; }
{ cursor: n-resize; }
{ cursor: se-resize; }
{ cursor: sw-resize; }
{ cursor: s-resize; }
{ cursor: w-resize; }
{ cursor: text; }
{ cursor: wait; }
{ cursor: help; }

exemplo:
Código:

BODY{ cursor: crosshair; }

#secção a ocultar{display:none;}

Exemplo para esconder as actualizações:
Código:

#recent-updates {display:none;}

Ocultar Videos:

Código:

#videos {display:none;}

Ocultar Grupos:

Código:

#groups {display:none;}

Ocultar Diário:

Código:

#journalDetail {display:none;}

Ocultar Álbum de Fotos:

Código:

#photoAlbums {display:none;}

Ocultar Estilo de Vida:

Código:

#lifestyle {display:none;}

Ocultar Escolas:

Código:

#schools, #_schools {display:none;}

Ocultar Widgets:

Código:

#widgets {display:none;}

Ocultar Menu de Perfil:

Código:

#profile-nav, #profile-name {display:none;}

Ocultar Amigos:

Código:

#friends {display:none;}

Ocultar Amigos em Comum:

Código:

#common-friends {display:none;}

Ocultar Actualizações:

Código:

#recent-updates {display:none;}

Ocultar Ultima Visita:

Código:

.box_profile_connections {display:none;}

Ocultar Player de Musica:

Código:

#hifi5 {display:none;}

Ocultar Topo:

Código:

#p_nav_header {display:none;}

Ocultar Fim da Página:

Código:

#footer {display:none;}

Ocultar Dados Gerais:

Código:

#background {display:none;}

Ocultar Interesses:

Código:

#interests {display:none;}

Ocultar Fives:

Código:

#user-fives {display: none;}

Ocultar Comentários:

Código:

#comments {display:none;}

Ocultar Detalhes do Utilizador:

Código:

#user-details {display: none;}

Ocultar url:

Código:

#newURL {display:none;}

Ocultar links de denuncia:

Código:

#abuse-links {display:none;}

Ocultar links das fotos:

Código:

#picture-links {display:none;}

Ocultar titulo Sobre Mim:

Código:

#lifestyle .bg_title { display: none; }

Ocultar titulo Interesses:

Código:

#interests .bg_title { display: none; }

Ocultar titulo Comentários:

Código:

#comments .bg_title { display: none; }

Ocultar bordas:

Código:

#user-details .window_content { border:none;}

Ocultar profile comments status:

Código:

.window_blue {display:none;}

Ocultar foto do álbum mas deixar o nome:

Código:

.photoAlbums {display:none;}

Ocultar os link’s “Adiciona, Comentários etc.”

Código:

#user-links { display: none }

Ocultar Estatísticas:

Código:

#vanity-bars {display: none;}

Ocultar letras das Estatísticas mas deixar as barras:

Código:

.vanity-title {display:none;}

Barra de línguas: #xxxad_banner
Barra da pesquisa: #top_header
Barra de links inicial: #p_nav_primary
Todas as barras anteriores: #p_nav_header
Barra de nome e visitas: #profile-name
Barra de links do profile: #profile-nav
Ambas as barras: .profile-nav
Foto do profile: #user-picture
Links de imagem: #picture-links
Links de utilizador: #user-links
Links de abuso: #abuse-links
Todos os anteriores (coluna da esquerda): #about-left
Estado/Tópico: #todays-topic
Informação (Idade, Local, Aniversário,…): #user-info
Todas as anteriores (coluna central): #about-center
Link: #user-url
Barras e links de estatística: #vanity-bars
Apenas as barras: .vanity-bar
Entradas no diário: #journal-entries
Todas as anteriores (coluna da direita): #about-right
Coluna da esquerda: #content-left
Coluna da direita: #content-right
Ambas as colunas: .content-column
Todas as colunas (secção completa): #user-details
Actualizações: #recent-updates
Estilo de vida: #lifestyle
Interesses: #interests
Dados gerais: #background
Escolas: #schools
Videos: #videos
Diário: #journalDetail
Widgets: #widgets
Amigos: #friends
Álbuns de fotos: #photoAlbums
Fives: #user-fives
Comentários: #comments
Todas as secções: .section
Área de título da secção: .box_profile_info_large_heading
Área de links da secção: .section h2
Área central: .content
Sub-títulos: .box_profile_info_small_heading
Links do fundo: #footer