[Общая тема]HTML - CSS - Графика форума: где что править ???

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

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

Правила форума
----
Закрыто
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

DeaDRoMeO писал(а):Я через таблицы все делал, а в просилвере блочная верстка. Табличную верстку знаете?
Спасибо Сергей. Табличной версткой владею в совершенстве, если можно так выразиться. Еще на народном сайте ее делал, лет 6 тому назад )
Я понял что в данном случае мне этот метод не подойдет, поскольку мне придется время от времени менять там ссылку, хотелось бы это делать из админки, а не через стиль, с постоянным его обновлением... пошел в тему с модами ))
***
форум не дает мне отписываться в теме Поиск модов, считает меня флудерастом :-0=) :ne_ne_ne:
***
Отвечу тогда тут, раз такое дело.

Добрый день, ищу самый что ни на есть простенький мод, с минимум функционала, который бы позволял размещать ссылку с небольшой картинкой в непосредственной близости с шапкой форума, или в самой шапке.
Подскажите плиз, друзья :dr_ink:
#1801
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

VDV_forever писал(а):поскольку мне придется время от времени менять там ссылку, хотелось бы это делать из админки, а не через стиль, с постоянным его обновлением
Мод рекламных площадок ставьте и площадку куда угодно можно ставить и менять ее содержимое через админку

Сообщение добавлено... спустя 1 минуту 8 секунд:
Отключил для вас флуд контроль)))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1802
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

Добрый день! Подскажите пожалуйста, где можно произвести изменение цвета (мне надо затемнить подложку) в форме, где оставляются сообщения на форуме. А также продлить разделительную линию, отделяющую пользователя и его сообщение, до самого конца, если сообщение длинное. :ny_tik:
Вот наглядный пример:

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

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

За фон сообщений отвечает класс postbody, его и надо редактировать дабы поменять фон, а насчет вертикальной линии - тут видимо не получится, это рамка для мини-профиля и она равна высоте самого мини-профиля, вниз врядли растянешь
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1804
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

DeaDRoMeO писал(а):За фон сообщений отвечает класс postbody, его и надо редактировать дабы поменять фон, а насчет вертикальной линии - тут видимо не получится, это рамка для мини-профиля и она равна высоте самого мини-профиля, вниз врядли растянешь
Сергей, извиняюсь за глупый вопрос, а в каком файле искать класс postbody?
Ну как же у Вас на форуме растянуто от верха и до низа:
#1805
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

все файлы стиля находятся в файлах css. у вас этот файл здесь стиль.

Вот это - класс postbody - отвечает за поле сообщения:

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

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}
Добавьте туда background и сможете менять цвет фона. так:

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

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
        background: #FFFFFF; // цвет фона
}
Ваша белая вертикальная полоска формируется здесь:

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

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
Админ прав. в этом месте растянуть её у вас не получится.
Можете попробовать убрать здесь (строку border-left: 1px solid #FFFFFF;), а добавить вертикаль в postbody.
Примерно так:

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

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
        background: #FFFFFF; // цвет фона
        border-right: 1px solid #000000; // вертикальная полоса
}
Должно получиться. (хотя стили prosilver немного глюканутые... ну это моё мнение :hi_hi_hi: ).
Пробуйте. Успехов.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1806
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение DeaDRoMeO »

DeaDRoMeO писал(а):Ну как же у Вас на форуме растянуто от верха и до низа:
Табличная верстка однако
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1807
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

белк писал(а):Добавьте туда background и сможете менять цвет фона. так:
Огромное спасибо, умный белк! :co_ol:
Получилось! Зацените:

Вот ссылка
Немного смущают еще один фон, который бы тоже не мешало преобразовать в аналогичный цвет. И будет вообще супер-пупер красиво!
Проблемные места выделил красным. Можно ли таким оригинальным образом, закрасить и эту область до границы с аватарой, а также по краям!?
У меня такое ощущение, что эта область Post body styles обрамляет само сообщение с цитатами, ну т.е. именно эту область, а далее идет еще одна область, непосредственно определяющая границы, до аватары.... нет?
Только вот какая? :du_ma_et: Подскажите? :smu:sche_nie:
***
с линией пока не игрался, но уверен, что если "покрасить" вторую область обрамляющую сообщение до границ, то проблема решиться сама собою и останется только удалить белую линию по вашей рекомендации! :bra_vo:
***
Если все получится, то распространю это Ваше решение и на другой форум тоже! :ya_hoo_oo: Дай бог Вам здоровья!!! :a_g_a:
P.S. Для всех кто столкнется с такой же проблемой, корректирует этот файл:
styles/prosilver/theme/content.css
#1808
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

