El post que buscas se encuentra eliminado, pero este también te puede interesar

Codigos Hi5, por secciones

Codigos Hi5



Estructura básica (Partes) de un HI5


Codigos Hi5, por secciones


La mejor forma de colocar y ordenar tus codigos


Primero que todo el problema mas comun es que aveces pegamos un codigo y desaparece otro o simple mente lo colocamos y no nos funciona, bueno aquie les traigo la mejor forma para evitar esto, solo hay que copiar todos nuestro codigos en un block de notas y borrarlos de nuestro hi5 asi podremos agruparlos es secciones.

CÓDIGOS GENERALES (Afectan al todo el perfil, efectos y demás)




Tabla para amigos principales


<style>
#lifestyle{width:600px!important;}
</style>

y para redimencionar toda la columna izquierda:

<style>
#content-left{width:600px!important;}
</style>

los 600px los puedes cambiar a como te conbenga más

Banner en el Nick


<style>
#profile-name {padding-top:500px;background:transparent url(URL de la Imagen) center center no-repeat;}
</style>

Efecto agrandar imagenes al pasar el cursor


<style type="text/css">
#krish
{width:100%;}
#krish img
{
height:100px;
width:100px;
margin-top:100px;
}
#krish img:hover
{
height:200px;
width:200px;
margin-top:0px;
position:relative;
top:30px;
left:-10px;
}
</style>

Modificar un tapiz de Hi5


Quieres tener la apariencia de un tapiz pero si tapizas no puedes tener habilitada la seccion de personalizar pues aqui esta los paso que tienes que seguir para hacer que paresca tapizado pero con la seccion de personalizar activa

1- pon el tapiz que quieras.
2- das clic derecho sobre cualquier parte del perfil y te vas a la seccion de ver codigo fuente
3- te va aparecer una ventana de blog de notas
4- ahi te vas a edicion, buscar...
5- copia y pega en buscar esto <div id="ajaxMessages" style="display: none; width: 100%;"></div> y le das clic en buscar, eso te llevara hasta donde esta esa seccion
6- abajo de ahi encontraras lo siguiente <div id="p_center"><style type="text/css"> copia desde ahi hasta donde dice </style> <div class="profile-nav" style="margin-bottom: 0;">
7- quitas el tapiz
8- entras a la seccion personalizar y pegas todo y le das clic en guardar
9- y listo aparecera como que tubieras ese tapiz pero lo tienes personalizado


Scrollbar(Barra de desplazamiento) de Colores


