Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Подставить рисунок под прозрачные кнопки.

Предыдущая тема Следующая тема Перейти вниз

Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 21:53

Добрый вечер. Подскажите, пожалуйста, как можно подставить рисунок под прозрачные кнопки меню, где расположены кнопки: Форум, Календарь, Галерея, ЧаВа и так далее.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Strannik aka svetlyi в Пт 21 Окт - 22:02

ПАПЮС-НЭМО, ФШ в помощь smile там и соедините. вряд ли наложение одного изображения на другое, технически возможно на форуме.

Strannik aka svetlyi
 
 

Пол : Мужчина
Сообщения : 187
Карма : Без предупреждений
Благодарности : 90
Регистрация : 2011-04-09

http://road-so-far.roll.tv/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 22:10

А что такое ФШ? Фото шоп, тогда мне такой вариант не подходит.))) Почему невозможно ведь на форумах часто подставляется рисунок, а сверху идет шрифт, или я что-то неправильно понимаю.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Kit в Пт 21 Окт - 22:16

объясните по побробнее что вам нужно а то я не понял, если вам нужно сдеать прозрачный фон тогда я вам помогу!

Kit
 
 

Пол : Мужчина
Сообщения : 707
Возраст : 18
Карма : 1 предупреждение
Благодарности : 83
Регистрация : 2011-09-01

http://wresgame.forum2x2.eu/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Strannik aka svetlyi в Пт 21 Окт - 22:19

У вас есть наглядный пример?
Все таки я склонен думать, что, то что вы видели у кого-то - есть то самое наложение в Фотошопе.

Strannik aka svetlyi
 
 

Пол : Мужчина
Сообщения : 187
Карма : Без предупреждений
Благодарности : 90
Регистрация : 2011-04-09

http://road-so-far.roll.tv/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 22:44

Вот рисунок, который я хочу подставить:

Вот пример возможной кнопки:

Если в фото шопе это сделать, то она жестко прикрепится и возможности удалять, лишни кнопки не будет.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Kit в Пт 21 Окт - 22:52

Вот:

Под любой фон подойдет!

Kit
 
 

Пол : Мужчина
Сообщения : 707
Возраст : 18
Карма : 1 предупреждение
Благодарности : 83
Регистрация : 2011-09-01

http://wresgame.forum2x2.eu/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 23:04

@Strannik aka svetlyi пишет:У вас есть наглядный пример?
Все таки я склонен думать, что, то что вы видели у кого-то - есть то самое наложение в Фотошопе.
Вот смотрите, можно сказать, стандартный форум, но под кнопками стоит фоновый рисунок, пусть простой фон, но все, же фон.


ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Dana Domirani в Пт 21 Окт - 23:13

ПАПЮС-НЭМО, дело в том, что с сами кнопки могут стоять внутри контейнера. Этому контейнеру задан фон, который и отображается под кнопками.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Strannik aka svetlyi в Пт 21 Окт - 23:14

Если в фото шопе это сделать, то она жестко прикрепится и возможности удалять, лишни кнопки не будет.
Кто вам сказал?
ПА - Оформление - Управление картинками- Общие/навигация - просто удалите напротив не нужной кнопки, ссылку на изображение и она не будет отображаться.
Допустим:

Это две картинки, но если вы их зальете, куда я указал выше, у вас получиться единая полоса - навигационной панели.
Но это уже другая тема,а именно "Стол заказов" =) http://help.forum2x2.ru/f20-forum

Strannik aka svetlyi
 
 

Пол : Мужчина
Сообщения : 187
Карма : Без предупреждений
Благодарности : 90
Регистрация : 2011-04-09

http://road-so-far.roll.tv/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор gorezcaid в Пт 21 Окт - 23:22

Прозрачность кнопок меню навигации через CSS:
Код:
a.mainmenu img{
opacity: 0.65; /* Значение прозрачности */
filter: alpha(Opacity=65); /* Прозрачность в IE */
}
Надеюсь я правильно понял.

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 23:25

@Strannik aka svetlyi пишет:Кто вам сказал?
ПА - Оформление - Управление картинками- Общие/навигация - просто удалите напротив не нужной кнопки, ссылку на изображение и она не будет отображаться.
Допустим:

Это две картинки, но если вы их зальете, куда я указал выше, у вас получиться единая полоса - навигационной панели.
Но это уже другая тема,а именно "Стол заказов" =) http://help.forum2x2.ru/f20-forum
Этот вариант я рассматривал, но он имеет свои недостатки, если я создам такие кнопки, то когда я выберу, нужные они займут, лишь часть пространства, а оставшееся будет пустым. Мне надо чтобы эта планка растянулась на всю ширину форума, а выбранные кнопки разместились относительно центра. Если бы вопрос стоял, просто нарисовать кнопки не было бы проблем.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 23:27

@Dana Domirani пишет:ПАПЮС-НЭМО, дело в том, что с сами кнопки могут стоять внутри контейнера. Этому контейнеру задан фон, который и отображается под кнопками.
Вот это я и спрашиваю, как это сделать, только задать фон рисунком.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 23:32

@gorezcaid пишет:Прозрачность кнопок меню навигации через CSS:
Код:
a.mainmenu img{
opacity: 0.65; /* Значение прозрачности */
filter: alpha(Opacity=65); /* Прозрачность в IE */
}
Надеюсь я правильно понял.
Извините, но нет, вы не правильно меня поняли, прозрачность кнопок не нужна я их нарисую сам и задам при сохранении кнопки фон прозрачный. Меня интересует, как написать код.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Dana Domirani в Пт 21 Окт - 23:34

1. В шаблоне overall_header (Верхняя часть страницы) заменяете строку
Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
на
Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP} class="nav_bar">{GENERATED_NAV_BAR}</td>
Сохраняете и публикуете, нажав на plus

2. В CSS добавляете настройки:
Код:
.nav_bar {
background: transparent url("http://savepic.su/407494.gif") repeat-x center;
height: 50px;
}
http://savepic.su/407494.gif - ссылка на фоновое изображение
height: 50px - это высота блока меню, 50px соответствуют высоте фоновой картинки.

кнопки разместились относительно центра
ПА > Оформление > Верхняя часть страниц & Навигация > Позиция меню : по центру


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 23:51

Почему-то ничего не появилось, или я что- то не так сделал.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Пт 21 Окт - 23:57

Вот код из шаблона.
Спойлер:
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP} class="nav_bar">{GENERATED_NAV_BAR}</td>
</tr>
</table>

<div style="clear: both;"></div>

<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->

<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->

<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор Dana Domirani в Сб 22 Окт - 0:19

Шаблон в порядке, настроек CSS нет. Вот этих:
Код:
.nav_bar {
background: transparent url("http://savepic.su/407494.gif") repeat-x center;
height: 50px;
}


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21914
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Сб 22 Окт - 2:01

Да эти настройки сработали, но исчез объемный рельеф фонового рисунка и он не растянулся на всю ширину поля форума.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Re: Подставить рисунок под прозрачные кнопки.

Сообщение автор ПАПЮС-НЭМО в Сб 22 Окт - 5:12

Спасибо Dana Domirani, я свой вопрос снимаю, так как разобрался сам. Я изменил в шаблоне вот эту строку:
Спойлер:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
на эту:
Спойлер:
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
Dana Domirani, у меня есть к вам еще вопрос, если допустим, мне нужно еще образовать одну полосу под этой, то я могу, допустим, воспользоваться вот таким кодом:
Спойлер:
<div id="userlinks" class="clearfix">
<ul>
<li>
<a href="/search?search_id=newposts">Найти сообщения с вашего последнего посещения</a>
<::after>
</li>
<li>
<a href="/search?search_id=egosearch">Найти ваши сообщения</a>
<::after>
</li>
<li class="last">
<a href="/search?search_id=unanswered">Найти сообщения без ответов</a>
<::after>
</li>
</ul>
<p>
Подключен под логином
<strong>ПАПЮС</strong>
.
</p>
<::after>
</div>
И что нужно в нем изменить, чтобы он работал, да и в какое место в шаблоне его нужно вставить. Единственное в нем не будет ссылок, а лишь информация, такая как, например: подключен под логином КС. И чтоб можно было изменить цвет и размер шрифта, да и цвет фона можно было тоже определить самому.

ПАПЮС-НЭМО
 
 

Сообщения : 34
Карма : Без предупреждений
Благодарности : 3
Регистрация : 2011-10-09

http://giper-postranstvo.ukrainianforum.net/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения