Todo para hi5

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.






<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



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



<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>



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




<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



<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>




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>



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



<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




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




<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>



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




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







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



<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



<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.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------






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




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

Poner Imagen

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



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



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



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 parte de
Perfil | Fotos | Ãlbum de recortes | Diario | Grupos | Favoritos | Aplicaciones

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



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



<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]



<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!!







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>



<style type="text/css">

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

</style>



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



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>



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