mas codigos para el hi5

martes, 15 de septiembre del 2009 a las 16:02

NOTA:Copiar y pegar en Acerca de mi o en Intereses
1.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_Dnvya.gif) top left repeat;
border:none;}
</style>

2.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i196.photobucket.com/albums/aa110/yuxs/foropympy/3.gif) top left repeat;
border:none;}
</style>

3.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i196.photobucket.com/albums/aa110/yuxs/foropympy/29.gif) top left repeat;
border:none;}
</style>

4.Barra de navegacion superior con efecto de

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i196.photobucket.com/albums/aa110/yuxs/foropympy/4.gif) top left repeat;
border:none;}
</style>

5.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_BK1No.gif) top left repeat;
border:none;}
</style>

6.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_Kjp8i.gif) top left repeat;
border:none;}
</style>

7.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_Gw5fq.gif) top left repeat;
border:none;}
</style>

8.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_yTVti.gif) top left repeat;
border:none;}
</style>

9.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_BaAG7.gif) top left repeat;
border:none;}
</style>

10.Barra de navegacion superior con efecto de rayas purpura:

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_OX2hc.gif) top left repeat;
border:none;}
</style>

11.Barra de navegacion superior con efecto de :

Código:

<style type="text/css">
#p_nav_header {
width: 1024px;
margin:0 auto;
overflow:visible;
background:url(http://i184.photobucket.com/albums/x79/pixvirtual/fm/145/th_fondos_animados_g4tJZ.gif) top left repeat;
border:none;}
</style>

caja de bob esponja

relojes

Reloj de Blink:

Código:

<embed src='http://www.crazyprofile.com/clocks/swf/Blink182.swf' quality='high' bgcolor='#ffffff' width='320' height='240' name='te1' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a href='http://www.crazyprofile.com/clocks/clocks.asp' target='_blank'><font face='verdana' size=1>Oswaldo</font>

Reloj de Green Day:

Código:

<embed src='http://www.crazyprofile.com/clocks/swf/Green_Day.swf' quality='high' bgcolor='#000000' width='320' height='240' name='te1' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a href='http://www.crazyprofile.com/clocks/clocks.asp' target='_blank'><font face='verdana' size=1>Oswaldo</font></a></div>

Reloj de Vin Diesel:

Código:

<embed src='http://www.crazyprofile.com/clocks/swf/Vin_Diesel.swf' quality='high' bgcolor='#000000' width='320' height='240' name='te1' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br><div><a href='http://www.crazyprofile.com/clocks/clocks.asp' target='_blank'><font face='verdana' size=1>Created by oswaldo</font></a></div>

NOTA: si kieren de algun otro solo me dicen

codigos super utiles

****TODO EST VA EN ACERCA DE MI****

*Centrar Imgenes,texto,aplicaciones,flash.

<center></center>

*Insertar Espacio(s) entre imagenes,texto,aplicaciones,flash
<br>

*Insertar Imegenes con o sin link en cualquier lugar
<a href="ENLACE A DONDE NOS VA A LLEVAR LA IMAGEN AL HACER CLICK">
<img src="RUTA DONDE SE ENCUENTRA LA IMAGEN" border=0>
</a>

Pueden usar la imagen sin link tambien

*Cambiar la imagen de tus estadisticas
<style type="text/css">
.vanity-bar div div img,
.vanity-bar div img {display:none;}
.vanity-bar div {background:url(AKI LA RUTA DE TU IMAGEN QUE IRA COMO ESTADISTICAS QUE AUN NO TIENES) !important;
background-repeat: no-repeat !important;}
.vanity-bar div div {background:url(AKI LA RUTA DE TU IMAGEN QUE IRA COMO LAS ESTADISTICAS QUE LLEVAS) !important;
background-repeat: no-repeat !important;}

*Quitar amigos en comun (nadie los puede ver)
</style><style>
#common-friends{display:none;}
</style>

*Quitar Regalos hi5 (nadie los puede ver)
<style type="text/css">
#gifts {display:none;}
</style>

*Quitar Marco transparente de tu informacion (edad,ubicacion etc)
<style>
#info,#contact {border:none}
#info-topmid {filter:none !important;background:none !important}
#info-topleft,#info-topright,#info-botleft,#info-botmid,#info-botright {display:none}
</style>

*Cambiar tus iconos de navegacion (agregar amigo,mensaje etc)
<style type='text/css'>
#user-links img {display: none}
#user-links a {list-style:url(AKI EL CODE DE SU IMAGEN RECOMIENDO 15px x 15px) inside;display:list-item}
</style>
<br />
<style>
#online-now-icon {
background: url(AKI LA RUTA DE LA IMAGEN RECOMIENDO TAMAÑO MAXIMO 15px15px); HEIGHT: 40px; WIDTH: 100px; filter:none;} </style>

*Cubrir los fives
<style>
#user-fives .listitem-separator{display:none;}
#user-fives img {opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0.0;}
#user-fives .subsection{padding-left:110px; padding-right:110px;background-image:url(AKI LA RUTA DE LA IMAGEN);}
</style>

