Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка 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.

Первый опыт работы с CSS

Featured Replies

Posted

Недавно решил создать стиль для своего форума, в тёмных тонах. За основу взял стандартный стиль. Через день работы с кодом я закончил работу с ним. В итоге, вышел стиль не очень в тёмных тонах  :O . Прошу оценить получившийся изменённый стандартный стиль :) Так я его и назвал - "IP Board Dark"  :think:

Скриншоты:

Профиль:

post-7640-0-22646800-1366736308_thumb.pn

 

Настройки профиля:

post-7640-0-31960800-1366736336_thumb.pn

 

Индекс:

post-7640-0-87250900-1366736365_thumb.pn

 

Кто хочешь протестировать стиль, вот файлы:

ip-board-dark.xml.gz

images-dark.xml.gz

Тест-форум на этом стиле можно найти по адресу _fotoschool.hol.es (беспл. хостинг для тест форума)

 

Стиль полностью совместим с 3.4.Х. На 3.3.Х я не тестировал  :(

 

PS: создал именно в этом разделе, т.к. лишь просто хочу оценки, комментариев и советов  :music:

хороший стиль, грамотное сочетание цветов. подскажи, как ты редактировал цвета рамок ( к примеру там где надпись "общение и творчество) ? а то я в коде не бум бум, а стиль хочется отредактировать свой.

  • Author

хороший стиль, грамотное сочетание цветов. подскажи, как ты редактировал цвета рамок ( к примеру там где надпись "общение и творчество) ? а то я в коде не бум бум, а стиль хочется отредактировать свой.

 

если ты про рамки вокруг подфорумов, то за это отвечает следующий код (в моём стиле):

.ipsBox {
background: #585858;

Так же .ipsBox отвечает за другие элементы (в стиле видно).


если ты про рамки вокруг подфорумов, то за это отвечает следующий код (в моём стиле):

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

  • Author

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

В ipb_style.css он один о_0. А отвечает он действительно за многое. Точнее, что бы отвечало именно за эту часть бэкграунда, силами css вроде никак. По карйней мере, мне - никак. Я конечно, попробую, но не ручаюсь за результат.

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

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

 

Для этого в ipb_styles.css находим

background: #585858;
          -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          box-shadow: 0 0 10px rgba(0,0,0,0.5);
          padding: 3px;
          }

и сразу после добавляем

/*maintitle_class*/
.ipdBox {
          background: #код нужного цвета;
          -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
          box-shadow: 0 0 10px rgba(0,0,0,0.5);
          padding: 7px;
          }

                .ipdBox_notice, .ipdBox_highlight {
		background: #f4fcff;
		border-bottom: 1px solid #cae9f5;
	}

На этом css закончилось. Далее идём в boardindexTemplate и находим

<div class='ipsBox table_wrap'>

заменяем на 

<div class='ipdBox table_wrap'>

Мы попеняли отвечающий за фон подфорумов. У меня это получилось так:

post-7640-0-75741500-1366743455_thumb.pn.


В ipb_style.css он один о_0. А отвечает он действительно за многое

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

  • Author

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

выше добавил

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.

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.