Сообщение от
AleX-DSA
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"> </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}&w=35&h=18&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>