Помогите сделать свой стиль...
Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas
Правила форума
----
----
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Помогите сделать свой стиль...
Эммм сообщение в блок заключить ?? Дык это ж просто) Код блока смотрите, в какие дивы и классы оборачивается, а потом по аналогии оборачиваете тело сообщения
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Сергей, спасибо, но без твой наводки и хоть маленького примера, у меня мозг взрывается...DeaDRoMeO писал(а):Эммм сообщение в блок заключить ?? Дык это ж просто) Код блока смотрите, в какие дивы и классы оборачивается, а потом по аналогии оборачиваете тело сообщения
Во первых, в каком файле это править? Подобные рисунки прописываются в
Во вторых, смысл в этом есть, если только применять не ко всему телу поста, а к бордюрам сверху, снизу, справа, слева по отдельности разный рисунок.
Допустим, как вставить рисунок здесь
Код: Выделить всё
.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;
Ссори, если замучил глупыми вопросами...
нуевонафигэтотавтомод
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Для наглядности... Вот графически то, что хотелось-бы получить:
А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)
Сами рисунки нарисовать не проблема, сделаю какие надо, а вот где и как прописать их...
А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)
Сами рисунки нарисовать не проблема, сделаю какие надо, а вот где и как прописать их...
нуевонафигэтотавтомод
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Пока по инету лазил, вот что нашёл, может будет кому полезным.
Рамка и тень вокруг аватарки. Поставил, смотрится не плохо.
Вcolours.css найти
После закрывающей "}" вставить
Где background-color: #FFFFFF; - цвет фона рамки
border: 5px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки
Рамка и тень вокруг аватарки. Поставил, смотрится не плохо.
В
Код: Выделить всё
/* 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;
}
нуевонафигэтотавтомод
- akella1900
- Хорошо тут живется
- Сообщения: 1568
- Стаж: 11 лет 5 месяцев
- Откуда: Слявный город Николяев :-)
- Контактная информация:
Помогите сделать свой стиль...
найди в CSS стиля вот такой код он и отвечает за рамку каждого постаdqdmitry писал(а):А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)
Код: Выделить всё
.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.
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Виталий, так это я и сделал, нашел его вakella1900 писал(а):найди в CSS стиля вот такой код он и отвечает за рамку каждого поста
Вопрос был в том, что хотел градиент вместо бордюра... Либо рисунок, как на шапке, либо вообще в css нарисовать, вроде читаю что можно, а не получается...
Ладно...
нуевонафигэтотавтомод
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Помогите сделать свой стиль...
Так-с в просильвере дабы обернуть блок в рамку, возможно с градиентом используют такой набор тегов
Стили уже прописаны в CSS форума, вот я вам и предлагал использовать этот код для оборачивания тела сообщения
Код: Выделить всё
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
Тут код блока
<span class="corners-bottom"><span></span></span></div>
</div>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- akella1900
- Хорошо тут живется
- Сообщения: 1568
- Стаж: 11 лет 5 месяцев
- Откуда: Слявный город Николяев :-)
- Контактная информация:
Помогите сделать свой стиль...
можно попробывать border-image: , CSS3 посмотреть но под каждый браузер подгонять, то есть не каждый браузер будет правильно отображать, вообщем заморчка, ослик например и с закруглением не всегда дружит не то что с картинками )))
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Спасибо, парни, но видимо не моего это ума...
В 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 заключал разные куски в указанные тэги, эффект был, но не то... внутри поста появлялся кусок градиента с хедера и всё.
Видно не дорос еще, буду читать, пробовать в свободное время.
В css попробовал и так и сяк, для оперы прописывал
Пробовал
Способом как Сергей предложил, тоже не вышло, не могу понять какой именно код блока в указанные дивы вставлять...
Во viewtopic_body.html заключал разные куски в указанные тэги, эффект был, но не то... внутри поста появлялся кусок градиента с хедера и всё.
Видно не дорос еще, буду читать, пробовать в свободное время.
нуевонафигэтотавтомод
- akella1900
- Хорошо тут живется
- Сообщения: 1568
- Стаж: 11 лет 5 месяцев
- Откуда: Слявный город Николяев :-)
- Контактная информация:
Помогите сделать свой стиль...
правильно потому что не ввел параметры отображения, и у тебя просто заполнило весь пост, можешь глянуть пример. но ослик 100% не отображает, другие могут с глюками все от версий браузера зависитdqdmitry писал(а):Получилось на само тело поста css-ом сделать градиент
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Виталий, эт смотрел, всяко пробовал, опера последняя стоит... По поводу ослика и других, можно наверное бэкграунд им снизу подсунуть, чтоб просто бордюр был.akella1900 писал(а):правильно потому что не ввел параметры отображения, и у тебя просто заполнило весь пост, можешь глянуть пример. но ослик 100% не отображает, другие могут с глюками все от версий браузера зависит
Передохну пару дней, потом попробую, щас в глазах рябит уже))). Спасибо.
нуевонафигэтотавтомод
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Сергей, заметил, что у тебя при любом разрешении фиксированная колонка с постпрофилем, и как не сжимай экран, ни аватара (даже большая), ни надписи минипрофиля никогда не наедут на постбоди. Это особенность субсильвера, или как-то в css и в просильвере можно настроить? Может быть особенность что нет выбора лево/правостороннего стиля?
Пробовал играться вcommon.css
, меняя значение 650, чтоб большая аватара при маленьких разрешениях не наезжала на текст, но тогда очень рано появляется полоса прокрутки при маленьком разрешении, пока один выход вижу - уменьшить аватары. Как у тебя фиксированный размер сделан?
Спасибо.
Пробовал играться в
Код: Выделить всё
#wrap {
padding: 0 20px;
min-width: 650px;
}
Спасибо.
нуевонафигэтотавтомод
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Помогите сделать свой стиль...
Я просто нашел класс колонки с мини-профилем (как то profile он обзывался) и дописал ему в КСС
А в настройках аватар поставил максимальный размер аватар в 200 пикселей)) Потому и не растягивается и вровень получается
Код: Выделить всё
min-width: 210px;
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Да, работает, это в content.css, но само тело поста при сужении экрана, вот так теперь сверху минипрофиля наезжает:DeaDRoMeO писал(а):Я просто нашел класс колонки с мини-профилем (как то profile он обзывался) и дописал ему в КССКод: min-width: 210px; А в настройках аватар поставил максимальный размер аватар в 200 пикселей)) Потому и не растягивается и вровень получается
Надо какие-то ограничения в postbody прописать, пробую по разному, но всё-равно раньше или позднее "наезжает" сверху минипрофиля...
А раньше под аву "заезжало".
нуевонафигэтотавтомод
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 2 месяца
- Откуда: Витебск
- Контактная информация:
Помогите сделать свой стиль...
Это видимо косяк блочной верстки, в табличной - таблицы и столбцы находятся на одном уровне и потому при сжатии не наезжают друг на друга, в блочной же - элементы зачастую находятся в виде матрешки , один в другом, потому то и при сжимании идет наезд
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
Похоже выход один, это уменьшить размер аватар.
Экспериментировал, если ширину делать макс. 120, хватает на корректное отображение даже на ширине 800 (меньше и не надо, думаю), причём и в ЛС, где ещё уже.
Высоту можно 200px.
В принципе рука набита в ФШ, пока пользователей не много, можно довольно быстро управиться с заменой каждому))). Подумаем))).
Экспериментировал, если ширину делать макс. 120, хватает на корректное отображение даже на ширине 800 (меньше и не надо, думаю), причём и в ЛС, где ещё уже.
Высоту можно 200px.
В принципе рука набита в ФШ, пока пользователей не много, можно довольно быстро управиться с заменой каждому))). Подумаем))).
нуевонафигэтотавтомод
- akella1900
- Хорошо тут живется
- Сообщения: 1568
- Стаж: 11 лет 5 месяцев
- Откуда: Слявный город Николяев :-)
- Контактная информация:
Помогите сделать свой стиль...
А не пробовали разбить блок на два блока, один с фиксированой шириной, второй процентный плавающий.dqdmitry писал(а):Похоже выход один, это уменьшить размер аватар.
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
- dqdmitry
- Самый Любознательный
- Сообщения: 377
- Стаж: 11 лет 6 месяцев
- Откуда: Ангарск
- Контактная информация:
Помогите сделать свой стиль...
... Это как-то дивы с левым и правым классом создавать?akella1900 писал(а):А не пробовали разбить блок на два блока, один с фиксированой шириной, второй процентный плавающий.
нуевонафигэтотавтомод
- akella1900
- Хорошо тут живется
- Сообщения: 1568
- Стаж: 11 лет 5 месяцев
- Откуда: Слявный город Николяев :-)
- Контактная информация:
Помогите сделать свой стиль...
не люблю работать с просильвером )) у вас еще и сборка по моему стоит, дайте свой viewtopic, может и придумаю как разбитьdqdmitry писал(а):Это как-то дивы с левым и правым классом создавать?
вообщем то и файл уже не понадобится, просто задайте своим аватарам в стиле ширину 85% и высоту авто, должно вам подойти
Последний раз редактировалось akella1900 24 янв 2013, 16:34, всего редактировалось 1 раз.
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.