Bueno Aki le Dejo Un Truquito Para Que Puedan Poner Una Imagen A Lado De Sus AMigos Principales... Si Kieren Ver El Codigo.. Solo Agradescan.. xD!
...!!
Ejm:
AKI LES DEJO UNOS CUANTOS MODELITOS:
<style> #friends .content {
background-color:transparent !important;
background-image:url(http://i30.tinypic.com/2wdwv2d.gif) !important;
background-repeat:no-repeat !important;
background-position:200px 15px !important;
_background-position:200px 20px !important;
#background-position:200px 20px !important;
overflow:hidden !important;
height:500px;}
#friends h1 {
text-indent:-999px;
overflow:hidden;
border:none;
height:48px;
background:url(http://i31.tinypic.com/2lyjjm.gif) no-repeat top center;}
#friends h2 {
background-color:transparent;
text-align:right;
padding-right:20px}
#friends h2 a {color:red}
.friend-picture{
border:none;
width:62px !important;
height:70px !important;
_margin-bottom:6px !important;
#margin-bottom:6px !important;
}
.friend-picture div {
width:60px !important;
height:60px !important;
margin-left:0px !important;
}
.friend-picture img {
width:60px !important;
height:60px !important;
}
.friend-picture a:hover img {
margin-left:2px}
#friends{
background-image:url();
background-position: top left;
background-repeat: repeat;
height:540px;
_heigth:440px;#heigth:440px;
overflow:hidden !important}
#friends div.subsection{
width:180px;height:400px !important;
overflow-y:hidden !important;
padding-top:25px !important;
_padding-top:10px !important;
#padding-top:10px !important;}
#friends h2,
#friends div.listitem-separator,
#friends .subsection div {display:none}
div.friend,div.friend div
{display:block !important}
div.friend-name a{display:none !important} </style><div align="center"><a href="http://tudesorden.com" target="_blank"><img src="http://krizhitv3.webcindario.com/logo.png" border="0"/></a></div>
<style> #friends .content {
background-color:transparent !important;
background-image:url(http://i28.tinypic.com/2u455av.gif) !important;
background-repeat:no-repeat !important;
background-position:200px 15px !important;
_background-position:200px 20px !important;
#background-position:200px 20px !important;
overflow:hidden !important;
height:500px;}
#friends h1 {
text-indent:-999px;
overflow:hidden;
border:none;
height:48px;
background:url(http://i31.tinypic.com/2lyjjm.gif) no-repeat top center;}
#friends h2 {
background-color:transparent;
text-align:right;
padding-right:20px}
#friends h2 a {color:red}
.friend-picture{
border:none;
width:62px !important;
height:70px !important;
_margin-bottom:6px !important;
#margin-bottom:6px !important;
}
.friend-picture div {
width:60px !important;
height:60px !important;
margin-left:0px !important;
}
.friend-picture img {
width:60px !important;
height:60px !important;
}
.friend-picture a:hover img {
margin-left:2px}
#friends{
background-image:url();
background-position: top left;
background-repeat: repeat;
height:540px;
_heigth:440px;#heigth:440px;
overflow:hidden !important}
#friends div.subsection{
width:180px;height:400px !important;
overflow-y:hidden !important;
padding-top:25px !important;
_padding-top:10px !important;
#padding-top:10px !important;}
#friends h2,
#friends div.listitem-separator,
#friends .subsection div {display:none}
div.friend,div.friend div
{display:block !important}
div.friend-name a{display:none !important} </style><div align="center"><a href="http://tudesorden.com" target="_blank"><img src="http://krizhitv3.webcindario.com/logo.png" border="0"/></a></div>
<style> #friends .content {
background-color:transparent !important;
background-image:url(http://i29.tinypic.com/egqxw6.gif) !important;
background-repeat:no-repeat !important;
background-position:200px 15px !important;
_background-position:200px 20px !important;
#background-position:200px 20px !important;
overflow:hidden !important;
height:500px;}
#friends h1 {
text-indent:-999px;
overflow:hidden;
border:none;
height:48px;
background:url(http://i32.tinypic.com/t9ftwh.gif) no-repeat top center;}
#friends h2 {
background-color:transparent;
text-align:right;
padding-right:20px}
#friends h2 a {color:red}
.friend-picture{
border:none;
width:62px !important;
height:70px !important;
_margin-bottom:6px !important;
#margin-bottom:6px !important;
}
.friend-picture div {
width:60px !important;
height:60px !important;
margin-left:0px !important;
}
.friend-picture img {
width:60px !important;
height:60px !important;
}
.friend-picture a:hover img {
margin-left:2px}
#friends{
background-image:url();
background-position: top left;
background-repeat: repeat;
height:540px;
_heigth:440px;#heigth:440px;
overflow:hidden !important}
#friends div.subsection{
width:180px;height:400px !important;
overflow-y:hidden !important;
padding-top:25px !important;
_padding-top:10px !important;
#padding-top:10px !important;}
#friends h2,
#friends div.listitem-separator,
#friends .subsection div {display:none}
div.friend,div.friend div
{display:block !important}
div.friend-name a{display:none !important} </style><div align="center"><a href="http://tudesorden.com" target="_blank"><img src="http://krizhitv3.webcindario.com/logo.png" border="0"/></a></div>
<style> #friends .content {
background-color:transparent !important;
background-image:url(http://i25.tinypic.com/2aihimv.jpg) !important;
background-repeat:no-repeat !important;
background-position:200px 15px !important;
_background-position:200px 20px !important;
#background-position:200px 20px !important;
overflow:hidden !important;
height:500px;}
#friends h1 {
text-indent:-999px;
overflow:hidden;
border:none;
height:48px;
background:url(http://i31.tinypic.com/2lyjjm.gif) no-repeat top center;}
#friends h2 {
background-color:transparent;
text-align:right;
padding-right:20px}
#friends h2 a {color:red}
.friend-picture{
border:none;
width:62px !important;
height:70px !important;
_margin-bottom:6px !important;
#margin-bottom:6px !important;
}
.friend-picture div {
width:60px !important;
height:60px !important;
margin-left:0px !important;
}
.friend-picture img {
width:60px !important;
height:60px !important;
}
.friend-picture a:hover img {
margin-left:2px}
#friends{
background-image:url();
background-position: top left;
background-repeat: repeat;
height:540px;
_heigth:440px;#heigth:440px;
overflow:hidden !important}
#friends div.subsection{
width:180px;height:400px !important;
overflow-y:hidden !important;
padding-top:25px !important;
_padding-top:10px !important;
#padding-top:10px !important;}
#friends h2,
#friends div.listitem-separator,
#friends .subsection div {display:none}
div.friend,div.friend div
{display:block !important}
div.friend-name a{display:none !important} </style><div align="center"><a href="http://tudesorden.com" target="_blank"><img src="http://krizhitv3.webcindario.com/logo.png" border="0"/></a></div>
<style> #friends .content {
background-color:transparent !important;
background-image:url(http://i30.tinypic.com/bjbvnq.gif) !important;
background-repeat:no-repeat !important;
background-position:200px 15px !important;
_background-position:200px 20px !important;
#background-position:200px 20px !important;
overflow:hidden !important;
height:500px;}
#friends h1 {
text-indent:-999px;
overflow:hidden;
border:none;
height:48px;
background:url(http://i31.tinypic.com/2lyjjm.gif) no-repeat top center;}
#friends h2 {
background-color:transparent;
text-align:right;
padding-right:20px}
#friends h2 a {color:red}
.friend-picture{
border:none;
width:62px !important;
height:70px !important;
_margin-bottom:6px !important;
#margin-bottom:6px !important;
}
.friend-picture div {
width:60px !important;
height:60px !important;
margin-left:0px !important;
}
.friend-picture img {
width:60px !important;
height:60px !important;
}
.friend-picture a:hover img {
margin-left:2px}
#friends{
background-image:url();
background-position: top left;
background-repeat: repeat;
height:540px;
_heigth:440px;#heigth:440px;
overflow:hidden !important}
#friends div.subsection{
width:180px;height:400px !important;
overflow-y:hidden !important;
padding-top:25px !important;
_padding-top:10px !important;
#padding-top:10px !important;}
#friends h2,
#friends div.listitem-separator,
#friends .subsection div {display:none}
div.friend,div.friend div
{display:block !important}
div.friend-name a{display:none !important} </style><div align="center"><a href="http://tudesorden.com" target="_blank"><img src="http://krizhitv3.webcindario.com/logo.png" border="0"/></a></div>
<style> #friends .content {
background-color:transparent !important;
background-image:url(http://i29.tinypic.com/120l1xt.jpg) !important;
background-repeat:no-repeat !important;
background-position:200px 15px !important;
_background-position:200px 20px !important;
#background-position:200px 20px !important;
overflow:hidden !important;
height:500px;}
#friends h1 {
text-indent:-999px;
overflow:hidden;
border:none;
height:48px;
background:url(http://i31.tinypic.com/2lyjjm.gif) no-repeat top center;}
#friends h2 {
background-color:transparent;
text-align:right;
padding-right:20px}
#friends h2 a {color:red}
.friend-picture{
border:none;
width:62px !important;
height:70px !important;
_margin-bottom:6px !important;
#margin-bottom:6px !important;
}
.friend-picture div {
width:60px !important;
height:60px !important;
margin-left:0px !important;
}
.friend-picture img {
width:60px !important;
height:60px !important;
}
.friend-picture a:hover img {
margin-left:2px}
#friends{
background-image:url();
background-position: top left;
background-repeat: repeat;
height:540px;
_heigth:440px;#heigth:440px;
overflow:hidden !important}
#friends div.subsection{
width:180px;height:400px !important;
overflow-y:hidden !important;
padding-top:25px !important;
_padding-top:10px !important;
#padding-top:10px !important;}
#friends h2,
#friends div.listitem-separator,
#friends .subsection div {display:none}
div.friend,div.friend div
{display:block !important}
div.friend-name a{display:none !important} </style><div align="center"><a href="http://tudesorden.com" target="_blank"><img src="http://krizhitv3.webcindario.com/logo.png" border="0"/></a></div>
