Помогите сделать свой стиль...

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

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Помогите сделать свой стиль...

Сообщение DeaDRoMeO »

Эммм сообщение в блок заключить ?? Дык это ж просто) Код блока смотрите, в какие дивы и классы оборачивается, а потом по аналогии оборачиваете тело сообщения
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#41
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

DeaDRoMeO писал(а):Эммм сообщение в блок заключить ?? Дык это ж просто) Код блока смотрите, в какие дивы и классы оборачивается, а потом по аналогии оборачиваете тело сообщения
Сергей, спасибо, но без твой наводки и хоть маленького примера, у меня мозг взрывается...
Во первых, в каком файле это править? Подобные рисунки прописываются в colours.css (я больше нигде не нашёл), или это отдельно надо заключить в дивы в каком-то html? В каком?
Во вторых, смысл в этом есть, если только применять не ко всему телу поста, а к бордюрам сверху, снизу, справа, слева по отдельности разный рисунок.
Допустим, как вставить рисунок здесь

Код: Выделить всё

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-bottom: 2px solid #2b3f58;
	border-left: 2px solid #2b3f58;
	border-top: 15px solid #375172;
	border-right: 2px solid #2b3f58;
вместо border-top: 15px solid #375172;? Если это возможно конечно...
Ссори, если замучил глупыми вопросами...
нуевонафигэтотавтомод
#42
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

Для наглядности... Вот графически то, что хотелось-бы получить:

А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)
Сами рисунки нарисовать не проблема, сделаю какие надо, а вот где и как прописать их...
нуевонафигэтотавтомод
#43
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

Пока по инету лазил, вот что нашёл, может будет кому полезным.
Рамка и тень вокруг аватарки. Поставил, смотрится не плохо.
В colours.css найти

Код: Выделить всё

/* Poster profile block
----------------------------------------*/
.postprofile {
После закрывающей "}" вставить

Код: Выделить всё

.postprofile dt img {
    background-color: #FFFFFF;
    padding: 0px;
    margin: 5px 0 1px;
    border: 5px solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #000000;
    -webkit-box-shadow: 0 0 10px 0 #000000;
    -moz-box-shadow: 0 0 10px 0 #000000;
}
Где background-color: #FFFFFF; - цвет фона рамки
border: 5px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки
нуевонафигэтотавтомод
#44
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

Помогите сделать свой стиль...

Сообщение akella1900 »

dqdmitry писал(а):А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)
найди в CSS стиля вот такой код он и отвечает за рамку каждого поста

Код: Выделить всё

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-bottom: 2px solid #2b3f58;
	border-left: 2px solid #2b3f58;
	border-top: 15px solid #375172;
	border-right: 2px solid #2b3f58;
}
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#45
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

akella1900 писал(а):найди в CSS стиля вот такой код он и отвечает за рамку каждого поста
Виталий, так это я и сделал, нашел его в colours.css, и толщину рамок такую поставил...
Вопрос был в том, что хотел градиент вместо бордюра... Либо рисунок, как на шапке, либо вообще в css нарисовать, вроде читаю что можно, а не получается...
Ладно...
нуевонафигэтотавтомод
#46
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Помогите сделать свой стиль...

Сообщение DeaDRoMeO »

Так-с в просильвере дабы обернуть блок в рамку, возможно с градиентом используют такой набор тегов

Код: Выделить всё

<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			Тут код блока
			<span class="corners-bottom"><span></span></span></div>
		</div>
Стили уже прописаны в CSS форума, вот я вам и предлагал использовать этот код для оборачивания тела сообщения
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#47
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

Помогите сделать свой стиль...

Сообщение akella1900 »

можно попробывать border-image: , CSS3 посмотреть но под каждый браузер подгонять, то есть не каждый браузер будет правильно отображать, вообщем заморчка, ослик например и с закруглением не всегда дружит не то что с картинками )))
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#48
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

Спасибо, парни, но видимо не моего это ума... :nez-nayu:
В css попробовал и так и сяк, для оперы прописывал -o-border-image:url(/images/border.png), не работает, даже в notepad++ не активным цветом, в отличии от -webkit-border-image:url(/images/border.png) или -moz-border-image:url(/images/border.png) (хрома и мозилы). Получилось на само тело поста css-ом сделать градиент, а как, даже не понял, стёр, т.к. не нужен...
Пробовал border-style: inset; (вогнутая рамка), тоже цвет меняет немного и всё, самого эффекта вогнутой рамки нет.

Способом как Сергей предложил, тоже не вышло, не могу понять какой именно код блока в указанные дивы вставлять...
Во viewtopic_body.html заключал разные куски в указанные тэги, эффект был, но не то... внутри поста появлялся кусок градиента с хедера и всё.
Видно не дорос еще, буду читать, пробовать в свободное время.
нуевонафигэтотавтомод
#49
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

