http://paulynhuh.bloguedoido.com http://bloguedoido.com/ Copyright (c) 2006, Hi-pi Hi-pi ATOM generator Hi-pi http://paulynhuh.bloguedoido.com 2008-08-03T01:52:33+02:00 secçoes

Codigo para criarem seco actualizada)

Codigo:
table style="margin: 0px auto;" " class="structurediv" align="center" TITULO 1 TITULO 2 TITULO 3 TITULO 4 " class="structurediv" " align="justify" escrevem1 " align="justify" escrevem2 " align="justify" escrevem3 " align="justify" escrevem4 Codigo extra (necessario): Alargar a seco do about me: #content-left, #col1 { width: 650px; padding-left: 0px; } Centrar a o profile (opcional): padding-right:250px; } se quizerem colocar os "titulo" dentro de caixas, usem a tag fieldset exemplo: ... TITULO 1 TITULO 2 ... se alterarem a espesura de 0px para 1px ou mais irao criar um border

Resultado "Final": http://i220.photobucket.com/albums/dd245/Punkecas/hi5tut.jpg

http://paulynhuh.bloguedoido.com/7677/seccoes/ paulynhuh http://paulynhuh.bloguedoido.com 2008-08-03T01:47:37+02:00 mais codigos (novo)

Alterar a cor das estatisticas, neste caso para vermelho

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

Substituir as barras das estatisticas por uma imagem ou gif

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

Colocar imagem na barra do nome e visitas

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

Substituir o icone de online por outra imagem

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

Substituir o icones dos user-links por outras imagens

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

Adicionar icone ao "Picture-links"

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

Criar hiperligaes (com texto)

Codigo:
NOME QUE APARECE

Criar hiperligaes (com imagem)

Codigo:
img width="80" height="80" src="URL DA IMAGEM"

Colocar imagem de fundo (exemplo a direita)

Codigo:
body { background-image: url(ENDERE background-position: right; background-attachment: fixed; background-repeat: no-repeat; }

Reposicionar itens

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

(ver o nome dos "ITENS" no tutorial sobre Ocultar itens) Tipo de letra dos comentarios

Codigo:
style type="text/css"}

Trocar as Colunas

Codigo:
style type="text/css"}table table table{direction:ltr;}

(se trocarem o TABLE por outro ITEM/LOCAL obtem uma inversao desse sitio) Caixa com Scroll nos Comentarios ( para colocar scroll noutra caixa, basta alterar o "#comments" para o novo local...ex: #user-links )

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

Alterar a Cor da letra Comentarios:

Codigo:
.comment-text {color: CODIGO_DA_COR;}

Alterar o atmanho da letra dos Comentarios:

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

Alterar o tipo de letra dos Comentarios:

Codigo:
.comment-text { font-family:Tempus Sans ITC

Centrar Perfil

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

Alargar table do about me

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

Aumentar a #user-picture

Codigo:
#user-picture a img {width:200px;height:200px;} #user-picture {height:200px !important;width:200px;}

Apagar o titulo do Estilo de vida

Codigo:
#lifestyle .bg_title { display: none; }

Apagar titulo que diz Sobre mim

Codigo:
#lifestyle .box_profile_info_small_heading { display: none; }

Apagar titulo dos comentarios:

Codigo:
#comments .bg_title { display: none; }

Retirar icons dos user-links:

Codigo:
#user-links img {display:none;}

Centrar aquilo que esta debaixo do nome e visitas

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

Centrar nome/visitas:

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

Centrar a foto do user:

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

Alterar a cor da barra de scroll

Codigo:
#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-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:

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

Exemplo:

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

Alterar a cor das letras da barra que tem o nome e numero de visitas

Codigo:
#profile-name {color:CODIGO DA COR QUE QUERES;}

Alterar a cor de fundo da mesma barra (transparente)

Codigo:
#profile-name {background: transparent;}

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

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

(tambem funciona para a #profile-nav) Alterar Tag "fieldset" 1 crias o id para a tag fieldset

Codigo:
TEXTO/OUTRAS M***S

2 crias o Css e atribuis as caracteristicas desejadas

Codigo:
#PunkecasFieldset {border: ESPESURApx TIPO DE BORDER #COR;}

exemplo de um Css

Codigo:
#PunkecasFieldset {border: 4px solid #FF0000;}

solid e um tipo de border...existem mts mais, entre eles o dotted, dashed, inset, outset... Criar zonas de Texto/outras coisas oculto parte CSS

Codigo:
a span{display:none;} a:hover span {display: block;}

parte HTML

Codigo:

Como usar uma tag "textarea" Parte CSS:

Codigo:
#Punkecas { width: 300px; height: 50px; overflow: auto; }

Parte HTML:

Codigo:
textarea name="Punkecas" cols="0" rows="0" id="Punkecas" TEXTO

com este "code" tem a possibilidade de alterar a altura, a largura, e o numero de fileiras desta tag Criar Hiperligaes: Adicionar:

Codigo:
a href="http://www.hi5.com/friend/profile/enforceFriendRequestSecurity.do?userid=ID DO VOSSO HI5 "

Fotos:

Codigo:
a href="http://www.hi5.com/friend/photos/displayMyPhoto.do?ownerId=ID DO VOSSO HI5 "

Comentarios ao perfil:

Codigo:
a href="http://www.hi5.com/friend/book/displaySignBook.do?userid=ID DO VOSSO HI5 "

Fives:

Codigo:
a href="http://www.hi5.com/friend/fives/displayAddUserFive.do?userid=ID DO VOSSO HI5 "

Mensagens:

Codigo:
a href="http://www.hi5.com/friend/mail/displayComposeMail.do?toIds=ID DO VOSSO HI5 "

Recortes:

Codigo:
a href="http://www.hi5.com/friend/profile/displayScrapbook.do?userid=ID DO VOSSO HI5 "

Favoritos:

Codigo:
a href="http://www.hi5.com/friend/addBookmark.do?userid=ID DO VOSSO HI5 "
 http://paulynhuh.bloguedoido.com/7679/mais-codigos-novo/ paulynhuh http://paulynhuh.bloguedoido.com 2008-08-03T01:52:30+02:00 cursores

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:

Codigo:
BODY{ cursor: crosshair; }
 http://paulynhuh.bloguedoido.com/7676/cursores/ paulynhuh http://paulynhuh.bloguedoido.com 2008-08-03T01:45:37+02:00 efeitos de imagens

Imagem transparente

Codigo:
img src="AQUI URL " style="filter:alpha(opacity=50)"

quanto menor o valor mais transparente fica, ou seja com 30 de opacity a imagem fica mais branca do que com 50 Reflicta a imagem em posio Vertical:

Codigo:
img src="AQUI URL " style="filter:flipv"

Reflicta a imagem em posio Horizontal:

Codigo:
img src=" AQUI URL" style="filter:fliph"

Eefeito de noite

Codigo:
URL" style="filter:xray()"

Efeito de preto e branco

Codigo:
URL" style="filter:gray;"

Efeito de gravadura na imagem

Codigo:
URL" style="filter:progid:dximagetransform.microsoft.emboss"

Efeito de realce nas imagem

Codigo:
URL" style="filter:progid:dximagetransform.microsoft.emboss"

EFEITOS A PASSAGEM DO MOUSE De Preto e Branco para Cor:

Codigo:
a: AQUI URL {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}

De Cor para Preto e Branco:

Codigo:
a: AQUI URL {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;}

De normal para reflectida:

Codigo:
a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}

De reflectida para normal:

Codigo:
a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;}

De nitidez para desfoque:

Codigo:
a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}