*Caja de comentarios personalizada
<style type="text/css">
.commentEditor form input {
background: transparent url(RUTA DE LA IMAGEN QUE VA A IR COMO BOTON ENVIAR) center center no-repeat;
color: #fff;
overflow: hidden;
width: 322px;
height: 17px;
padding: 0; margin: 0; border: 0;
text-indent: 9999px;
line-height: 9999px;
cursor ointer;
}

textarea {background: transparent url(AKI LA IMAGEN QUE VA A IR COMO FONDO DE LA CJA DE COMENTARIOS);
border:none;
color:#ffffff;
width: 322px ;
height: 98px ;
font-size:20;
font-weight:bold;
border:none;overflow: hidden;
}
</style>
Todos los valores de color y tamaño de letra se pueden cambiar, si no sabes los codigos de los colores AQUI HAY UNA TABLA CON LOS CODIGOS

*Codigo para quitar la seccion de juegos
<style type="text/css">
#gamesModule {display:none;}
</style>

*Codigo para centrar su nombre de perfil

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

</style>*Codigo para quitar la palabra "MI PERFIL"
<style> #profile-name .section-name { display: none; } </style>

*Codigo para quitar las visitas del titulo de tu perfil
<style type="text/css">#profile-name span {display:none;}</style>

*Codigo para quitar "BLOQUEAR USUARIO DE TU PERFIL"
<style type="text/css">
#abuse-links {display:none !important}
</style>

*Codigo para dejar mensaje personalizado cuando te ponen un comentario

<style type='text/css'>
#pageMessages div {display: none}

#pageMessages {filter:alpha(opacity=60); opacity: 0.6}

#pageMessages:hover {filter:alpha(opacity=100); opacity: 1.0}

#message-success {background:transparent !important; background-image:url() !important;}

#message-success #message-content h1 {color: #FFFFFF !important;background:url(AKI LA RUTA DE LA IMAGEN RECOMIENDO 60X100) no-repeat 5% 90% ;text-indent:-9000px;height:100px}
#message-success #message-content {height:100px; background:url(h;
background-repeat:no-repeat;
padding-left: 100px;
padding-bottom: 10px;
border: 5px #FFFFFF dashed;
background-color:transparent;
float: none !important;
background-position: 5% 50%;filter:alpha(opacity=60)}

#message-success #message-content:hover {filter:none }

#message-success, #message-content, #message-error {display: block !important}

</style>
************

****ESTO VA EN INTERESES****

QUITAR PUBLICIDAD hi5 y Google

<style type="text/css"> iframe {display:none;}</style>

<style>
#xabout-right {visibility:hidden;}
#vanity-bars {visibility:visible !important;}
</style>
<br>

<br>

<table width="100%" cellpadding="0px" cellspacing="0px"><tr><td>
<div>
<style type="text/css">
GK-TM{sitio-web:http://*********.net;}
iframe {display:none;}#search_table {display:none;}.scrollable {display:none;}.box_profile_connections
{display:none;}#p_nav_header {display:none;}#footer {display:none;}
</style>

<style type="text/css">
GK-TM{sitio-web:http://*********.net;} .bg_content, .heading_profile { background-color: transparent !important;
</b>
</div>
</td></tr></table>

**********

Ojo hay codes que de alguna manera habilitan la publicidad de nuevo, por decir un ejemplo:

<style>
#gropups{display:none;}
</style>
y hace que salga la gran imagen a lado de su informacion personal, no se la razon pero cuidado con los codes que le metan a su hi5 por que esos pueden meterles de nuev la publicidad que tanto les costo quitar

agrandar fotos de comentarios

Pega este codigo en "Acerca de mi"

Código:

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

efecto en imagenes

imagen en negativo al pasar el mause se ve normal

Cita:

invertido. la imagen se ve normal al pasar el mause se ve negativo

Cita:

imagen en circulo trasparente al pasar el mause se ve normal

Cita:

imagen blanco y negro al pasar el mause se ve normal

Cita:

invertido: imgen normal al pasar el mause es blanco y negro

Cita:

imagen espejo la imgen esta en sentido contrario como si le hubieran dado vuelta y al pasar el mause se ve bien normal

Cita:

imagen transparente al pasar el mause se pone nomral

Cita:

se ve la imagen normal y al pasar el mause se unde

Cita:

la imegen se ve distorcionada y al pasar el mause se ve bien

Cita:

cubre amigoz

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/I...ExZTI4Y2Jm.gif" />
<style type="text/css">
.copyright {hecho en pympy.com}
.friend-picture {height:100px !important;width:100px!important;
margin-left: 3px;border:none;}
.friend-picture img {height:100px !important;width:100px!important; margin-left: 3px}
.friend-picture div {background:url(http://img199.imageshack.us/img199/7...4210810b43.gif) 5px;padding:100px;}
.friend-picture div:hover {padding:0px;} </style>
<a href="http://www.pympy.com/cubre-amigos/hi5/" target="_blank"><img src="http://i196.photobucket.com/albums/a...vers/publi.gif" border="0"/></a><br />
<br />
<a href="http://www.quechimba.net" target="_blank">Imagenes para hi5 & Myspace</a>
<br /><br />

muchos mas codigos utiles

CENTRAR LOS COMENTARIOS

<style type='text/css'>
#comments {text-align:center!important;}
.comment-picture {float:none}
.comment-picture {margin-top:10px;margin-right:410px;position:relative;left:17em; }
</style>

FONDO EN LOS ALBUNES DE FOTOS

<style type="text/css"> albumWrapper {width: 100px !important;}
.album {background: url(URL DE TU IMAGEN); height: 100px; width: 100px;}
.album img {width: 75px !important; height: 75px !important} </style>

OCULTAR RECUADRO EN INFORMACION

<style>
#info,#contact {border:none}
#info-topmid {filter:none !important;background:none !important}
#info-topleft,#info-topright,#info-botleft,#info-botmid,#info-botright {display:none}
</style>

ESCONDE LA PARTE CENTRAL DE TU HI5 DONDE ESTA TU ESTADO

<style>
#about-center {display:none;}
</style>

ESCONDER COMENTARIOS Y MOSTRARLOS AL PASAR EL MOUSE

<style>
.subsection .comment {height:100px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>

IMAGEN A LADO DE LOS COMENTARIOS

<style type="text/css">.comment {background:url(URL DE TU IMAGEN);
background-position: 23px 30px;background-repeat:no-repeat;}.comment-picture {MARGIN-TOP: 6em; LEFT: 15em;POSITION: relative;}
.comment-picture {height:100px!important; width:100px;border:none;}
.comment-picture a img {width:100px;height:100px;border:none;} </style>

marcos para comentarios buenisimos

<style>
.comment { height: 120px !important; }
.comment { background-image: url(URL DE TU IMAGEN); background-position: 2px 3px; background-repeat: no-repeat; }
.comment a:link img { filter: alpha(opacity=60); opacity: 0.60; }
.comment a:visited img { filter: alpha(opacity=60); opacity: 0.60; }
.comment a:hover img{ filter: none; opacity: 100; }
.comment:hover { height: 100% !important; overflow-y: auto; }
.commentEditor form input { background: transparent url() center center no-repeat; color: #fff; overflow: hidden; width: 141px; height: 22px; }
.comment-picture { height: 100px !important; width: 100px; border: none; margin-top: 1em; left: 1em; position: relative; margin-right: 3em !important; }
.comment-picture { background-image: url(); }

.comment-picture a img { width: 100px; height: 100px; border: none; }
.comment-text { background: transparent ; }
.comment-text:first-letter { font-size: 30px!important; line-height: 30px; font-family: script!important; }
.friend a:link img { filter: alpha(opacity=40); opacity: 0.40; }

</style>

1
http://img146.imageshack.us/img146/4484/nuevo1e.png

2
http://img146.imageshack.us/img146/631/nuevo2b.png

3 http://img297.imageshack.us/img297/3740/nuevo3.png

4 http://img297.imageshack.us/img297/3987/nuevo4.png

5 http://img297.imageshack.us/img297/626/nuevo5.png

6AMARILLO http://img524.imageshack.us/img524/2766/17030191.png

7VERDE http://img524.imageshack.us/img524/9807/11856546.png

AZUL 8 http://img524.imageshack.us/img524/5963/bqsfpc72804803ghmkfhjpn.png

9
ROJO http://img259.imageshack.us/img259/7859/92708633.png

10
FUCIA http://img20.imageshack.us/img20/4208/dfhgdfh.png

11
http://img199.imageshack.us/img199/9317/95845151.png

12
http://img15.imageshack.us/img15/1251/43692489.png

13
http://img15.imageshack.us/img15/7413/32484957.png

14
http://img15.imageshack.us/img15/7961/63204817.png

15
http://img14.imageshack.us/img14/5016/44430098.png

16
http://img3.imageshack.us/img3/7231/70615315.png

p.d.algunos no se ven asi que por eso puse el link

Deja tu comentario (1)

Comentarios

los actores mas berrinchudos! (lindsayboll): si no tienen remedio jaja! bueno me gustaria que votaras en mi blog en la "la mas linda del 2009" ......(29 nov)
crea tu campista de isla del drama (lindsayboll): me eeeencata este programa mi favorito es Duncan!!pasate por mi blog....(21 nov)
isla del drama (karmelina): ayuda como creo mi muñeco...(18 nov)
fotos accidentes jeff hardy :( (iban): esta chidajajajaajjaja...(11 nov)
fotos accidentes jeff hardy :( (iban): esta chidajajajaajjaja...(11 nov)

mas codigos para el hi5

Comentarios sobre mas codigos para el hi5

Deja tu comentario sobre mas codigos para el hi5

Sobre esta anotación

Login

Comentarios

Más comentados

Suscripción

mas codigos para el hi5

Comentarios sobre mas codigos para el hi5

Deja tu comentario sobre mas codigos para el hi5

Sobre esta anotación

Temas relacionados

Login

Comentarios

Más comentados

Suscripción