Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 4.x
Расширенный поиск

vBulletin 4.x Все для скрипта форума vBulletin 4.x

Ответ
 
Опции темы Поиск в этой теме
Старый 23.08.2014, 20:35 Вверх   #1
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию как изменить иконку и поставить рамку

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


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



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

  Ответить с цитированием
Старый 23.08.2014, 20:40 Вверх   #2
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

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">
<
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
  Ответить с цитированием
Старый 23.08.2014, 20:48 Вверх   #3
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

и да сразу такой вопрос как выровнять все как на 2 скрине, а именно статус сообщение и тд.
  Ответить с цитированием
Старый 24.08.2014, 02:48 Вверх   #4
Коренной житель
 
Аватар для AleX-DSA
AleX-DSA вне форума
Доп. информация
По умолчанию

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

P.S.: Очень сложно дать ответ на вопрос, где множество неизвестных. Примеры построения 2-х колонок можно вычитать в учебнике по html + css.
  Ответить с цитированием
Старый 24.08.2014, 02:55 Вверх   #5
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от 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">
<
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
  Ответить с цитированием
Старый 24.08.2014, 13:04 Вверх   #6
Коренной житель
 
Аватар для AleX-DSA
AleX-DSA вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Nomelody Посмотреть сообщение
а вот как все это в рамку сделать хз
Что это за код и откуда он?
  Ответить с цитированием
Старый 24.08.2014, 15:05 Вверх   #7
.:V.I.P.:.
 
Аватар для wsTr
wsTr вне форума
Доп. информация
По умолчанию

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

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


Если потом захочешь поменять иконку скайпа то перезальёшь свою иконку на ФТП
  Ответить с цитированием
Cказали cпасибо:
Старый 25.08.2014, 12:11 Вверх   #8
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от wsTr Посмотреть сообщение
Админка/Основные настройки/Опции/Стили и языки

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


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

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

Цитата Сообщение от AleX-DSA Посмотреть сообщение
Что это за код и откуда он?
http://www.bormotuhi.net/showthread.php?t=19233
  Ответить с цитированием
Старый 25.08.2014, 13:00 Вверх   #9
.:V.I.P.:.
 
Аватар для wsTr
wsTr вне форума
Доп. информация
По умолчанию

Цитата Сообщение от 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
  Ответить с цитированием
Cказали cпасибо:
Старый 25.08.2014, 13:06 Вверх   #10
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от 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/ вот глянь как у них
  Ответить с цитированием
Старый 25.08.2014, 13:29 Вверх   #11
.:V.I.P.:.
 
Аватар для wsTr
wsTr вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Nomelody Посмотреть сообщение
xD только что понял сам искал картинку, спасибо

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



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

У них я и брал картинку
И код сам брал тоже у них
  Ответить с цитированием
Старый 25.08.2014, 13:31 Вверх   #12
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от wsTr Посмотреть сообщение
У них я и брал картинку
И код сам брал тоже у них
ясно, но у меня отображается по другому
  Ответить с цитированием
Старый 25.08.2014, 13:47 Вверх   #13
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

все исправил спасиб, а как сделать как у них чтоб все ровна было
  Ответить с цитированием
Старый 25.08.2014, 18:16 Вверх   #14
.:V.I.P.:.
 
Аватар для wsTr
wsTr вне форума
Доп. информация
По умолчанию

Прописать
<center>Код который хочешь сделать ровным</center>
  Ответить с цитированием
Старый 25.08.2014, 19:01 Вверх   #15
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от wsTr Посмотреть сообщение
Прописать
<center>Код который хочешь сделать ровным</center>
спасиб)
  Ответить с цитированием
Старый 25.08.2014, 20:20 Вверх   #16
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от wsTr Посмотреть сообщение
Прописать
<center>Код который хочешь сделать ровным</center>
а как поставить фон картинку на форум? читал пару гайдов но там нужно через Основную таблицу css а у меня там проблема (Этот CSS файл устарел, и доступен здесь только для предоставления возможности ссылаться на него.) надеюсь на вашу помощь
  Ответить с цитированием
Старый 28.08.2014, 17:01 Вверх   #17
Пользователь
 
Аватар для TruthFire
TruthFire вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Nomelody Посмотреть сообщение
а как поставить фон картинку на форум? читал пару гайдов но там нужно через Основную таблицу css а у меня там проблема (Этот CSS файл устарел, и доступен здесь только для предоставления возможности ссылаться на него.) надеюсь на вашу помощь
просто выравнивай используя &nbsp;
  Ответить с цитированием
Старый 28.08.2014, 17:10 Вверх   #18
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от TruthFire Посмотреть сообщение
просто выравнивай используя &nbsp;
подробнее можно?
  Ответить с цитированием
Старый 28.08.2014, 18:32 Вверх   #19
Знаток
 
Аватар для Sven
Sven вне форума
Доп. информация
По умолчанию

Цитата Сообщение от TruthFire Посмотреть сообщение
просто выравнивай используя &nbsp;
Гениально! Слов нет.


Nomelody, в 4-ке свои шаблоны css, найдите additional.css и туда добавляйте. Что не можете сделать - спрашивайте в теме с ссылками на форум.
  Ответить с цитированием
Старый 28.08.2014, 20:16 Вверх   #20
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Sven Посмотреть сообщение
Гениально! Слов нет.


Nomelody, в 4-ке свои шаблоны css, найдите additional.css и туда добавляйте. Что не можете сделать - спрашивайте в теме с ссылками на форум.
=)) как мне &nbsp; это поможет добавить картинку вместо черного фона?=)
  Ответить с цитированием
Старый 28.08.2014, 21:22 Вверх   #21
Знаток
 
Аватар для Sven
Sven вне форума
Доп. информация
По умолчанию

Nomelody, в моём сообщении был сарказм, если что. Вам адресована вторая часть сообщения.
  Ответить с цитированием
Старый 29.08.2014, 02:43 Вверх   #22
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
Сообщение

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

можно подробнее все рассказать как мне сделать фон как у них примерно и сузить форм как у них чтоб по бокам было лучше видно картинку крч) вот
  Ответить с цитированием
Старый 29.08.2014, 16:39 Вверх   #23
Коренной житель
 
Аватар для AdmiralFrost
AdmiralFrost вне форума
Доп. информация
По умолчанию

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

Чтобы изменить ширину body - переменная body_padding и увеличивайте отступ справа и слева на сколько вам нужно...
  Ответить с цитированием
Старый 29.08.2014, 20:27 Вверх   #24
Опытный пользователь
 
Аватар для Nomelody
Nomelody вне форума
Доп. информация
По умолчанию

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

=( хз куда его вставить)
  Ответить с цитированием
Старый 29.08.2014, 20:40 Вверх   #25
Коренной житель
 
Аватар для AdmiralFrost
AdmiralFrost вне форума
Доп. информация
По умолчанию

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


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 02:31. Часовой пояс GMT +3.


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

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