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

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

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

Правила форума
----
Закрыто
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=5674#p5674]Сегодня, 07:44 писал(а):Кеш не забыть после этого почистить в 3-х местах в админке на вкладке Стили, а так же на вкладке Общие :smile:
Я пока включил: Перекомпилировать старые шаблоны - Да. Так проще экспериментировать. Надо не забыть отключить))
DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=5674#p5674]Сегодня, 07:44 писал(а):А по какой инструкции переносил профиль влево?? Там где то была инструкция, после которой пользователь сам мог выбирать с какой стороны будут отображаться профили
Инструкция здесь: phpbbguru.net/kb/styling/profiles-on-the-left Там нет таких возможностей для пользователей.
Что делать с ссылками на этот ресурс? Как-то не комильфо их тут размещать))

Если местные товарищи посоветуют оставить профиль слева, то может время регистрации убрать, а оставить только дату? А саму дату расположить под словом "Зарегистрирован:". Аватар с "St_roy" и "Администратор" разместить по центру? Так можно сделать?
Последний раз редактировалось St_roy 16 янв 2012, 12:09, всего редактировалось 2 раза.
Зри в корень
#81
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=5674#p5674]Сегодня, 07:44 писал(а):Строка

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

padding: 0 10px ;
Задает отступ в 10 пикселей с правой строны текста, попробуй ее заменить на такую

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

padding: 0 10px 0 10px;
Не помогло
Зри в корень
#82
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

В описанном куске кода, который я выше давал, я поставил такие значения

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

padding: 0 0 0 100px;
Потом зашел на вкладку Стили, нажал на пункт Темы(в левом столбце) и напротив стиля Просильвер нажал обновить.

Вот что получилось, видишь ?? отступ слева в 100 пикселей. Может ты кеш плохо почистил?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#83
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

Всё сделал несколько раз)) Попробую сегодня вечером заново создать свой стиль. Кажется мне, что проблемка на этом этапе где-то. Удалял папку styles/st_roy/theme/images - изменений нет( И чистился и обновлялся в стилях..
Зри в корень
#84
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

Хмм всякое бывает, но стили никогда не удаляй с ФТП предварительно не удалив их из админки !!! Проблем не оберешься потом :smile:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#85
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

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

Создать свой стиль

Сообщение DeaDRoMeO »

Я бы еще посоветовал почитать , от многих ошибок убережет :?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#87
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=5686#p5686]45 минут назад писал(а):Я бы еще посоветовал почитать , от многих ошибок убережет :?
Читал в первый день, когда только пришёл сюда))

Ну что, методом тыка добился (на работу забил, сидел и тыкал))):



Только правками в /styles/st_roy/theme/content.css, а не в /styles/st_roy/theme/common.css)) В этом коде

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

.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
это

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

padding: 0;
поменял на

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

padding: 0 12px;
Правда сначала (ещё вчера) кажись в этом же файле менял ширину профиля и сообщения. Так что это изменение (12) подходит только в моём случае и не подойдёт, если просто перенести профиль влево))

Осталось
время регистрации убрать, а оставить только дату? А саму дату расположить под словом "Зарегистрирован:". Аватар с "St_roy" и "Администратор" разместить по центру? Так можно сделать?
Пошёл хоть немного поработаю))
Зри в корень
#88
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

Отделить дату от времени нельзя, ибо это значение выводит одна переменная, ее разделить нельзя. Чтобы перенести строку найди в viewtopic_body.html следущий код

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

<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
Заменить на

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

<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong><br/> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
Кстати раз уж ты собрался работать со стилем то запоминай, если не знаешь, - одиночный тег <br/> отвечает за перенос строки
Выровнять по центру можно с помощью дивов

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

<div align="center">содержимое для выравнивания</div>
В твоем случае, в том же файле нужно найти код

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


<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>

			<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
И обрамить его дивами, то есть

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

<div align="center">
<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>

			<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
</div>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#89
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=5691#p5691]14 минут назад писал(а):Кстати раз уж ты собрался работать со стилем то запоминай, если не знаешь, - одиночный тег <br/> отвечает за перенос строки
Огромное спасибо! По опыту знаю, что учится надо на конкретных примерах, в учебнике такое бы прочитал - забыл бы без практики))