De desfoque para nitidez:

Codigo:
a:link img {filter:blur(add = 0, direction = 225, strength = 10);} a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}

De nivelamento para realce:

Codigo:
a:hover img {filter:progid:dximagetransform.microsoft.emboss;}

De realce para nivelamento:

Codigo:
a:link img {filter:progid:dximagetransform.microsoft.emboss;} a:visited img {filter:progid:dximagetransform.microsoft.emboss;} a:hover img {filter:none;}

De sol para noite:

Codigo:
a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();}

De noite para sol:

Codigo:
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}

De nitidez para transparencia:

Codigo:
a:link img {filter:none;} a:visited img {filter:none;} }

De transparencia para nitidez:

Codigo:
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}

Colucar imagens proximas

Codigo:
img src="URL IMAGEM"

http://paulynhuh.bloguedoido.com/7674/efeitos-de-imagens/ paulynhuh http://paulynhuh.bloguedoido.com 2008-08-03T01:44:15+02:00 links uteis

Basico:http://www.hi5.com/friend/profile/displayEditBasic.do Foto: http://www.hi5.com/friend/profile/displayEditPhoto.do Contacto: http://www.hi5.com/friend/profile/displayEditContact.do Ensino: http://www.hi5.com/friend/profile/displayEditEducation.do Estilo de vida: http://hi5.com/friend/account/displayEditProfileLifestyle.do Interesses: http://www.hi5.com/friend/account/displayEditProfileInterests.do http://www.hi5.com/friend/profile/displayEditPersonal.do Dados Gerais: http://www.hi5.com/friend/account/displayEditProfileAppearance.do Grupos: http://www.hi5.com/friend/group/displayMyGroups.do?userId=ID Fives: http://www.hi5.com/friend/fives/displayManageUserFives.do Comentarios: http://www.hi5.com/friend/book/displayBook.do?userid=ID Album de Fotos: http://www.hi5.com/friend/photos/displayUserAlbums.do?ownerId=ID Personalizar Perfil: http://hi5.com/friend/account/displayEditProfileCustomization.do Abandonar Escola: http://www.hi5.com/friend/school/leaveSchool.do?schoolId=IDdaEscola Pesquisar por Nome/Email: http://www.hi5.com/friend/displaySearch.do (Substituir as palavras ID pelos respectivos ID's)

 http://paulynhuh.bloguedoido.com/7673/links-uteis/ paulynhuh http://paulynhuh.bloguedoido.com 2008-08-03T01:40:16+02:00