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

Редактирование дефолтной структуры

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

Всем доброго времени суток.

Суть проблемы такова:

 

post-36807-1266938953_thumb.jpg

 

Нужно убрать стандартное изображение и вместо него поставить 3 изображения и естественно фон (всё из картинок)

 

А ещё лучше сделать что то на подобии рамки из изображений (думаю что будет сложнее редактировать текст нежели картинку):

 

post-36807-1266938991_thumb.jpg

 

Изначально скачал какой то стиль и хочу его переделать полностью под свои нужды

( http://invisionarts.com/3.0.html )

Считаю что данная тема будет полезна всем

Изменено пользователем RPSVoloch

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

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

Код подходит для всех скинов.

Опробовала еще на одном :)

big.png

4. Добавьте еще эти картинки

leftside.png leftside.png

rightside.png rightside.png

catbot.png catbot.png

catbotleft.png catbotleft.png

catbotright.png catbotright.png

5. В ipb_styles.css (через редактор админки!) допишите

.rightside{
background: transparent url({style_images_url}/rightside.png) repeat-y right;
padding-right: 9px;
	 margin: 0px;
}


.leftside{
background: url({style_images_url}/leftside.png) repeat-y left;
padding-left: 9px;
	 margin: 0px;
}

.catbotleft{
padding:0;
margin:0;
background:url({style_images_url}/catbotleft.png) 0 0 no-repeat;
height:26px;
}
.catbotright{
padding:0;
margin:0;
background: url({style_images_url}/catbotright.png) 100% 0 no-repeat;
height:26px;
}

.catbot {
padding:0;
margin:0 24px;
background: url({style_images_url}/catbot.png) repeat-x;
height: 26px;
}

6. В boardIndexTemplate (это тоже в админке, редактирование html, в группе шаблонов "список форумов" - в корявой русской редакции)

Найдите

<table class='ipb_table'

Выше добавьте

<div class='leftside'><div class='rightside'>

Найдите

</table>

Ниже вставьте

</div></div>
<div class='catbotleft'><div class='catbotright'><div class='catbot'></div></div></div>

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

Этот получилось установить с первого раза. Спс)

Ещё вопрос при нажатии на надпись: Категории появляется новая страница мне бы хотелось узнать название файла который нада изменить чтоб было как и на титульной

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

forumIndexTemplate

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

Убрать бордер для свернутой категории, не помню в каком классе :)

Вылезет еще море багов, а помогать Вам в их упрелестнении не буду, много работы :)

Поэтому ищите в css, пробником взяв код цвета с экрана...

В общем, скопируйте css в редактор и поиском ищите этот цвет.

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

Я этим и занимаюсь последние пару часов (

Вот нельзя было сделать всё проще. Вот как всегда надо всё усложнить до невозможности!

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

Не знаю как написать правильнее так что лучше покажу:

 

post-36807-1266990060_thumb.jpg

Для установки тут шапки какой файл редактировать ?

 

post-36807-1266990068_thumb.jpg

Где редактировать стиль ? (название файла)

Изменено пользователем RPSVoloch

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

1. Там так не сделать, вернее, сделать можно все, но придется придумывать как.

2. В topicViewTemplate. И тоже потребуется помучаться.

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

 

Ps

Экспортируются скины из админки.

Операция параллельна импорту.

Читаем статью.

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

Неверно сказала.

Не в topicViewTemplate

А там же, где подфорумы редактируются, в forumIndexTemplate

 

Я этим и занимаюсь последние пару часов (

Вот нельзя было сделать всё проще. Вот как всегда надо всё усложнить до невозможности!

А я индивидуальные скины делаю около 3-х недель.

И готовые решения взять негде. С устранением некоторых проблем приходится мучаться несколько дней, если не выходит верстка.

И совета спросить не у кого :) Никто не хочет учиться и помогать мне :)

Все хотят получить готовые решения и даже пару часов работать не желают :)

 

Ps

Чтобы хорошо освоить верстку под ipb3, я потратила месяца два. В это время у меня не было заработка.

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

css там многое решает...

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

Я Вас прекрасно понимаю но оформление создавать не моё. Схватываю я на лету и упорства у меня то же хватает.

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

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

Дело движется но медленно и всё же я нашёл людей которые мне говорят где да что подправить и на каких браузерах что и как смотрится.

 

З.Ы. То что получится я передам Вам так как Вы показали что и куда вставлять и распоряжаться будете на ваше усмотрение.

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

Мне не нужно передавать :)

Если хотите, создайте бесплатный скин со ссылкой на Ваш сайт в копирайтах. Распространять можно в нашем архиве.

Уверяю, он будет востребован и поможет продвижению Вашего проекта.

Но, чтобы получилось, придется много помучаться. Заочные советы не всегда помогают, так как многие проблемы решаются методом проб и ошибок, долго и мучительно :)

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

Для начала надо будет запотентовать свой сайт. (более чем уверен что его стырят так как он будет уж очень сильно подходить с скину форума) Да и сайт находится на одном канале с серверами игры и придётся в скором времени переезжать на платный хостинг и платный домен. (хакеры тусуйтесь PHP в сафе моде шел не залить)

 

Добавил немного позже чтоб флуд не разводить.

 

Какой файл колупать ?

post-36807-1267024667_thumb.jpg

Изменено пользователем RPSVoloch

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

Теперь topicViewTemplate :)

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

В общем вот то что получилось:

post-36807-1267039065_thumb.jpg

 

Хотя кое что напрягает:

post-36807-1267039006_thumb.jpg

 

Хотя не сильно заметно но всё же оно есть (для тех у кого плохое зрение стык 2 частей бордюра с промежутком в 1 пиксель) где копать ? (только название тега дайте а то уже замучился искать его в CSS)

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

В css в классе post_block контур нижний попробуйте убрать

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

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