Создаём свой собственный стиль для phpBBex на основе встроенного Prosilver

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

Описание: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Модератор: Поддержка

Сообщение #241 nightpatrol » 08.12.2014, 22:13

Спасибо!
nightpatrol
Репутация: 16
С нами: 10 лет 3 месяца

Сообщение #242 sag-sag » 18.12.2014, 21:16

Подскажите пожалуйста, где увеличь высоту для фоновой картинки категорий до 40 пикселей в высоту, вместо 20. :oops:
sag-sag M
Аватара
Репутация: 412
С нами: 11 лет 4 месяца

Сообщение #243 Aleksey » 10.01.2015, 16:56

Доброго дня!
Подскажите пожалуйста, как изменить фон быстрого ответа? Не тот фон, где сам текст пишется, а вот где сама надпись "быстрый ответ", ещё смайлы, отключить ббкод, отключить смайлы
вот куда стрелки красные показывают
Изображение
Aleksey
Гость

Сообщение #244 Sumanai » 10.01.2015, 17:14

Aleksey, есть прекрасная вещь, называется веб-инспектор. Вызывается обычно по F12, и там есть инструмент со стрелочкой, где вы можете выбрать в разметке желаемый блок, и посмотреть его стили. Например, стиль требуемого вам блока задаётся классом .panel, со стилем:
Код: Выделить всё
.panel {
    background-color: #ecf1f3;
    color: #28313f;
}
По умолчанию.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Сообщение #245 Aleksey » 10.01.2015, 17:34

Спасибо большое! Про f12 я знаю, но именно .panel он мне не показывает. так я нашел <h3></h3> но это только полоска под "быстрвый ответ", а целиком форуму быстрого ответа вот такую вижу через "исследовать элемент"
<div id="postingbox" class="panel">
<div class="inner">
<span class="corners-top"></span>
<h3></h3>
<fieldset class="fields1"></fieldset>
<span class="corners-bottom"></span>
</div>

но ничего похожего в colours.css не нашел
Спасибо ещё раз что подсказали!
Aleksey
Гость

Сообщение #246 Sumanai » 10.01.2015, 19:25

Aleksey:Про f12 я знаю, но именно .panel он мне не показывает.

А если внимательно посмотреть:

Aleksey:<div id="postingbox" class="panel">
<div class="inner">
<span class="corners-top"></span>
<h3></h3>
<fieldset class="fields1"></fieldset>
<span class="corners-bottom"></span>
</div>

Вот это что я выделил жирным?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Сообщение #247 Aleksey » 10.01.2015, 20:22

Sumanai:Вот это что я выделил жирным?
Теперь понял как искать, спасибо!
Можно ещё вопрос - как называется этот элемент, и можно ли его удалить? Если делать закругленные уголки и перекрашивать фон, эти самые уголки остаются белыми, что отчетливо видно и не очень красиво. Можно это как то исправить, или не отображать этот элемент совсем?
Изображение
Aleksey
Гость

Сообщение #248 Sumanai » 10.01.2015, 20:41

Aleksey:Можно ещё вопрос - как называется этот элемент, и можно ли его удалить

Ну вы же умеете пользоваться вебинспектором... Элемент- это блок, начинающийся с <div class="rules">. Поиском по файлам находится 5 штук, 3 из которых не имеют никакого отношения к странице просмотра тем, что явственно видно из их названия. Предпоследняя имеет другую разметку. В итоге подходит только styles/prosilver/template/quickreply_editor.html, где и нужно удалить этот блок вместе с содержимым. Всё просто и понятно, нужно только немного подумать и внимательно смотреть.

Aleksey:или не отображать этот элемент совсем?

Проще простого- в админке в настройках отображения отключите скругление углов.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Сообщение #249 Aleksey » 10.01.2015, 21:01

