Códigos para Hi5

Conversación publicada en el foro Diseño Gráfico

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:
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="[email protected]">
CODIGO BANNER AL FINAL



Código:
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:
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="[email protected]">


IMAGEN EN PERFIL


Código:
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="[email protected]">


IMAGEN ENCIMA DE AMIGOS



Código:
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="[email protected]">

FONDO COLOR AZUL CUADROS



Código:
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="[email protected]">
IMAGEN DEBAJO DE PERFIL



Código:
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="[email protected]">
</div>

IMAGEN CENTRAL


Código:
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="[email protected]">


CODIGO OPACO PARA IMAGENES



Código:
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:
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="[email protected]">


EFECTO PARA LETRA EN COMENTARIOS




Código:
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="[email protected]">

BORDE COLOR AZUL


Código:
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="[email protected]">
BORDE COLOR ROJO



Código:
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="[email protected]">
BORDE COLOR FUCSHIA



Código:
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="[email protected]">
BORDE COLOR VERDE



Código:
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="[email protected]">
BORDE COLOR ANARANJADO



Código:
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="[email protected]">

lineas de estadisticas con flechas gif rojas estan cool



Código:
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.
GTA 5 Red Dead Redemption 2 Final Fantasy XV Kingdom Hearts 3 The Last of Us 2 God of War FIFA 17 Final Fantasy VII Remake Horizon: Zero Dawn