эт сложно... те места, что вы отметили - это основной цвет фона сообщения..., т.е. всего блока вместе с профилем. через браузер я не вижу что там ещё есть...
скиньте ваш файл viewtopic_body - посмотрю...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1809
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

белк писал(а):эт сложно... те места, что вы отметили - это основной цвет фона сообщения..., т.е. всего блока вместе с профилем. через браузер я не вижу что там ещё есть...
скиньте ваш файл viewtopic_body - посмотрю...
Вы всегда радуете простыми решениями, сложных вопросов! :co_ol: Скинул в ЛС :mi_ga_et:
Белк, а если расширить блок сообщений по максимуму? Такая есть возможность? До границ? :du_ma_et:
#1810
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

чч... накручено, дэс... может вам сделать проще? заменить весь фон блока, а для профиля сделать свой фон? то есть с postbody убрать фон, а поставить его на весь блок. на профиль поставить свой background. не могу утверждать с уверенностью, но, скорее всего, профиль получится отдельным блочком (не до конца сообщения). то, что вы просите реализовать очень сложно, так как это блочная вёрстка и нет чётких критериев высоты блоков... скорее всего надо полностью перестраивать блок сообщения под табличный вид. просто имея файл сделать сложно. на стандартный prosilver файл не ставится - пробовал.
кстати, у вас первое-второе сообщение имеют разные фоны. тоже возня...

фон блока 1 - класс post bg1
фон блока 2 - класс post bg2

редактируется здесь:

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

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }
.bg1 { background-color: #f7f7f7;} - цвет фона

Блок профиля:

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

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
сделать так:

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

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
   background: #f7f7f7;
}
// переделывать файл под таблицу возни много...

Попробуйте сделать у себя то, что я написал...

Итого: у меня больше нет идей, как это мжно реализовать. Может админ что подскажет...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1811
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

белк писал(а):чч... накручено, дэс... может вам сделать проще? заменить весь фон блока, а для профиля сделать свой фон? то есть с postbody убрать фон, а поставить его на весь блок. на профиль поставить свой background. не могу утверждать с уверенностью, но, скорее всего, профиль получится отдельным блочком (не до конца сообщения). то, что вы просите реализовать очень сложно, так как это блочная вёрстка и нет чётких критериев высоты блоков... скорее всего надо полностью перестраивать блок сообщения под табличный вид. просто имея файл сделать сложно. на стандартный prosilver файл не ставится - пробовал.
кстати, у вас первое-второе сообщение имеют разные фоны. тоже возня...

фон блока 1 - класс post bg1
фон блока 2 - класс post bg2

редактируется здесь:

Белк, огромное спасибо, за помощь! Попробовал. Но Вы правы, выделяется только блочек, не до конца сообщения. И смотрится не очень.
Однако!! Я попробовал внедрить белую вертикальную полоску и результат - отлично! :co_ol:
Правда обнаружился небольшой артефакт, было бы просто супер от него избавиться и у Вас бы получилась отличная доработка, которую можно смело патентовать, белк! :dr_ink:

Артефакт связан с добавлением полоски, в блок где спасибки ставятся:

вот ссылка
Однако странно, что всего 4 спасибки влезают в 1 строку, хотя явно должно быть 5 на одной...
P.S. Белк, допиши в своем профиле, решение сложных проблем, простыми решениями! :a_g_a:
#1812
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

откуда там эта полоска берётся? мне по ссылке спасибки не увидеть - надо региниться... спасибки стоят в блоке сообщения под классом postbody?
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1813
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

белк писал(а):откуда там эта полоска берётся? мне по ссылке спасибки не увидеть - надо региниться... спасибки стоят в блоке сообщения под классом postbody?
эээ, еще бы знать как этот класс назывался...

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

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
	border-right: 1px solid #ffffff;
	}

.postbody .ignore {
	font-size: 1.1em;
}

.postbody h3.first {
	/* The first post on the page uses this */
	font-size: 1.7em;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	font-size: 1.5em;
	padding: 2px 0 0 0;
	margin: 0 0 0.3em 0 !important;
	text-transform: none;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 1.3em;
}