Кхм.. После моих правок в предыдущем моём сообщении в портале получилось вот что:



Заменил

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

padding: 0 12px;
на

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

padding: 1 12px;
и всё встало на место:



Пока не видел, мож ещё где косяк вылезет))
Зри в корень
#90
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

Нифига!! В сообщениях всё вернулось к варианту, от которого ушёл(( Щас башка лопнет))
Зри в корень
#91
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

Впринципе отступ между блоками еще нормальный, тогда еще на заметку про тег padding - всего можно задать 4 значения, если задано:
1 значение - Поля будут установлены одновременно от каждого края элемента. Пример - padding: 20px;

2 значение - Первое значение устанавливает поля от верхнего и нижнего края, второе — от левого и правого. Пример - padding: 10px 20px; либо padding: 0 20px;

3 значение - Первое значение задает поле от верхнего края, второе — одновременно от левого и правого края, а третье — от нижнего края. Пример - padding: 10px 20px 30рх; либо padding: 0 20px 0;

4 значение - Поочередно устанавливается поля от верхнего, правого, нижнего и левого края. Пример - padding: 10px 20px 30рх 40рх; либо padding: 0 20px 0 0 ;

Можно вернуть заданные тобой значения, а для портала прописать отдельный класс в /styles/st_roy/theme/content.css. Допустим там есть код (с уже твоими изменениями)

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

.postbody {
	padding: 0 12px;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}
Добавляем еще один после него

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

.postbody {
	padding: 0 12px;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}
.postbody1 {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	clear: both;
}
И соответственно в /styles/твой стиль/template/portal/block/welcome.html меняем код с

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

<div class="postbody" style="width: 100%">
				<div class="content">{PORTAL_WELCOME_INTRO}</div>
			</div>
На код

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

<div class="postbody1" style="width: 100%">
				<div class="content">{PORTAL_WELCOME_INTRO}</div>
			</div>
В итоге мы этому шаблону присвоили новый класс из таблицы цветов :smile:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#92
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

DeaDRoMeO[/url] » [url=http://hello-vitebsk.ru/viewtopic.php?p=5695#p5695]Сегодня, 18:12 писал(а):Впринципе отступ между блоками еще нормальный
Проблема была не в отступе между блоками, а в левом отступе внутри блока "Добро пожаловать!"
еще на заметку про тег padding
Ещё один день не зря прожит))
для портала прописать отдельный класс
Всё интересней и интересней))

Сделал, спасибо. Работает) Только у меня нет файла /styles/st_roy/template/portal/block/welcome.html, вместо него /styles/st_roy/template/portal/modules/welcome_center.html

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

Создать свой стиль

Сообщение DeaDRoMeO »

Упс, просто чето у всех порталы разные, пока разберешься где нужные файлы лежат, сто лет пройдет :D На здоровье :?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#94
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

Я догадливый)) У меня портал 2.0
Последний раз редактировалось St_roy 16 янв 2012, 18:25, всего редактировалось 1 раз.
Зри в корень
#95
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

молодца :? теперь буду знать
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#96
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

А, забыл)) Шрифт в блоке "Добро пожаловать!" стал меньше. В админке, конечно можно переключить на по-больше... Просто не пойму где я смог это изменить? Ведь только добавил этот postbody1 и подключил его...
Зри в корень
#97
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

Создать свой стиль

Сообщение St_roy »

Ну вот, результат))



Решается проблема с выползанием текста из мини профиля?
Дальше хочу сделать минипрофиль Уже, но эта ленточка.. потом поменяю изображения на те, которые будут подходить к стилю. Ведь дополнительно ничего не надо будет делать?
Зри в корень
#98
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

В том же файле есть строки

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

.postbody .content {
	font-size: 1.3em;
}
В этой строке задается размер шрифта, попробуй добавить после него еще один класс

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

.postbody1 .content {
	font-size: 1.3em;
}
Так же еще там есть строки

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

.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%;
}
Думаю догадываешься что нужно сделать, должно помочь
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#99
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Создать свой стиль

Сообщение DeaDRoMeO »

А нафига ты такое длинное содержание делаешь?? думаешь ктонибудь сможет настолько подробно заполнить свой адрес???
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#100
Закрыто