Данный мини профиль предоставлен сайтом vktorrent.at.ua
Для начала кидаем код профиля в css:
Code
#vkprof1 {
width: 170px;
margin: 10px;
}
#vkprof1 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof1 li a:link, #vkprof1 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr1.png);
padding: 8px 0 0 10px;
}
#vkprof1 li a:hover, #vkprof1 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr1.png) 0 -32px;
padding: 8px 0 0 10px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#vkprof2 {
width: 170px;
margin: 10px;
}
#vkprof2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof2 li a:link, #vkprof2 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr2.png);
padding: 8px 0 0 10px;
}
#vkprof2 li a:hover, #vkprof2 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr2.png) 0 -32px;
padding: 8px 0 0 10px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#vkprof2 {
width: 170px;
margin: 10px;
}
#vkprof2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof2 li a:link, #vkprof2 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr2.png);
padding: 8px 0 0 10px;
}
#vkprof2 li a:hover, #vkprof2 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr2.png) 0 -32px;
padding: 8px 0 0 10px;
}ul {
list-style: none;
margin: 0;
padding: 0;
}
#vkprof3 {
width: 170px;
margin: 10px;
}
#vkprof3 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof3 li a:link, #vkprof3 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr3.png);
padding: 8px 0 0 10px;
}
#vkprof3 li a:hover, #vkprof3 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr3.png) 0 -32px;
padding: 8px 0 0 10px;
}
width: 170px;
margin: 10px;
}
#vkprof1 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof1 li a:link, #vkprof1 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr1.png);
padding: 8px 0 0 10px;
}
#vkprof1 li a:hover, #vkprof1 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr1.png) 0 -32px;
padding: 8px 0 0 10px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#vkprof2 {
width: 170px;
margin: 10px;
}
#vkprof2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof2 li a:link, #vkprof2 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr2.png);
padding: 8px 0 0 10px;
}
#vkprof2 li a:hover, #vkprof2 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr2.png) 0 -32px;
padding: 8px 0 0 10px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#vkprof2 {
width: 170px;
margin: 10px;
}
#vkprof2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof2 li a:link, #vkprof2 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr2.png);
padding: 8px 0 0 10px;
}
#vkprof2 li a:hover, #vkprof2 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr2.png) 0 -32px;
padding: 8px 0 0 10px;
}ul {
list-style: none;
margin: 0;
padding: 0;
}
#vkprof3 {
width: 170px;
margin: 10px;
}
#vkprof3 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#vkprof3 li a:link, #vkprof3 li a:visited {
color: #000;
display: block;
background: url(http://lilbot.at.ua/pr3.png);
padding: 8px 0 0 10px;
}
#vkprof3 li a:hover, #vkprof3 li #current {
color: #FFF;
background: url(http://lilbot.at.ua/pr3.png) 0 -32px;
padding: 8px 0 0 10px;
}
А это в глобальный блок или туда, где хотим видеть:
Code
<!---------------------Кабинет 2.0 от Vktorrent ------------------->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><b>$TIME$</b><br>Вы вошли как: <b>$USERNAME$</b><br>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
</td>
</tr>
<tr>
<td align="center">
<img class="userAvatar" title="$USERNAME$" src="../../../Фотошоп/$USER_AVATAR_URL$" border="0">
<img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0">
<tr>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
<td align="center"><div id="vkprof1">
<ul>
<li><a href="javascript://" rel="nofollow" onclick="window.open('/index/8','userpm','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><span><center>Профиль</center></span></a></li>
</ul>
</div><div id="vkprof2">
<ul>
<li><a href="javascript://" rel="nofollow" onclick="window.open('/index/14','userpm','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><span><center>
Письма
</center></span></a></li></ul>
</div>
<div id="vkprof3">
<ul>
<li><a href="/index/10/"><span><center>Выход</center></span></a></li>
</ul>
</div>
</td>
</tr>
</table> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><b>$TIME$</b><br>Вы вошли как: <b>$USERNAME$</b><br>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
</td>
</tr>
<tr>
<td align="center"><img class="userAvatar" title="$USERNAME$" src="../../../Фотошоп/$USER_AVATAR_URL$" border="0">
<img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0"></td>
</tr>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
<tr>
<td align="center">$LOGIN_FORM$</td>
</tr>
</table>
<!---------------------Кабинет 2.0 от Vktorrent------------------->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><b>$TIME$</b><br>Вы вошли как: <b>$USERNAME$</b><br>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
</td>
</tr>
<tr>
<td align="center">
<img class="userAvatar" title="$USERNAME$" src="../../../Фотошоп/$USER_AVATAR_URL$" border="0">
<img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0">
<tr>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
<td align="center"><div id="vkprof1">
<ul>
<li><a href="javascript://" rel="nofollow" onclick="window.open('/index/8','userpm','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><span><center>Профиль</center></span></a></li>
</ul>
</div><div id="vkprof2">
<ul>
<li><a href="javascript://" rel="nofollow" onclick="window.open('/index/14','userpm','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><span><center>
Письма
</center></span></a></li></ul>
</div>
<div id="vkprof3">
<ul>
<li><a href="/index/10/"><span><center>Выход</center></span></a></li>
</ul>
</div>
</td>
</tr>
</table> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><b>$TIME$</b><br>Вы вошли как: <b>$USERNAME$</b><br>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
</td>
</tr>
<tr>
<td align="center"><img class="userAvatar" title="$USERNAME$" src="../../../Фотошоп/$USER_AVATAR_URL$" border="0">
<img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://vktorrent.at.ua/png/grup/ava.png" border="0"></td>
</tr>
<tr> <td align="center"><img src="http://vktorrent.at.ua/png/file/skrotvk/ro1/grin.png" width="100" height="20" /></td></tr>
<tr>
<td align="center">$LOGIN_FORM$</td>
</tr>
</table>
<!---------------------Кабинет 2.0 от Vktorrent------------------->