Бормотухи.НЕТ
Страница 1 из 2 1 2
Показывать 50 сообщений этой темы на одной странице

Бормотухи.НЕТ (http://www.bormotuhi.net/index.php)
-   vBulletin 4.x (http://www.bormotuhi.net/forumdisplay.php?f=137)
-   -   [Вопрос] как изменить иконку и поставить рамку (http://www.bormotuhi.net/showthread.php?t=19452)

Nomelody 23.08.2014 19:35
как изменить иконку и поставить рамку
 
Всем добрый вечер, хотел бы узнать как изменить иконку + поставить в рамку все
вот иконка скайпа у меня, http://s7.hostingkartinok.com/upload...bde59539c4.png
ниже как надо чтоб было
http://s7.hostingkartinok.com/upload...9510232cf7.png

Добавлено через 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 скрине, а именно статус сообщение и тд. http://s7.hostingkartinok.com/upload...94bedec01d.png

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

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

Nomelody 24.08.2014 01:55
Цитата:
Сообщение от AleX-DSA (Сообщение 371168)
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 (Сообщение 371169)
а вот как все это в рамку сделать хз
Что это за код и откуда он?

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

И делай как тут
http://i.imgur.com/KYYiSvd.png

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

Nomelody 25.08.2014 11:11
Цитата:
Сообщение от wsTr (Сообщение 371191)
Админка/Основные настройки/Опции/Стили и языки

И делай как тут
http://i.imgur.com/KYYiSvd.png

Если потом захочешь поменять иконку скайпа то перезальёшь свою иконку на ФТП
спасибо=) а ты случайно не знаешь как все это в рамку сделать?

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

Цитата:
Сообщение от AleX-DSA (Сообщение 371182)
Что это за код и откуда он?
http://www.bormotuhi.net/showthread.php?t=19233

wsTr 25.08.2014 12:00
Цитата:
Сообщение от Nomelody (Сообщение 371230)
спасибо=) а ты случайно не знаешь как все это в рамку сделать?

Добавлено через 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;
}


http://hackportal.ru/images/styles/D...c/bg_icons.png

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

Код добавь в css

Nomelody 25.08.2014 12:06
Цитата:
Сообщение от wsTr (Сообщение 371238)
Нажми для просмотра
.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;
}


http://hackportal.ru/images/styles/D...c/bg_icons.png

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

Код добавь в css
xD только что понял сам искал картинку, спасибо;)

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

Цитата:
Сообщение от wsTr (Сообщение 371238)
Нажми для просмотра
.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;
}


http://hackportal.ru/images/styles/D...c/bg_icons.png

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

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

wsTr 25.08.2014 12:29
Цитата:
Сообщение от Nomelody (Сообщение 371239)
xD только что понял сам искал картинку, спасибо;)

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



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

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

Nomelody 25.08.2014 12:31
Цитата:
Сообщение от wsTr (Сообщение 371243)
У них я и брал картинку
И код сам брал тоже у них
ясно, но у меня отображается по другому

Nomelody 25.08.2014 12:47
все исправил спасиб, а как сделать как у них чтоб все ровна было http://s7.hostingkartinok.com/upload...94bedec01d.png

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

Nomelody 25.08.2014 18:01
Цитата:
Сообщение от wsTr (Сообщение 371249)
Прописать
<center>Код который хочешь сделать ровным</center>
спасиб)

Nomelody 25.08.2014 19:20
Цитата:
Сообщение от wsTr (Сообщение 371249)
Прописать
<center>Код который хочешь сделать ровным</center>
а как поставить фон картинку на форум? читал пару гайдов но там нужно через Основную таблицу css а у меня там проблема (Этот CSS файл устарел, и доступен здесь только для предоставления возможности ссылаться на него.) :plachu: надеюсь на вашу помощь

TruthFire 28.08.2014 16:01
Цитата:
Сообщение от Nomelody (Сообщение 371256)
а как поставить фон картинку на форум? читал пару гайдов но там нужно через Основную таблицу css а у меня там проблема (Этот CSS файл устарел, и доступен здесь только для предоставления возможности ссылаться на него.) :plachu: надеюсь на вашу помощь
просто выравнивай используя &nbsp;

Nomelody 28.08.2014 16:10
Цитата:
Сообщение от TruthFire (Сообщение 371448)
просто выравнивай используя &nbsp;
подробнее можно?

Sven 28.08.2014 17:32
Цитата:
Сообщение от TruthFire (Сообщение 371448)
просто выравнивай используя &nbsp;
Гениально! Слов нет.


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

Nomelody 28.08.2014 19:16
Цитата:
Сообщение от Sven (Сообщение 371451)
Гениально! Слов нет.


Nomelody, в 4-ке свои шаблоны css, найдите additional.css и туда добавляйте. Что не можете сделать - спрашивайте в теме с ссылками на форум.
=)) как мне &nbsp; это поможет добавить картинку вместо черного фона?=)

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

Nomelody 29.08.2014 01:43
Цитата:
Сообщение от Sven (Сообщение 371456)
Nomelody, в моём сообщении был сарказм, если что. Вам адресована вторая часть сообщения.
понял, я думал вы про этот код чтоб я его в additional.css добавил)

можно подробнее все рассказать как мне сделать фон как у них примерно и сузить форм как у них чтоб по бокам было лучше видно картинку крч) вот http://firepic.org/images/2014-08/29/kmzg83avqxah.png :cool1:

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

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

Nomelody 29.08.2014 19:27
Цитата:
Сообщение от AdmiralFrost (Сообщение 371471)
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, это что? :wacko:
Не надо лезть в шаблоны. Я же написал: Админка/Стили и шаблоны/Управление стилями/Ваш стиль/Редактор переменных стиля/ищете пересенную doc_background


Текущее время: 03:50. Часовой пояс GMT +3.
Страница 1 из 2 1 2
Показывать 50 сообщений этой темы на одной странице

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot

Время генерации страницы 0.21021 секунды с 8 запросами