Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Нужен совет

Опубликовано:

Доброго времени суток!

Мне нужна помощь по осуществлению кое-какой задумки.

Дело вот в чем, обычный шаблон форума внешне выглядит примерно так:

1fe01c23cff7t.jpg

Меня интересует, реально ли выделенные красным и синим таблички преобразить вот так:

e105cc93925dt.jpg

Чтобы они были прозрачными и находились на логотипе? Если да, то подскажите плиз, где конкретно искать эти настройки – в хтмл шаблонах, в настройках ксс или и там и там одновременно? Заранее спасибо)

 

ПС: гран мерси за этот сайт – настоящая палочка-выручалочка для начинающего веб дизайнера :) ))

Рекомендованные сообщения

Опубликовано:

Реально.

Строите таблицу из трех ячеек. В левую помещаете перестроенное сабменю (в столбик), в среднюю - картинку для логотипа, а в правую загоняете тег мембербара (возьмете его из основного шаблона, где оный тег закомментируете).

При этом мембербар в назначенном для него шаблоне перестраиваете тоже в столбик.

Ну и в css для нужных классов по ходу делаете изменения.

Опубликовано:
  • Автор

Таблицу я сделала, линки как надо расставила, теперь задача установить все это на форуме. Я так понимаю полученную таблицу нужно вставлять в "skin global - global board header", и даже догадываюсь что вместо тега:

 

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' alt='IPB' style='vertical-align:top' border='0' /><!--ipb.logo.end--></a></div>

<div id="submenu">

<p class="home"><!--ipb.leftlinks.start--><a href="{ipb.vars['home_url']}">{ipb.vars['home_name']}</a><!--IBF.RULES--><!--ipb.leftlinks.end--></p>

<p><!--ipb.rightlinks.start-->

<if="component_links != """>

{$component_links}

</if>

 

<a href="{ipb.script_url}act=Help">{ipb.lang['tb_help']}</a><a href="{ipb.script_url}act=Search&f={ipb.input['f']}">{ipb.lang['tb_search']}</a><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a>

<!--ipb.rightlinks.end--></p>

</div>

</div>

(или ошибаюсь?? :) )

К тому же возникает проблема, лого и субменю находятся в одном шаблоне, их связывать нигде не надо, а мембербар в совершенно другом месте - как его связать с этой таблицей? Если просто таблицу ставить, то на странице два мембера отображаются, причем оба сильно перекошенные(( Я так понимаю нужно сделать что-то вроде линка на табицу в историческом шаблоне мембера, но не очень представляю каким образом.

Опубликовано:

Где таблица??? Там по-прежнему блоки с тегами

...
один под другим.

И линки Вы не расставили, они в строчку будут, а надо в столбик, иначе не влезут.

Пушкин

ставить будет?

 

Делайте в редакторе, тренируясь на копии дефолтного скина, тогда сами все увидите.







перестроенное сабменю<!--ipb.logo.start-->IPB

Это с необходимыми правками (писала наобум) вставить вместо блоков логотип + сабменю. Внутри ячеек можно писать блоки левых и правых линков, разделяя пункты

 

Поправить / создать классы в css

 

Закомментировать мембербар в основном шаблоне (иначе он повторится дважды!)

И Перестроить в столбик в родном - так и называется - memberbar

 

Больше повторять не буду, читайте внимательно и не повторяйте вопросов.

Очень тяжело объяснять.

Если не знаете азов, пожалуйста, вначале почитайте справочники по html:

Все про блочную верстку

Все про табличную верстку.

Значения тегов:

 

Что такое html-комментарий...

О css - разница между id и class (в шапке применяется то, и другое, если вглядитесь в верстку дефолтного стиля)

Значения параметров: float, text-align, padding, background, text-decoration

 

Все это может пригодится при перестройке шапки.

Опубликовано:

Фисана не сказала, что таблицу надо оформлять в врапере. (Edit Board Header & Footer Wrapper), а так, и правду если не знаете хтмл, то лучше вообще не лезть, там ведь в шаблонах еще и php условия вставлены.

Опубликовано:

Враппер записан в основном шаблоне, а таблица оформляется в html фрагменх - в global_board_header.

Не путайте людей, когда сами не понимаете. Во враппере некуда влепить входящие переменные, нихрена работать меню не будет, тот же поиск с выпадением менюшки накроется и компоненты не вставятся.

Во враппере (основной шаблон) только комментируется , поскольку его нельзя просто перенести.

Читайте внимательно, достало повторять!

Опубликовано:
  • Автор

М, Фисана, вы меня не правильно поняли) Это не таблица, разумеется, это вопрос)

Я так понимаю полученную таблицу нужно вставлять в "skin global - global board header", и даже догадываюсь что вместо тега:

Но это уже не важно)

Спасибо за объяснения, все получилось)

 

ПС: респект вам как веб-дизайнеру, очень красивые скины делаете.

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.