Códigos para Hi5

Clon.n · noviembre 8, 2008

Hola les dejo está lístilla de Códigos Hi5 que les pueden servir.

Míren, es Diseño, para que diseñes tú Hi5, si no va en este Foro, disculpadme y que un Mod lo mueva a donde lo crea estable.

Bueno aqui vamos:

BANNER EN MEDIO-EFECTO EN INICIO

Código:

HTML:

<style type="text/css">
#p_nav_header{FILTER:xray;}
#user-details .footer {
background-image: url(http://i256.photobucket.com/albums/hh171/mastermix2008/banerMIO.jpg);
display: block;
height: 300px;
{border-width:20px;
border-color:#0000ff;
border-style:groove};
}</style name="M@Stermix">

CODIGO BANNER AL FINAL

Código:

HTML:

<style type="text/css"> iframe {display:none;}</style>
<style type="text/css"> .... none; }
}#footer {background-image: url(http://i256.photobucket.com/albums/hh171/mastermix2008/CIELO-2.gif);display: block;
height: 100px;
width:930px;
{border-width:20px;
border-color:#0000FF;
border-style:groove};

IMAGEN EN EL ANTIGUO REPRODUCTOR

Código:

HTML:

<style type="text/css"> #about-right {background-image:
 url(http://i256.photobucket.com/albums/hh171/mastermix2008/repro260x430.jpg);{border-width:15px;
border-color:#0000FF;
border-style:groove};
}</style name="M@Stermix">

IMAGEN EN PERFIL

Código:

HTML:

<style type="text/css">                          
#user-picture {background-image: url(
http://i256.photobucket.com/albums/hh171/mastermix2008/ejemploperfil.gif);
{border-width:10px;
border-color:#0000ff;
border-style:groove};
} </style name="M@Stermix">

IMAGEN ENCIMA DE AMIGOS

Código:

HTML:

<style type="text/css">  
#friends{ padding-top:290px;
 background-image:url(http://i256.photobucket.com/albums/hh171/mastermix2008/peleamasteramigos.gif);
 background-position:top center; background-repeat:no-repeat} </style name="M@Stermix">

FONDO COLOR AZUL CUADROS

Código:

HTML:

<style type="text/css">
#user-details a { color: #0000ff; } .bg_content, .heading_profile 
{ background-color: transparent !important; background-image: important;
 background-repeat: repeat; } body { background-color: transparent !important; background-position:
 topcenter; background-repeat: repeat; background-image:
 url(http://i256.photobucket.com/albums/hh171/mastermix2008/cuadroazul.gif); background-attachment:
 fixed;} </style name="M@Stermix">

IMAGEN DEBAJO DE PERFIL

Código:

HTML:

<div><style type='text/css'></style>
<style>
//hi5 vip themaster
.section .footer {
background-image: url(
http://i256.photobucket.com/albums/hh171/mastermix2008/ejemplocontacto.gif): block;
height: 16px;
}
#user-links {
background-image: url(
http://i256.photobucket.com/albums/hh171/mastermix2008/ejemplocontacto.gif);
display: block;{border-width:15px;
border-color:#0000ff;
border-style:groove};
}
</style name="M@Stermix">
</div>

IMAGEN CENTRAL

Código:

HTML:

<style type="text/css">#user-info {background-image:
 url(http://i256.photobucket.com/albums/hh171/mastermix2008/ejemplocenter.gif); 
display: block;height: 190px;background-position: bottom 
center; background-repeat: no-repeat;{border-width:0px;
 border-color:#0000ff; border-style:groove};}</style name="M@Stermix">

CODIGO OPACO PARA IMAGENES

Código:

HTML:

<style>
 img { filter:Alpha(Opacity=100,  FinishOpacity=0,
  Style=2,  StartX=20,  StartY=40,  FinishX=0,  FinishY=0);}
 a img{ filter:Alpha(Opacity=100,  FinishOpacity=0,  Style=2,
  StartX=20,  StartY=40,  FinishX=0,  FinishY=0);}
 a:hover img{ filter:;} </style>

IMAGENES EN ESTILO DE VIDA-INTERESES-AMIGOS

Código:

HTML:

<style type="text/css">
.section a, section a:hover, section a:visited {
color: #0000FF;
}
.section h1 {
text-align:center;
padding: 0 11px;
background-image: url(http://i256.photobucket.com/albums/hh171/mastermix2008/azul11.jpg);
border:black;
color: #000000;
font-family: Arial;
height: 60px;
{border-width:11px;
border-color:#0000FF;
border-style:groove};
}
.section h2 {
text-align:center;
background-image: url(http://i256.photobucket.com/albums/hh171/mastermix2008/azul22.jpg);
}
.section h2 a {
color: #0000FF;
}

.section .footer {
background-image: url(http://i256.photobucket.com/albums/hh171/mastermix2008/azul33.jpg);
display: block;
height:35px;
}
</style name="M@Stermix">

EFECTO PARA LETRA EN COMENTARIOS

Código:

HTML:

<style type="text/css">

#comments .listitem-separator {
background: rgb(43,41,5) !important;
border-bottom: 2px #0000ff dotted;
border-top: 2px #0000ff dotted;
border-right: 1px #0000ff dotted;
border-left: 1px #0000ff dotted;
margin-left:10px!important;
margin-right:10px!important;}
.commentEditor textarea {
color: #c000c0;
border: 4px #0000ff solid;
background-image: url(http://i256.photobucket.com/albums/hh171/mastermix2008/dejatucomentario.jpg);
padding: 4px;
background-color:#000000;
font-size: 12px;
font-family: Verdana;
text-align: justify;}
.cuadro_img {
background-image: url(xxxxx);
height:50px;
width:50px;}
.txt_edit {
width:444px;
border: none;
font-size: 15px;
font-family: Verdana;
color: #0000ff;
background-image: url(xxx);
background-color: transparent;
text-align: justify;}
.imagen1 {
height:300px;
width:956px;
filter:alpha(opacity=95);
background-image: url(xxxxxx);
background-position: top center;
border:none;
background-repeat:no-repeat;
background-color:transparent;}
.comment a, .comment a:visited, .video-name a, .video-name a:visited,
 .friend-name a, .friend-name a:visited, .albumWrapper a, .albumWrapper a:visited {
color: #FF3300;
text-transform: capitalize;
font-weight:bold;
font-size:11px;
font-family:Tahoma;}
.comment a:hover, .comment a:active, .video-name a:hover, .video-name a:active,
 .friend-name a:hover, .friend-name a:active, .albumWrapper a:hover, .albumWrapper a:active {
color: #FFFFFF;
text-transform: capitalize;
font-family:Tahoma;
text-decoration:none;}
.comment-text:first-letter {
text-transform: lowercase;
font-family: Trebuchet;
font-size: 16px;
font-weight: bold;}
.comment-text
{
font-family: kristen ITC;
font-weight: bold ;
background-image: url();
letter-spacing: 1px;
BACKGROUND-COLOR: transparent;
height: 100%;
color:#ffffff; 
Filter: Glow(Color=#0000ff, Strength=5);
font-size: 16px; 
TEXT-ALIGN: center;
}
.comment-text  img {
width: 250px;
border:4px #0000ff solid;
visibility:visible !important;}
.comment-text img a:hover {
filter:Alpha(Opacity=90) Blur(add=80,direction=45,strength=10);
border:none;}
.comment-text a {
visibility:hidden;}
.content-column {
width: 460px;
padding-top: 20px;}
#content-left {
margin-left: 4px;}
#content-right {
margin-right: 4px;}
.comment-picture{
width:60px;
height:auto!important;
border: 1px #ddff00 ridge;}
.comment-picture :hover{
border: 0px #ddff00 ridge;}
.comment-picture a img{
padding:0px;
border: 0px #0000ff solid;}
.comment-picture a:hover img {
Filter: FlipH;} 
.thumbnails img, .update-picture img {
padding:4px;
background: #000000;
border: 1px #ccc solid;}
.thumbnails,  .update-picture {
width:60px;
height:auto!important;}
.deleteUpdate a, .deleteUpdate a:visited {
color: #0000ff;}
.deleteUpdate a:hover, .deleteUpdate a:active {
color: #0000ff;}
.deleteUpdate {
border: 3px #0000ff solid;
background:#000000;}
</style name="M@Stermix">

BORDE COLOR AZUL

Código:

HTML:

<style type="text/css">html{SCROLLBAR-FACE-COLOR: #0000FF; BORDER-LEFT-COLOR: #0000FF;
 BORDER-LEFT: 20px; BORDER-BOTTOM-COLOR: #0000FF; SCROLLBAR-HIGHLIGHT-COLOR:#0000FF ;
 SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #0000FF; SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:
 #0000FF; BORDER-TOP: 20px; SCROLLBAR-ARROW-COLOR: #ffffff;
 BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #0000FF;
 BORDER-LEF T-STYLE: ridge; BORDER-RIGHT-COLOR: #0000FF; BORDER-RIGHT:
 20px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 20px </style name="M@Stermix">

BORDE COLOR ROJO

Código:

HTML:

<style type="text/css">html{SCROLLBAR-FACE-COLOR: #FF0000; BORDER-LEFT-COLOR: #FF0000;
 BORDER-LEFT: 20px; BORDER-BOTTOM-COLOR: #FF0000; SCROLLBAR-HIGHLIGHT-COLOR:#FF0000 ;
 SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #FF0000; SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:
 #FF0000; BORDER-TOP: 20px; SCROLLBAR-ARROW-COLOR: #ffffff;
 BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF0000;
 BORDER-LEF T-STYLE: ridge; BORDER-RIGHT-COLOR: #FF0000; BORDER-RIGHT:
 20px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 20px </style name="M@Stermix">

BORDE COLOR FUCSHIA

Código:

HTML:

<style type="text/css">html{SCROLLBAR-FACE-COLOR: #FF00FF; BORDER-LEFT-COLOR: #FF00FF;
 BORDER-LEFT: 20px; BORDER-BOTTOM-COLOR: #FF00FF; SCROLLBAR-HIGHLIGHT-COLOR:#FF00FF ;
 SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #FF00FF; SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:
 #FF00FF; BORDER-TOP: 20px; SCROLLBAR-ARROW-COLOR: #ffffff;
 BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF00FF;
 BORDER-LEF T-STYLE: ridge; BORDER-RIGHT-COLOR: #FF00FF; BORDER-RIGHT:
 20px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 20px </style name="M@Stermix">

BORDE COLOR VERDE

Código:

HTML:

<style type="text/css">html{SCROLLBAR-FACE-COLOR: #00FF00; BORDER-LEFT-COLOR: #00FF00;
 BORDER-LEFT: 20px; BORDER-BOTTOM-COLOR: #00FF00; SCROLLBAR-HIGHLIGHT-COLOR:#00FF00 ;
 SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #00FF00; SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:
 #00FF00; BORDER-TOP: 20px; SCROLLBAR-ARROW-COLOR: #ffffff;
 BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #00FF00;
 BORDER-LEF T-STYLE: ridge; BORDER-RIGHT-COLOR: #00FF00; BORDER-RIGHT:
 20px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 20px </style name="M@Stermix">

BORDE COLOR ANARANJADO

Código:

HTML:

<style type="text/css">html{SCROLLBAR-FACE-COLOR: #FF3300; BORDER-LEFT-COLOR: #FF3300;
 BORDER-LEFT: 20px; BORDER-BOTTOM-COLOR: #FF3300; SCROLLBAR-HIGHLIGHT-COLOR:#FF3300 ;
 SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #FF3300; SCROLLBAR-3DLIGHT-COLOR: #ffffff;
 BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR:
 #FF3300; BORDER-TOP: 20px; SCROLLBAR-ARROW-COLOR: #ffffff;
 BORDER-RIGHT-STYLE: ridge; SCROLLBAR-DARKSHADOW-COLOR: #FF3300;
 BORDER-LEF T-STYLE: ridge; BORDER-RIGHT-COLOR: #FF3300; BORDER-RIGHT:
 20px; BORDER-BOTTOM-STYLE: ridge; border-bottom: 20px </style name="M@Stermix">

lineas de estadisticas con flechas gif rojas estan cool

Código:

HTML:

<style type="text/css">
 .vanity-bar div div img,
.vanity-bar div {background:url(http://www.gamarod.com.ar/recursos/gifs/líneas/LINEA171.JPG) !important;}
.vanity-bar div div {background:url(http://www.poqbum.com/animated_hover/images/redarrowline.gif) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;} </style>

Pués a ver si les sirve un poquillo

.
Bueno pués algúnos los e sacado de Aquí.

Saluditos. :hola:

montyrap · noviembre 8, 2008

no entiendo este post me lo puedes decir q es eso? esq no tiendo naa xd

Rafaelotecogote · noviembre 8, 2008

Para que es esto??:ein:

Códigos para Hi5

Clon.n

montyrap

Baneado.

Rafaelotecogote