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

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

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

Правила форума
----
Ответить
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

Ну вот и я решился просильвер перекрасить :-00): ...
Градиенты рисовал сам, фоны менял в colours.css, кнопки в большинстве взял с AeroBlue, часть сам рисовал, прописывая потом их значения и размер в imageset.cfg.
Сделал еще далеко не всё, недоделок куча, но вижу их только я :mi_ga_et: , пользователи не замечают. Посмотреть что получилось можно по ссылке под моим мини профилем.

А теперь вопрос. Сергей, понимаю, что тебя замучил уже :nez-nayu: , но прошу подсказать.
Не могу найти где прописать бордюр в "теле" поста. Красивостей не нужно, просто чтоб он был выделен рамкой, можно такой-же как цитата выделяется.
Вот скрин, чтоб понять, что именно я имею ввиду:

В colours.css вроде пробовал поиском по слову "border" искать, но там их слишком много, и подозреваю, что он вообще там может быть не прописан.
Спасибо :ko_re:sha: .
нуевонафигэтотавтомод
#21
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

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

Сообщение DeaDRoMeO »

Вообщем то за тело одного сообщения отвечает класс

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

class="post
, попробуйте ему прописать бордюр
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#22
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

DeaDRoMeO писал(а):Вообщем то за тело одного сообщения отвечает класс Код: Выделить всеclass="post, попробуйте ему прописать бордюр
Серег, вот уж послал, дак послал :-0=) ...
Наверное ты переоцениваешь меня))).
Если серьезно, то в styles\prosilver\template\viewtopic_body.html попробовал вставить

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

<div class="postbody">
	    <div class="border-color">
А что дальше - не знаю...
нуевонафигэтотавтомод
#23
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

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

Сообщение St_roy »

Наверное имеется ввиду в файле /styles/Ваш_стиль/theme/common.php прописать бордюр в этом месте

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

.post {
	padding: 0 10px 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
Зри в корень
#24
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

Парни, спасбо огромное!!!
Андрей, сделал как ты подсказал, в итоге вот такой код в common.php:

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

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border-bottom: 1px solid #2b3f58;
	border-left: 1px solid #2b3f58;
	border-top: 1px solid #2b3f58;
	border-right: 1px solid #2b3f58;
Единственный вопросик остался, как покрасить ту полоску, что отделяет минипрофиль от "тела" поста?
нуевонафигэтотавтомод
#25
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

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

Сообщение St_roy »

Файл colours.css

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

.postprofile {
	color: #666666;
	border-left-color: #E2E0B7;
}
Зри в корень
#26
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

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

Сообщение Lorem Ipsum »

St_roy писал(а):border-left-color: #E2E0B7;
Я её просто удалила.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#27
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

Ну не могу понять...
Туплю... Пробовал всяко-разно.
В colours.css со словом postprofile у меня есть только

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

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #2b3f58;
	border-left-color: #2b3f58;
}

.rtl .postprofile {
	border-right-color: #2b3f58;

}

.pm .postprofile {
	border-left-color: #2b3f58;
}

.rtl .pm .postprofile {
	border-right-color: #2b3f58;

}

.postprofile strong {
	color: #000000;
}
цвет уже везде здесь заменил...
Серёг, при предпросмотре блок со смайликами некорректно отображается
нуевонафигэтотавтомод
#28
Аватара пользователя
St_roy
Завсегдатай Форума
Завсегдатай Форума
Сообщения: 873
Стаж: 12 лет 2 месяца
Откуда: Москва
Контактная информация:

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

Сообщение St_roy »

dqdmitry, так вроде всё получилось.. У тебя сейчас белая полоска
Зри в корень
#29
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

St_roy писал(а):dqdmitry, так вроде всё получилось.. У тебя сейчас белая полоска
Андрей, утро вечера мудренее, оказалось), у меня вчера уже поздно было, а утром сообразил, что имеешь ввиду.
Поставил отображение профиля справа - и полоска покрасилась в #2b3f58 (это тёмно-синий), а если профиль слева, то да, она белая (так и была).
Сейчас попробую доковырять чтоб при любом отображении профиля отображалась...
нуевонафигэтотавтомод
#30
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

Может быть подскажите, как прописать картинку "online/ofline", чтобы она всегда в один ряд была с кнопками "ЛС", почтой... Вот так примерно:

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

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

