Перейти к публикации
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.
Опубликовано:

Здраствуй Фисана.

 

Погла бы ты мне помощь объяснив как я могу сделать такую шапку как здесь fromuz.com/forum/

Заранее спасибо ! :)

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

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

По ссылке шапка не является шапкой форума.

Она взята с их сайта.

Вы также можете сверстать любую шапку, по структуре отличающуюся от шапки форума.

Но только помочь в этом я Вам не могу, так как верстать за Вас не буду.

Устанавливайте дримвивер и верстайте что хотите, затем впишите код со ссылками на графику в основной шаблон форума после тега body.

А форумную шапку сократите сверху до сабменю, не повредив скрипты.

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

Окей пол работы я сделаю потом ты мне поможешь дальше :)

  • 3 недели спустя...
Опубликовано:

Подскажите, как можно сделать задний фон за лого в виде картинки, так что бы при увеличении разрешения картинка растягивалась пропорционально, а при уменьшении разрешения сжималась а не обрезалась просто с правой стороны ? Меня интересует менно целостность и пропорциональность изображения относительно вертикалнього центра при разных разрешениях.

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

В тег добавить ширину 100%. Но пропорционально не выйдет.

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

Т.е. она будет растягиваться горизонтально т.к. вертикально задается статическая высота...фона и логотипа. Вопрос только в тег какой? css или html?

 

Есть код в archive_html_header:

.maintitle{
		background-color: #D1DCEB;
		background-image: url({$this->ipsclass->vars['board_url']}/style_images/<#IMG_DIR#>/tile_back.gif);
		color: #FFF;
		font-weight: bold;
		padding:8px 0px 8px 5px;
		vertical-align:middle;
	}

 

и в css:

 

#logostrip{ 
background: #7f909c url(ibr2/tile_back.gif);
border: 0px solid #5B514F;
height: 155px;
border: 0px solid #FFF;
		 border-bottom: 0; 
		 margin: 0;
padding: 0;
}

 

На вид почти одинаковые, где ставить "100%" в css подозреваю.. :rolleyes:

 

И еще такой вопрос, почему в html указывается тип файла заднего фона и не только, а при замене типа файла в css ничего не меняется ?

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

Тегов в css не бывает.

Учите матчасть.

Я говорю о html, а Вы мне css подсовываете.

Не стану отвечать на вопросы, пока не выучите такие понятия как тег, стиль (style), класс (class), id, блок, таблица, ряд, ячейка и так далее. Где они прописываются, что делают и какими свойствами и возможностями обладают.

Иначе Вы не поймете мои объяснения, а мне жалко тратить время впустую.

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

Fisana, обещаю больше не задавать такие вопросы, но скин нужно доделать сегодня, а я не могу его довести до ума.. Сделаю скин и беру книги в руки. Обещаю. :rolleyes:

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

Мне тоже нужно к завтрашнему дню доделать макет. Фактически сверстать главную страницу.

Я почти не сплю.

И не в состоянии объяснить Вам то, чего Вы не готовы понять. Тем более, когда у меня нет времени - у самой шапка еще не готова.

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

Тогда будем мучаться вместе всю ночь )) Я заметил, что Вы в онлайне очень поздно находитесь.. :rolleyes:

Опубликовано:
А форумную шапку сократите сверху до сабменю, не повредив скрипты.

 

а это как? удалив всю предидущую часть или просто изменив размеры таблицы? Извините за дилетантский вопрос - IPB юзаю всего третий день, но уже поставила, благодаря Вашим советам, свою шапочку. Спасибо!

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

Просто в шаблонах форума, в том же global_board_header, кроме html кода, есть важные скрипты, которые, например, отвечают, за работу всех всплывающих меню форума.

Я просто хотела сказать, что меняйте html как угодно, но скрипты не трогайте.

  • 3 недели спустя...
Опубликовано:

Привет! У меня такой вопрос, вот у меня возник такой вопрос. С скинами даются файлы psd в них там все есть но я так и не понял их можно вообще втсавлять в шапку или только на IPB более 2,1 ??

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

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

Но в любом случае эти файлы - psd - не готятся для web. Конечные файлы всегда в формате gif, ipg, реже png.

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

 

Готовые файлы под web (уже не psd) при желании можно использовать где угодно, если оно кому надо.

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

А как делать так что бы в шапке помимо логотипа были еще другие ссылки и картинки?? У меня стоит IPB 2.1.4 Вот как у тебя здесь со скином SEO У меня пишет что типа этот логотип не тот

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

Ссылки и картинки в шапку добавляются путем обычной html верстки.

Обычный логотип по дефолту прописан в блоке в тегах div.

В этот блог можно добавить дополнения - пример - добавление баннеров.

А можно его полностью перестроить или переделать в таблицу.

Все зависит от Ваших нужд.

В скине SEO - таблица с несколькими ячейками в одном ряду. Картинки со ссылками привязаны к эти ячейкам.

Подробнее при желание можете посмотреть во фрейме страницы с этим скином.

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

Сейчас на странице 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.