Вопрос как изменить иконку и поставить рамку

Nomelody · 23.08.2014, 19:35 **Вверх**

Всем добрый вечер, хотел бы узнать как изменить иконку + поставить в рамку все
вот иконка скайпа у меня,

ниже как надо чтоб было

Добавлено через 3 минуты 0 секунд

Добавлено через 1 минуту 41 секунду

Nomelody · 23.08.2014, 19:40 **Вверх**

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>

Nomelody · 23.08.2014, 19:48 **Вверх**

и да сразу такой вопрос как выровнять все как на 2 скрине, а именно статус сообщение и тд.

AleX-DSA · 24.08.2014, 01:48 **Вверх**

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

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

Nomelody · 24.08.2014, 01:55 **Вверх**

Сообщение от 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">&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>

AleX-DSA · 24.08.2014, 12:04 **Вверх**

Сообщение от Nomelody

а вот как все это в рамку сделать хз

Что это за код и откуда он?

wsTr · 24.08.2014, 14:05 **Вверх**

Админка/Основные настройки/Опции/Стили и языки

И делай как тут

Если потом захочешь поменять иконку скайпа то перезальёшь свою иконку на ФТП

Nomelody · 25.08.2014, 11:11 **Вверх**

Сообщение от wsTr

Админка/Основные настройки/Опции/Стили и языки

И делай как тут

Если потом захочешь поменять иконку скайпа то перезальёшь свою иконку на ФТП

спасибо=) а ты случайно не знаешь как все это в рамку сделать?

Добавлено через 4 минуты 22 секунды

Сообщение от AleX-DSA

Что это за код и откуда он?

http://www.bormotuhi.net/showthread.php?t=19233

wsTr · 25.08.2014, 12:00 **Вверх**

Сообщение от Nomelody

спасибо=) а ты случайно не знаешь как все это в рамку сделать?

Добавлено через 4 минуты 22 секунды

http://www.bormotuhi.net/showthread.php?t=19233

Нажми для просмотра

.imlinks {
width: 100%;
float: left;
background: url(images/styles/DarkCore/misc/bg_icons.png) repeat-x;
height: 10px;
text-align: center;
border-bottom: 2px solid #232323;
border-top: 0px solid #101010;
border-right: 2px solid #0D0D0D;
border-left: 2px solid #0D0D0D;
padding-top: 12px;
}

Картинку залей по указаному пути на свой ФТП

Код добавь в css

Nomelody · 25.08.2014, 12:06 **Вверх**

Сообщение от wsTr

Нажми для просмотра

.imlinks {
width: 100%;
float: left;
background: url(images/styles/DarkCore/misc/bg_icons.png) repeat-x;
height: 10px;
text-align: center;
border-bottom: 2px solid #232323;
border-top: 0px solid #101010;
border-right: 2px solid #0D0D0D;
border-left: 2px solid #0D0D0D;
padding-top: 12px;
}

Картинку залей по указаному пути на свой ФТП

Код добавь в css

xD только что понял сам искал картинку, спасибо

Добавлено через 2 минуты 52 секунды

Сообщение от wsTr

Нажми для просмотра

.imlinks {
width: 100%;
float: left;
background: url(images/styles/DarkCore/misc/bg_icons.png) repeat-x;
height: 10px;
text-align: center;
border-bottom: 2px solid #232323;
border-top: 0px solid #101010;
border-right: 2px solid #0D0D0D;
border-left: 2px solid #0D0D0D;
padding-top: 12px;
}

Картинку залей по указаному пути на свой ФТП

Код добавь в css

http://hackportal.ru/t1117/ вот глянь как у них

wsTr · 25.08.2014, 12:29 **Вверх**

Сообщение от Nomelody

xD только что понял сам искал картинку, спасибо

Добавлено через 2 минуты 52 секунды

http://hackportal.ru/t1117/ вот глянь как у них

У них я и брал картинку
И код сам брал тоже у них

Nomelody · 25.08.2014, 12:31 **Вверх**

Сообщение от wsTr