Помогите сделать свой стиль...

Сообщение akella1900 »

dqdmitry писал(а):Получилось на само тело поста css-ом сделать градиент
правильно потому что не ввел параметры отображения, и у тебя просто заполнило весь пост, можешь глянуть пример. но ослик 100% не отображает, другие могут с глюками все от версий браузера зависит
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#50
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

akella1900 писал(а):правильно потому что не ввел параметры отображения, и у тебя просто заполнило весь пост, можешь глянуть пример. но ослик 100% не отображает, другие могут с глюками все от версий браузера зависит
Виталий, эт смотрел, всяко пробовал, опера последняя стоит... По поводу ослика и других, можно наверное бэкграунд им снизу подсунуть, чтоб просто бордюр был.
Передохну пару дней, потом попробую, щас в глазах рябит уже))). Спасибо.
нуевонафигэтотавтомод
#51
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

Сергей, заметил, что у тебя при любом разрешении фиксированная колонка с постпрофилем, и как не сжимай экран, ни аватара (даже большая), ни надписи минипрофиля никогда не наедут на постбоди. Это особенность субсильвера, или как-то в css и в просильвере можно настроить? Может быть особенность что нет выбора лево/правостороннего стиля?
Пробовал играться в common.css

Код: Выделить всё

#wrap {
   padding: 0 20px;
   min-width: 650px;
} 
, меняя значение 650, чтоб большая аватара при маленьких разрешениях не наезжала на текст, но тогда очень рано появляется полоса прокрутки при маленьком разрешении, пока один выход вижу - уменьшить аватары. Как у тебя фиксированный размер сделан?
Спасибо.
нуевонафигэтотавтомод
#52
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Помогите сделать свой стиль...

Сообщение DeaDRoMeO »

Я просто нашел класс колонки с мини-профилем (как то profile он обзывался) и дописал ему в КСС

Код: Выделить всё

min-width: 210px; 
А в настройках аватар поставил максимальный размер аватар в 200 пикселей)) Потому и не растягивается и вровень получается
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#53
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

DeaDRoMeO писал(а):Я просто нашел класс колонки с мини-профилем (как то profile он обзывался) и дописал ему в КССКод: min-width: 210px; А в настройках аватар поставил максимальный размер аватар в 200 пикселей)) Потому и не растягивается и вровень получается
Да, работает, это в content.css, но само тело поста при сужении экрана, вот так теперь сверху минипрофиля наезжает:

Надо какие-то ограничения в postbody прописать, пробую по разному, но всё-равно раньше или позднее "наезжает" сверху минипрофиля...
А раньше под аву "заезжало".
нуевонафигэтотавтомод
#54
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Помогите сделать свой стиль...

Сообщение DeaDRoMeO »

Это видимо косяк блочной верстки, в табличной - таблицы и столбцы находятся на одном уровне и потому при сжатии не наезжают друг на друга, в блочной же - элементы зачастую находятся в виде матрешки , один в другом, потому то и при сжимании идет наезд
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#55
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

Похоже выход один, это уменьшить размер аватар.
Экспериментировал, если ширину делать макс. 120, хватает на корректное отображение даже на ширине 800 (меньше и не надо, думаю), причём и в ЛС, где ещё уже.
Высоту можно 200px.
В принципе рука набита в ФШ, пока пользователей не много, можно довольно быстро управиться с заменой каждому))). Подумаем))).
нуевонафигэтотавтомод
#56
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Помогите сделать свой стиль...

Сообщение DeaDRoMeO »

НУ можно и так))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#57
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

Помогите сделать свой стиль...

Сообщение akella1900 »

dqdmitry писал(а):Похоже выход один, это уменьшить размер аватар.
А не пробовали разбить блок на два блока, один с фиксированой шириной, второй процентный плавающий.
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#58
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

Помогите сделать свой стиль...

Сообщение dqdmitry »

akella1900 писал(а):А не пробовали разбить блок на два блока, один с фиксированой шириной, второй процентный плавающий.
:kli_ny: ... Это как-то дивы с левым и правым классом создавать?
нуевонафигэтотавтомод
#59
Аватара пользователя
akella1900
Хорошо тут живется
Хорошо тут живется
Сообщения: 1568
Стаж: 11 лет 3 месяца
Откуда: Слявный город Николяев :-)
Контактная информация:

Помогите сделать свой стиль...

Сообщение akella1900 »

dqdmitry писал(а):Это как-то дивы с левым и правым классом создавать?
не люблю работать с просильвером )) у вас еще и сборка по моему стоит, дайте свой viewtopic, может и придумаю как разбить
вообщем то и файл уже не понадобится, просто задайте своим аватарам в стиле ширину 85% и высоту авто, должно вам подойти
Последний раз редактировалось akella1900 24 янв 2013, 16:34, всего редактировалось 1 раз.
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
#60
Ответить