[Nomelody]

Nomelody, там где нашли это пример — смотрите исходный код. Я так подозреваю, что используется либо таблица, либо div.

P.S.: Очень сложно дать ответ на вопрос, где множество неизвестных. Примеры построения 2-х колонок можно вычитать в учебнике по html + css.

иконку я понял как поменять, а вот как все это в рамку сделать хз

PHP код:

<div class="imlinks">
<table width="100%" style="margin-top:-10px">
<tbody><tr>

<td width="16px"><vb:if condition="$post[icqicon]"> {vb:raw post.icqicon}<vb:else /> <img class="grayeffect" src="../images/misc/im_icq.gif" alt="{vb:raw post.username} не заполнил данные ICQ ICQ" title="{vb:raw post.username} не заполнил данные ICQ ICQ"> </vb:if>  </td>

<td width="16px"><vb:if condition="$post[aimicon]">{vb:raw post.aimicon}<vb:else /><img class="grayeffect" src="../images/misc/im_aim.gif" alt="{vb:raw post.username} не заполнил данные AIM" title="{vb:raw post.username} не заполнил данные AIM"> </vb:if>  </td> 

<td width="16px"><vb:if condition="$post[yahooicon]">{vb:raw post.yahooicon} <vb:else /> <img class="grayeffect" src="../images/misc/im_yahoo.gif" alt="{vb:raw post.username} не заполнил данные Yahoo" title="{vb:raw post.username} не заполнил данные Yahoo"></vb:if></td> 
<td width="16px"><vb:if condition="$post[skypeicon]">{vb:raw post.skypeicon}<vb:else /><img class="grayeffect" src="../images/misc/im_skype.gif" alt="{vb:raw post.username} не заполнил данные Skype" title="{vb:raw post.username} не заполнил данные Skype"></vb:if></td>

<td width="16px"><vb:if condition="$post['field6']"><a href="{vb:raw post.field6}" target="_blank"><img src="../images/misc/steam.png" alt="???ˆ???„???»?? {vb:raw post.username}  Steamcommunity" title="???ˆ???„???»?? {vb:raw post.username}  Steamcommunity"></a><vb:else /><img class="grayeffect" src="../images/misc/steam.png" alt="{vb:raw post.username} не заполнил данные Steam" title="{vb:raw post.username} не заполнил данные Steam"></vb:if></td>

<td width="16px"><vb:if condition="$post['field5']"><a href="http://vk.com/{vb:raw post.field5}" target="_blank"><img src="../images/misc/VK.png" alt="Профиль {vb:raw post.username} в Вконтакте" title="Профиль {vb:raw post.username} в Вконтакте"></a><vb:else /><img class="grayeffect" src="../images/misc/VK.png" alt="{vb:raw post.username} не заполнил данные Вконтакте" title="{vb:raw post.username} не заполнил данные Вконтакте"></vb:if></td>











<td width="16px"><vb:if condition="$post['field7'] OR $post['field8'] ">

<span class="popupmenu">
<a class="popupctrl">

<img src="../images/misc/WM.png" alt="Нажмите, чтобы увидеть данные" title="Нажмите, чтобы увидеть данные"></a>

<ul class="popupbody popup_pb radius5" id="yui-gen19" style="display: none; left: 7px; top: -15px;">
<div class="uparrow">&nbsp;</div>
<li>Webmoney: данные пользователя</li>

<li>
<div>
<input class="inputpb radius5" value="{vb:raw post.field7}" style="margin-bottom:5px">
<input class="inputpb radius5" style="width:143px" value="{vb:raw post.field8}">

<a href="http://passport.webmoney.ru/asp/certview.asp?wmid={vb:raw post.field8}" class="linkwm" style="background:url(http://stats.wmtransfer.com/Levels/pWMIDLevel.aspx?wmid={vb:raw post.field8}&amp;w=35&amp;h=18&amp;bg=0XDBE2E9) no-repeat;padding:0" target="_blank" rel="nofollow" title="BL пользователя {vb:raw post.username}. При клике откроется подробная информация об аккаунте Webmoney."></a>

</div>
</li>
    
</ul>

</span>

<vb:else />

<img class="grayeffect" src="../images/misc/WM.png" alt="{vb:raw post.username} не заполнил данные WebMoney " title="{vb:raw post.username} не заполнил данные WebMoney ">

</vb:if></td>



 
</tr>
</tbody></table> </div>






                
                </dl>