Сообщение DeaDRoMeO »

У вас же просильвер ?? Так вот в просильвере малехо дебильно прописано условие онлайна

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

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->
По идее можно просто удалить этот кусок, а в блок

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

<ul class="profile-icons">
					<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}"><span>{L_SEND_EMAIL_USER} {postrow.POST_AUTHOR}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
				</ul>
Добавить такое условие

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

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --><li> <img src="адрес картинки если пользователь онлайн"></li><!-- ELSE --><li><img src="адрес картинки если пользователь оффлайн"></li><!-- ENDIF -->
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#32
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

DeaDRoMeO писал(а):У вас же просильвер ?? Так вот в просильвере малехо дебильно прописано условие онлайна
Спасибо, Сергей.
Буду пробовать как ты написал.
А пока лазил в сети, нашел (не сам конечно) еще вот такое решение, может кому пригодится. Затемнение аватар тех кто offline.
viewtopic_body.html найти:

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

{postrow.POSTER_AVATAR}
У меня два таких кода, вместо первого заменил:

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

<!-- IF postrow.S_ONLINE -->
{postrow.POSTER_AVATAR}
<!-- ELSE -->
<style type="text/css">
a.avatar {
  cursor:default;
}
a.avatar img {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
a.avatar:hover img {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
</style>
<a class="avatar" href="javascript:void(0)">{postrow.POSTER_AVATAR}</a>
<!-- ENDIF -->
Поставил, вроде все работает пока, посмотрим что пользователи скажут.
нуевонафигэтотавтомод
#33
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

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

Сообщение DeaDRoMeO »

dqdmitry писал(а):Поставил, вроде все работает пока, посмотрим что пользователи скажут.
Хорошо смотрится, была бы фантазия так на основе КСС + ШТМЛ+ условия = можно было бы такие вещи делать))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#34
Аватара пользователя
dqdmitry
Самый Любознательный
Самый Любознательный
Сообщения: 377
Стаж: 11 лет 4 месяца
Откуда: Ангарск
Контактная информация:

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

Сообщение dqdmitry »

DeaDRoMeO писал(а):Хорошо смотрится...
Народу тоже вроде понравилось).
DeaDRoMeO писал(а):...была бы фантазия так на основе КСС + ШТМЛ+ условия = можно было бы такие вещи делать))
Серёг, а какие именно, например? Если не секрет, конечно)).
нуевонафигэтотавтомод
#35
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

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

Сообщение Lorem Ipsum »

DeaDRoMeO писал(а):была бы фантазия так на основе КСС + ШТМЛ+ условия = можно было бы такие вещи делать))
Я тебя уже третий раз прошу помочь создать условие, когда юзер он-лайн, то чтобы минипрофиль окрашивался в зелёный цвет. У меня на одном форуме такое скриптом сделано.

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

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

Сообщение DeaDRoMeO »

Хммм тогда вот тебе условие, прописать надо внутрь нужного тега, допустим есть класс, который присваивается если пользователь не в сети, и класс для пользователя в сети. Первый, к примеру, row1, второй row2. Тогда наше условие будет выглядеть так

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

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> row2 <!-- ELSE -->row1<!-- ENDIF -->
В конечном виде, если прописать допустим это в див, будет так

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

<div class="<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> row2 <!-- ELSE -->row1<!-- ENDIF -->">
dqdmitry, я бы с радостью, но вот фантазии мне как раз таки не хватает))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#37
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

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

Сообщение Lorem Ipsum »

DeaDRoMeO писал(а):Хммм тогда вот тебе условие, прописать надо внутрь нужного тега, допустим есть класс, который присваивается если пользователь не в сети, и класс для пользователя в сети. Первый, к примеру, row1, второй row2. Тогда наше условие будет выглядеть так
Поняла примерно 25%.
Насчет классов - они уже есть или их нужно создавать?
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#38
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

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

Сообщение DeaDRoMeO »

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

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

Сообщение dqdmitry »

Подскажите, можно-ли в просильвере вместо бордюров вокруг сообщения использовать рисунки? Имею ввиду градиенты, по аналогии как в colours.css прописано, например background-image: url("{T_THEME_PATH}/images/bg_header_01.gif");?
Спасибо.
нуевонафигэтотавтомод
#40
Ответить