Вас понял, в очередной раз спасибо огромное за ответ!
Искать видимо лучше всего total commander`ом с поиском содержимого?
Aleksey
Гость

Сообщение #250 Sumanai » 10.01.2015, 21:09

Aleksey:Искать видимо лучше всего total commander`ом с поиском содержимого?

Само собой, им и пользуюсь.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Сообщение #251 sag-sag » 10.02.2015, 11:58

Вопрос по лого. Мне надо сдвинуть лого вправую часть шапки. Прописываю это:
Код: Выделить всё
#logo {
   float: right;
   width: auto;
   padding: 0;
   margin-top: 40px;
}
в строчке
Код: Выделить всё
float: right;
Но лого, на середину становится...
sag-sag M
Аватара
Репутация: 412
С нами: 11 лет 4 месяца

Сообщение #252 Sumanai » 10.02.2015, 12:01

sag-sag:Мне надо сдвинуть лого вправую часть шапки.

Код: Выделить всё
#site-description {
    float: left;
    width: 70%;
}

Замени слева на справа.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Сообщение #253 Убивай » 17.02.2015, 13:22

отличный урок!!!!
1 проба :smile:
Спойлер
Изображение

Но есть одно но )) как разнообразить категории, у каждой категории свой background
Убивай
Репутация: 10
С нами: 9 лет 10 месяцев

Сообщение #254 sag-sag » 17.02.2015, 15:42

Убивай, прикольно получилось!!!
sag-sag M
Аватара
Репутация: 412
С нами: 11 лет 4 месяца

Сообщение #255 Sumanai » 17.02.2015, 16:12

Убивай, надписи в футере не прочесть, а так ничего.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Сообщение #256 Убивай » 18.02.2015, 00:04

апну темку ещё 1 типо творением.... это адаптация хотя так не назвать даже... :biggrin: :biggrin:

я новичок так что не ругайтесь :biggrin:

Спойлер
Изображение


А так же есть куча вопросов) так как учиться охото!
Убивай
Репутация: 10
С нами: 9 лет 10 месяцев

Сообщение #257 sag-sag » 18.02.2015, 11:36

Убивай, класс
sag-sag M
Аватара
Репутация: 412
С нами: 11 лет 4 месяца

Сообщение #258 Убивай » 18.02.2015, 13:21

Вопрос, где настройки этих кнопочек

Спойлер
Изображение

так как это фишка phpbb наплывающая кнопка (новая тема, ответить) изменяющая цвет, хочу сделать статическую( простая кнопочка) и на рисунке
[s]как изменить ширину всего этого добра выделено красным
:cry: [/s]

прошу помощи. так как ни очень разбираюсь

вопросы отпали, это всё делается через Редактор набор изображений, выставляется сама высота и ширина изображения

Спойлер
Изображение



но тут же меня начинает интересовать другой вопрос по уроку Фоновая "зебра" - .bg1 и .bg2

при наведение фон белеет, как сделать основного цвета


и что за лояльность как работает, пока не разобрался
Убивай
Репутация: 10
С нами: 9 лет 10 месяцев

Сообщение #259 Sumanai » 18.02.2015, 15:28

Убивай:это всё делается через Редактор набор изображений, выставляется сама высота и ширина изображения
Правки там могут слететь при очистки кеша. Редактируйте файл \styles\prosilver\imageset\imageset.cfg
Убивай:при наведение фон белеет,
За наведение отвечает псевдокласс :hover. В данном случаи это
Код: Выделить всё
li.row:hover {
    background-color: #f6f6f6;
}
Советую освоить файрбаг, подобное с помощью него находится на раз.
Убивай:и что за лояльность как работает
Это сумма выставленных пользователем оценок. Желательно такие вопросы задавать в отдельных темах.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 11 месяцев

Хочу изменить дизайн подвала

Сообщение #260 Аня » 21.02.2015, 23:37

Хочу изменить дизайн подвала в стиле alpha
Спойлер
Изображение
подскажите пожалуйста где ковырять?
Аня
Гость

Пред.След.

Вернуться в Мастерская 1.x