<style type="text/css">
html{SCROLLBAR-FACE-COLOR: black;
BORDER-LEFT-COLOR: #545454;
SCROLLBAR-HIGHLIGHT-COLOR: #545454;
SCROLLBAR-SHADOW-COLOR:#545454;
SCROLLBAR-3DLIGHT-COLOR: #545454;
SCROLLBAR-ARROW-COLOR:#545454;
SCROLLBAR-DARKSHADOW-COLOR: #545454;}
</style>

Puedes Modificar los Valores Para Cambiar los Colores

Como puedo centrar mi perfil sin que se me mueva mis estadísticas y mi foto?


<style type="text/css">
#schools ,#groups ,#videos ,#widgets ,#recent-updates ,#photoAlbums ,#common-friends, #lifestyle, #user-fives ,#journalDetail ,#friends h1 ,#friends h2 {display:none;}
#friends {position:relative;bottom: -65em;left: -22.2em;}
#comments {position:relative;bottom: -65em;left: -22.2em;}
#interests {position:relative;bottom: -0em;right: -18.2em;}
</style>

Cambiar de Color Reproductor Immen



CODIGO ORIGINAL CON AUTOPLAY ERA ESTE:

<object width="300" height="340"><param name="movie" value="http://media.imeem.com/pl/rBu8LRyKjC/"></param><param name="wmode" value="transparent"></param><embed src="http://media.imeem.com/pl/rBu8LRyKjC/" type="application/x-shockwave-flash" width="300" height="340" wmode="transparent"></embed><a href="http://www.imeem.com/people/Z-i9aaf/playlist/v3izPa1D/memories_and_hopes_music_playlist/">Memories And Hopes</a></object>

LOS COLORES Y DEMAS QUEDO ASI:

<embed allowscriptaccess="never"src="http://media.imeem.com/pl/rBu8LRyKjC/" type="application/x-shockwave-flash"
width="300" height="340" wmode="transparent" flashvars="backColor=006666&primary
Color=ffffff&secondaryColor=CC0000&linkColor=CC0000"/> </center></div>

Efectos a los textos de Todo el HI5


<style type="text/css">
body
{line-height: 15pt;
color:#FFFFFF;
font-size:15px;
Filter: Blur(color=#666666, Strength=20)}
</style>

Color de links al pasar el cursor


<style type="text/css">
a{color:"color que quieras"}
a:active{color"color que quieras cuando este el puntero"}
</style>

Solo debes cambiar los valores en rojo por los colores que quieras


Centrar: estilo de vida, intereses, amigos y comentarios


<style type="text/css">
#profile-nav , #groups , #schools , #photoAlbums , #videos , #user-schools , #journal , #groups , #schools , #photoAlbums , #videos , #widgets , #journalDetail , #recent-updates {display:none;} </style>


Efecto en las imágenes (Solo Internet Explorer)


<style type="text/css">
#lifestyle img, #interests img {
max-width: 430px;
border:none;
visibility:visible;
filter:Alpha(Opacity=40) Blur(add=90,direction=90,strength=3) Blur(add=180,direction=180,strength=3) Blur(add=270,direction=270,strength=3) Blur(add=360,direction=360,strength=3);
-moz-opacity:0.4;
opacity:0.4;
-khtml-opacity:0.4
}
.comment-text img:hover, .comment-text a:hover img {
filter:Alpha(Opacity=60,FinishOpacity=20,Style=3,StartX=0,StartY=0,FinishX=0,FinishY=0) Alpha(Opacity=60,FinishOpacity=50,Style=2,StartX=0,StartY=0,FinishX=0,FinishY=0) Blur(add=90,direction=90,strength=9) Blur(add=180,direction=180,strength=9) Blur(add=270,direction=270,strength=9) Blur(add=360,direction=360,strength=9) gray;
border:none;
-moz-opacity:0.6;
opacity:0.6;
-khtml-opacity:0.6
}</style>

Intercambiar columna derecha por izquierda


<style>
#content-left {position:relative;left:486px;}
#content-right {position:relative;left:-486px;}
</style>


Barra de desplazamiento al lado izquierdo


<style>
body {direction:rtl;}table {direction:ltr;}</style>
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


BANNER Y PUBLICIDAD



Cambiar el color del buscador


<style>
#p_nav_header{FILTER:xray;}
</style>

Cambiar el Icono de Hi5


<style type="text/css">#new_header { zoom:1; position:relative; background:url(http://i259.photobucket.com/albums/hh301/phototsiou/getalife.gif) 10px 0px no-repeat; width:100%; text-align:left; }</style>

Cambias el URl por el de la Imagen que Quieras Ej:http://i259.photobucket.com/albums/hh301/phototsiou/getalife.gif

Cubrir Publicidad Hi5


<img src="http://URl de la imagen" style="position:absolute; left:0px; top:0px;" />

Para colocar una imagen con una posicion determinada utiliza este codigo solo cambia la direccion por la de tu imagen y juega con los valores que tienen left y top "0px" por el que tu quieras.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


NOMBRE DE PERFIL Y MENÚS DE PERFIL


Ocultar parte de ::Mi perfil del nombre


<STYLE>#profile-name .section-name{display:none}
</style>


Fondo en el nombre y visitas


Poner Color
<style type="text/css">
#profile-name{ background:#545454 }
</style>

Poner Imagen

<style type="text/css">
#profile-name{ background-image: url(http://);}
</style>

Ocultar Visitas


<style type="text/css">
#profile-name span {display:none;}
</style>

Ocultar Menu Perfil


<style>
#profile-nav{display:none}
</style>

Alterar Numero de Visitas Hi5


Primero esconder el contador de Visitas con esto:

<style type="text/css">
#profile-name span {display:none;}
</style>

Luego, tendrias que modificar tu nick para que aparente el numero de visitas que quieres:
mas o menos asi.

NICK :: Mi perfil (20000 visitas)

Esto podria ser, pero la gente se dará cuenta facilmente que es un Fake.

Otra Opcion

Hacer en photoshop una plantilla que contuviera: NICK :: Mi perfil (20000 visitas)
La subà a ImageShack u otro y aplique el siguiente codigo:

<style type="text/css">
#profile-name{background-image:url(http://image url.com/...);
background-color:#00000; color: black; background-repeat:no-repeat;
height:35px;
width:956px;}
</style>

Ocultar


Ocultar parte de
Perfil | Fotos | Ãlbum de recortes | Diario | Grupos | Favoritos | Aplicaciones

<style type="text/css">
#profile-nav{display:none;}
</Style>

Centrar Nick(nombre de perfil)


<style>#profile-name{text-align:center;}
#profile-nav {text-align: center;}
</style>

Color en Nick(nombre de perfil)


<style>#profile-name{text-align:center;}
#profile-name {color: #FFFF00;}
</style>

Lo que esta¡ en rojo tienes que cambialo por el codigo del color que quieras.
Checa los colores:
Lista de Colores HTML]Colores CLIC AkI]

