Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Подставить рисунок под прозрачные кнопки.
Участников: 5
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 21:53
Добрый вечер. Подскажите, пожалуйста, как можно подставить рисунок под прозрачные кнопки меню, где расположены кнопки: Форум, Календарь, Галерея, ЧаВа и так далее.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор Strannik aka svetlyi Октябрь 21st 2011, 22:02
ПАПЮС-НЭМО, ФШ в помощь 
там и соедините. вряд ли наложение одного изображения на другое, технически возможно на форуме.
там и соедините. вряд ли наложение одного изображения на другое, технически возможно на форуме.
Strannik aka svetlyi-
-
Сообщения : 180
Регистрация : 2011-04-09
Благодарности : 90
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 22:10
А что такое ФШ? Фото шоп, тогда мне такой вариант не подходит.))) Почему невозможно ведь на форумах часто подставляется рисунок, а сверху идет шрифт, или я что-то неправильно понимаю.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор Kit Октябрь 21st 2011, 22:16
объясните по побробнее что вам нужно а то я не понял, если вам нужно сдеать прозрачный фон тогда я вам помогу!
Kit-
-
Сообщения : 705
Возраст : 26
Регистрация : 2011-09-01
Благодарности : 83
-
Re: Подставить рисунок под прозрачные кнопки.
автор Strannik aka svetlyi Октябрь 21st 2011, 22:19
У вас есть наглядный пример?
Все таки я склонен думать, что, то что вы видели у кого-то - есть то самое наложение в Фотошопе.
Все таки я склонен думать, что, то что вы видели у кого-то - есть то самое наложение в Фотошопе.
Strannik aka svetlyi-
-
Сообщения : 180
Регистрация : 2011-04-09
Благодарности : 90
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 22:44
Вот рисунок, который я хочу подставить:
Вот пример возможной кнопки:
Если в фото шопе это сделать, то она жестко прикрепится и возможности удалять, лишни кнопки не будет.
Вот пример возможной кнопки:
Если в фото шопе это сделать, то она жестко прикрепится и возможности удалять, лишни кнопки не будет.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор Kit Октябрь 21st 2011, 22:52
Вот:
Под любой фон подойдет!
Под любой фон подойдет!
Kit-
-
Сообщения : 705
Возраст : 26
Регистрация : 2011-09-01
Благодарности : 83
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 23:04
Вот смотрите, можно сказать, стандартный форум, но под кнопками стоит фоновый рисунок, пусть простой фон, но все, же фон.Strannik aka svetlyi пишет:У вас есть наглядный пример?
Все таки я склонен думать, что, то что вы видели у кого-то - есть то самое наложение в Фотошопе.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор Dana Domirani Октябрь 21st 2011, 23:13
ПАПЮС-НЭМО, дело в том, что с сами кнопки могут стоять внутри контейнера. Этому контейнеру задан фон, который и отображается под кнопками.
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Подставить рисунок под прозрачные кнопки.
автор Strannik aka svetlyi Октябрь 21st 2011, 23:14
Кто вам сказал?Если в фото шопе это сделать, то она жестко прикрепится и возможности удалять, лишни кнопки не будет.
ПА - Оформление - Управление картинками- Общие/навигация - просто удалите напротив не нужной кнопки, ссылку на изображение и она не будет отображаться.
Допустим:
Это две картинки, но если вы их зальете, куда я указал выше, у вас получиться единая полоса - навигационной панели.
Но это уже другая тема,а именно "Стол заказов" =) https://help.forum2x2.ru/f20-forum
Strannik aka svetlyi-
-
Сообщения : 180
Регистрация : 2011-04-09
Благодарности : 90
-
Re: Подставить рисунок под прозрачные кнопки.
автор gorezcaid Октябрь 21st 2011, 23:22
Прозрачность кнопок меню навигации через CSS:
- Код:
a.mainmenu img{
opacity: 0.65; /* Значение прозрачности */
filter: alpha(Opacity=65); /* Прозрачность в IE */
}
gorezcaid-
-
Сообщения : 1806
Возраст : 81
Регистрация : 2010-08-18
Благодарности : 783
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 23:25
Этот вариант я рассматривал, но он имеет свои недостатки, если я создам такие кнопки, то когда я выберу, нужные они займут, лишь часть пространства, а оставшееся будет пустым. Мне надо чтобы эта планка растянулась на всю ширину форума, а выбранные кнопки разместились относительно центра. Если бы вопрос стоял, просто нарисовать кнопки не было бы проблем.Strannik aka svetlyi пишет:Кто вам сказал?
ПА - Оформление - Управление картинками- Общие/навигация - просто удалите напротив не нужной кнопки, ссылку на изображение и она не будет отображаться.
Допустим:
Это две картинки, но если вы их зальете, куда я указал выше, у вас получиться единая полоса - навигационной панели.
Но это уже другая тема,а именно "Стол заказов" =) https://help.forum2x2.ru/f20-forum
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 23:27
Вот это я и спрашиваю, как это сделать, только задать фон рисунком.Dana Domirani пишет:ПАПЮС-НЭМО, дело в том, что с сами кнопки могут стоять внутри контейнера. Этому контейнеру задан фон, который и отображается под кнопками.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 23:32
Извините, но нет, вы не правильно меня поняли, прозрачность кнопок не нужна я их нарисую сам и задам при сохранении кнопки фон прозрачный. Меня интересует, как написать код.gorezcaid пишет:Прозрачность кнопок меню навигации через CSS:Надеюсь я правильно понял.
- Код:
a.mainmenu img{
opacity: 0.65; /* Значение прозрачности */
filter: alpha(Opacity=65); /* Прозрачность в IE */
}
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор Dana Domirani Октябрь 21st 2011, 23:34
1. В шаблоне overall_header (Верхняя часть страницы) заменяете строку
2. В CSS добавляете настройки:
height: 50px - это высота блока меню, 50px соответствуют высоте фоновой картинки.
- Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
- Код:
<td align="{MENU_POSITION}"{MENU_NOWRAP} class="nav_bar">{GENERATED_NAV_BAR}</td>
2. В CSS добавляете настройки:
- Код:
.nav_bar {
background: transparent url("http://savepic.su/407494.gif") repeat-x center;
height: 50px;
}
height: 50px - это высота блока меню, 50px соответствуют высоте фоновой картинки.
ПА > Оформление > Верхняя часть страниц & Навигация > Позиция меню : по центрукнопки разместились относительно центра
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 23:51
Почему-то ничего не появилось, или я что- то не так сделал.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 21st 2011, 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
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор Dana Domirani Октябрь 22nd 2011, 00:19
Шаблон в порядке, настроек CSS нет. Вот этих:
- Код:
.nav_bar {
background: transparent url("http://savepic.su/407494.gif") repeat-x center;
height: 50px;
}
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22996
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 22nd 2011, 02:01
Да эти настройки сработали, но исчез объемный рельеф фонового рисунка и он не растянулся на всю ширину поля форума.
ПАПЮС-НЭМО-
- Сообщения : 34
Регистрация : 2011-10-09
Благодарности : 3
-
Re: Подставить рисунок под прозрачные кнопки.
автор ПАПЮС-НЭМО Октябрь 22nd 2011, 05: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
Регистрация : 2011-10-09
Благодарности : 3
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