.search .postbody {
	width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
#1814
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

да нет, просто меня интересовало откуда у вас берётся эта белая полоска, так как по скану толком не понять... она получилась после этих наших экспериментов с фоном?... спасибки отсюда ставили?
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1815
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

белк писал(а):да нет, просто меня интересовало откуда у вас берётся эта белая полоска, так как по скану толком не понять... она получилась после этих наших экспериментов с фоном?... спасибки отсюда ставили?
Выходит что так... спасибки ставил именно этот.
Могу убрать доработку и посмотреть исчезнет ли полоска, но я уверен что исчезнет. Блин, где зарыта собака.. это реально, очень полезная доработка!
#1816
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

ага... ну значит так. попробуй в код "спасибок" в файле viewtopic_body добавить код:

найти

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

<!-- IF postrow.S_THANKS_POST_REPUT_VIEW and postrow.POST_REPUT and not postrow.S_POST_ANONYMOUS and not S_IS_BOT -->
			<div class="content">
				<dl class="postbody">
					<dt class="small"><strong>{L_REPUT}:</strong>&nbsp;{postrow.POST_REPUT}</dt>
					<dd>
					<!-- IF postrow.S_THANKS_REPUT_GRAPHIC -->
					<div style="width: {postrow.THANKS_REPUT_GRAPHIC_WIDTH}; height: {postrow.THANKS_REPUT_HEIGHT}; background:  url({postrow.THANKS_REPUT_IMAGE_BACK}); background-repeat: repeat-x;"><div style="height: {postrow.THANKS_REPUT_HEIGHT}; width: {postrow.POST_REPUT}; background: url({postrow.THANKS_REPUT_IMAGE}); background-repeat: repeat-x;"></div></div>&nbsp;
					<!-- ENDIF -->
					</dd>
				</dl>
			</div>
		<!-- ENDIF -->
в код

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

<dl class="postbody">
добавить код, убирающий полоску, чтобы получилось так:

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

<dl class="postbody" style="border-right: 0px solid #ffffff;">

понимаете изменение? вы добавляете к классу postbody, уже имеющему эту полоску, свою полосу, имеющую нулевую толщину, то есть её просто не должно быть видно...
можно ещё и поменять класс. то есть сделать новый, предположим postbody_thank и заменить postbody в этом коде на него, а postbody_thank добавить в стилевой файл и перекопировать туда содержимое postbody БЕЗ бордера полоски...
Решайте сами. :du_ma_et:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1817
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

глянул сейчас что у вас получилось... цитата как-то не очень. получается вплотную к бордеру. может стоит добавить отступ?
сюда:

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

.quotee{position: relative;margin: 20px 0px -10px 10px;border: 1px solid #0076B4;padding: 18px 30px 7px 30px;min-height: 35px;background: #FFFFFF url(styles/prosilver/theme/images/spback.png) bottom left repeat-x;font-weight: bold;color:#797971;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);}
сделать

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

margin: 20px 10px -10px 10px;
то есть добавить отступ справа? :du_ma_et:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1818
Аватара пользователя
VDV_forever
Активно общаюсь
Активно общаюсь
Сообщения: 259
Стаж: 11 лет 4 месяца
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение VDV_forever »

белк писал(а):ага... ну значит так. попробуй в код "спасибок" в файле viewtopic_body добавить код:
найти
Спасибо белк, что занимаетесь моей проблемой! :dr_ink: К сожалению первый способ не помог, увы. т.е. полоска осталась. А второй какой то мудреный... :du_ma_et:
белк писал(а):глянул сейчас что у вас получилось... цитата как-то не очень. получается вплотную к бордеру. может стоит добавить отступ?
Отступ действительно кривой был, поправил. Спасибо! Теперь правда текст вплотную, а цитата нет. Вот если бы еще текст сместить на такое же расстояние от полоски, ... хотя, думаю так даже лучше, более рационально что ли :-00):
Хотя 5 мм все же не помешали :mi_ga_et:
Вложения
149.jpg
149.jpg (4.03 КБ) 1765 просмотров
#1819
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

[Общая тема]HTML - CSS - Графика форума: где что править ???

Сообщение белк »

этот отступ регулируется в postbody и от цитаты не зависит.
здесь:

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

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }
строка padding: 0;
можете сделать так

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

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0 10px 0 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }
будет отступ текста справа на 10px.
до этого у вас было не видно, так как вы не ставили бордер...

//значит первый способ результата не дал...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#1820
Закрыто