Hacer mas grande la foto del perfil


<style type="text/css">
#user-picture IMG {HEIGHT: 300px;WIDTH:200px;DISPLAY: none;}
#user-picture { WIDTH: 250px;HEIGHT: 300px;TEXT-ALIGN: center; DISPLAY: block; background-image: url(URL DE tu FOTO);
background-repeat:no-repeat; background-position: center;margin-left: 28px; border: SOLID #FFFFFF 1px;} #user-</style>

la parte en rojo es donde pones la direxion de tu imagen creada espero me entiendas suerte!!


INFORMACIÓN DEL USUARIO


Mover Estadisticas



Este codigo queda asÃ: foto centrada, sin los links de usuario
y la info a la derecha

<style>
#user-links {visibility:hidden!important;}
#xabout-left {position:relative;
left:380px;}
#xabout-right {position:relative;
left:-320px;top:200px;}
#xabout-center {position:relative;
left:380px;}
</style>

Este codigo queda asÃ: foto centrada, sin los links de usuario
y la info a la izquierda


<style>
#user-links {visibility:hidden!important;}
#xabout-left {position:relative;
left:380px;}
#xabout-right {position:relative;
left:-320px;top:200px;}
#xabout-center {position:relative;
left:-190px;}
</style>

Este codigo queda asÃ: foto centrada, sin los links de usuario y
SIN info
(que es como mas me gusto )

<style>
#user-links {visibility:hidden!important;}
#xabout-left {position:relative;
left:380px;}
#xabout-right {position:relative;
left:-320px;top:200px;}
#xabout-center {display:none!important;}
</style>

Ocultar Enlaces Debajo de Foto principal


<style type="text/css">

#picture-links{display:none}
#user-links {display:none}

</style>

Ocultar Reportar Abuso


<style type="text/css">
#abuse-links {display:none !important}
</style>

Vanity bars o Barras de Estadisticas


Estilo mario Bros

<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/38.png) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/37.png) !important;
background-repeat: no-repeat !important;}</style>

Red Bars Stile

<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/33.png) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/34.png) !important;
background-repeat: no-repeat !important;}</style>

Blue Stile


<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/28.png) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/bar1.png) !important;
background-repeat: no-repeat !important;}</style>


Nen Stile

<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/29.png) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/30.png) !important;
background-repeat: no-repeat !important;}</style>

Walkman stile

<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/bar-2.png) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/bar-1.png) !important;
background-repeat: no-repeat !important;}</style>

Orange Stile

<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/31.png) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(http://i254.photobucket.com/albums/hh113/hi5skin/bars/32.png) !important;
background-repeat: no-repeat !important;}</style>

Ocultar Vanity bars


<style type="text/css">#vanity-bars {display:none;}</style>


POr ahora aqui lo dejo Salu2s

Fuentes de Información - Codigos Hi5, por secciones

Dar puntos
10 Puntos
Votos: 0 - T!score: 0/10
  • 0 Seguidores
  • 29.516 Visitas
  • 20 Favoritos

9 comentarios - Codigos Hi5, por secciones

@Boris2108 Hace más de 6 años
ok.!!

lo Dejo.!

haha

Mañana t dejo puntos.

Saludos,..

@Budokai Hace más de 6 años
aaaaaaaaaaaah...
@JimPag Hace más de 6 años
Esta muy bien tu post, pero? explica mas donde pones los codigos? habemos muchos novatos
@psybernauta Hace más de 5 años
que tal buen post! me puedes explicar el ultimo? donde pego el codigo de la imagen en que parte va
@kevinhuso Hace más de 2 años
lalalala