У них я и брал картинку
И код сам брал тоже у них

ясно, но у меня отображается по другому

Nomelody · 25.08.2014, 12:47 **Вверх**

все исправил спасиб, а как сделать как у них чтоб все ровна было

wsTr · 25.08.2014, 17:16 **Вверх**

Прописать
<center>Код который хочешь сделать ровным</center>

Nomelody · 25.08.2014, 18:01 **Вверх**

Сообщение от wsTr

Прописать
<center>Код который хочешь сделать ровным</center>

спасиб)

Nomelody · 25.08.2014, 19:20 **Вверх**

Сообщение от wsTr

Прописать
<center>Код который хочешь сделать ровным</center>

а как поставить фон картинку на форум? читал пару гайдов но там нужно через Основную таблицу css а у меня там проблема (Этот CSS файл устарел, и доступен здесь только для предоставления возможности ссылаться на него.)

надеюсь на вашу помощь

TruthFire · 28.08.2014, 16:01 **Вверх**

Сообщение от Nomelody

а как поставить фон картинку на форум? читал пару гайдов но там нужно через Основную таблицу css а у меня там проблема (Этот CSS файл устарел, и доступен здесь только для предоставления возможности ссылаться на него.)

надеюсь на вашу помощь

просто выравнивай используя  

Nomelody · 28.08.2014, 16:10 **Вверх**

Сообщение от TruthFire

просто выравнивай используя  

подробнее можно?

Sven · 28.08.2014, 17:32 **Вверх**

Сообщение от TruthFire

просто выравнивай используя  

Гениально! Слов нет.

Nomelody, в 4-ке свои шаблоны css, найдите additional.css и туда добавляйте. Что не можете сделать - спрашивайте в теме с ссылками на форум.

Nomelody · 28.08.2014, 19:16 **Вверх**

Сообщение от Sven

Гениально! Слов нет.

Nomelody, в 4-ке свои шаблоны css, найдите additional.css и туда добавляйте. Что не можете сделать - спрашивайте в теме с ссылками на форум.

=)) как мне   это поможет добавить картинку вместо черного фона?=)

Sven · 28.08.2014, 20:22 **Вверх**

Nomelody, в моём сообщении был сарказм, если что. Вам адресована вторая часть сообщения.

Nomelody · 29.08.2014, 01:43 **Вверх**

Сообщение от Sven

Nomelody, в моём сообщении был сарказм, если что. Вам адресована вторая часть сообщения.

понял, я думал вы про этот код чтоб я его в additional.css добавил)

можно подробнее все рассказать как мне сделать фон как у них примерно и сузить форм как у них чтоб по бокам было лучше видно картинку крч) вот

AdmiralFrost · 29.08.2014, 15:39 **Вверх**

Nomelody, фон - переменная doc_background (Админка/Стили и шаблоны/Управление стилями/Ваш стиль/Редактор переменных стиля)
пишите урл вашей картинки, например: url('/images/gradients/картинка.png');

Чтобы изменить ширину body - переменная body_padding и увеличивайте отступ справа и слева на сколько вам нужно...

Nomelody · 29.08.2014, 19:27 **Вверх**

Сообщение от AdmiralFrost

Nomelody, фон - переменная doc_background (Админка/Стили и шаблоны/Управление стилями/Ваш стиль/Редактор переменных стиля)
пишите урл вашей картинки, например: url('/images/gradients/картинка.png');

Чтобы изменить ширину body - переменная body_padding и увеличивайте отступ справа и слева на сколько вам нужно...

background:{vb:stylevar urldoc_background}; url('/images/qwe.jpg');
<vb:if condition="$stylevar['textdirection'] == 'rtl'"> /* VBIV-11882 */
overflow-x: hidden;
</vb:if>

=( хз куда его вставить)

AdmiralFrost · 29.08.2014, 19:40 **Вверх**

Nomelody, это что?

Не надо лезть в шаблоны. Я же написал: Админка/Стили и шаблоны/Управление стилями/Ваш стиль/Редактор переменных стиля/ищете пересенную doc_background