Уголки панелей в Prosilver

[Warlock75]

Всем доброй ночи! (а кому-то и утра)
Возникла некоторая проблемка.
Белые уголки (показано курсором на рисунке)... Не гламурно.
Prosilver (немного измененный).
Понятно, что со стилями поковыряться нужно и новый класс ввести (те уголки для белого фона).
Просто времени на это сейчас нет, может кто подскажет, что к чему, чтобы не застревать на этом...
Может и поиск что-нибудь выдал бы, но чаще он выдает ошибку SQL в последнее время, к сожалению.

[Палыч]

Это просто картинки. Открыть - изменить по цвету - сохранить и радоваться.

[Rayden]

Не, Палыч, не все так просто. Белые ему тоже нужны в другом месте.
А в этом серые.

[Палыч]

Rayden
По представленному скрину я не вижу использования белых. А в остальном я не телепат.

[Warlock75]

Вот рисунок побольше.
Rayden прав.
Белые уголки тоже нужны, как и на этом форуме.
Если было бы так просто (заменить картинки), то я бы и не писал сюда.

[Палыч]

Warlock75
Так в чём проблема?
Скопировать класс (с белыми) в класс1 (с серыми) заменив имена файлов
Серые добавить, перекрасив белые

[Warlock75]

Скопировать класс (с белыми)

В каком файле? Где скопировать? В colours.css?
И как это прописать в шаблоне?

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

<div class="panel bg3">
			<div class="inner"><span class="cornersgray-top"><span></span></span>
				<h3>{L_ATTACHMENTS_TORRENT}:</h3>
 
				<!-- BEGIN torrent_fields -->

			<dl>

[Палыч]

Мда...
Warlock75
Мне, почему то, казалось, что вас уже за ручку водить не надо...

В каком файле?

Вам виднее. Я кода вашего стиля не вижу.

Где скопировать?

В файле css, в каком именно у вас, смотри выше.

Вкратце:
У вас должно быть определение файлов-картинок (скорее всего в colours.css)
типа:

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

span.corners-top_white {
	background-image: url("{T_THEME_PATH}/images/corners_left_white.png");
}

span.corners-top_white span {
	background-image: url("{T_THEME_PATH}/images/corners_right_white.png");
}

span.corners-bottom_white {
	background-image: url("{T_THEME_PATH}/images/corners_left_white.png");
}

span.corners-bottom_white span {
	background-image: url("{T_THEME_PATH}/images/corners_right_white.png");
}

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

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

span.corners-top_red {
	background-image: url("{T_THEME_PATH}/images/corners_left_red.png");
}

span.corners-top_red span {
	background-image: url("{T_THEME_PATH}/images/corners_right_red.png");
}

span.corners-bottom_red {
	background-image: url("{T_THEME_PATH}/images/corners_left_red.png");
}

span.corners-bottom_red span {
	background-image: url("{T_THEME_PATH}/images/corners_right_red.png");
}

далее, у вас должно быть определение расположения файла-картинки, скорее всего в common.css
типа

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

span.corners-top_white, span.corners-bottom_white, span.corners-top_white span, span.corners-bottom_white span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top_white {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top_white span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom_white {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom_white span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom_white {
	margin-bottom: -1px;
}

.post span.corners-top_white, .post span.corners-bottom_white, .panel span.corners-top_white, .panel span.corners-bottom_white, .navbar span.corners-top_white, .navbar span.corners-bottom_white {
	margin: 0 -10px;
}

.rules span.corners-top_white {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom_white {
	margin: 5px -10px 0 -10px;
}

дублируете его, заменяя названия классов

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

span.corners-top_red, span.corners-bottom_red, span.corners-top_red span, span.corners-bottom_red span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top_red {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top_red span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom_red {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom_red span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom_red {
	margin-bottom: -1px;
}

.post span.corners-top_red, .post span.corners-bottom_red, .panel span.corners-top_red, .panel span.corners-bottom_red, .navbar span.corners-top_red, .navbar span.corners-bottom_red {
	margin: 0 -10px;
}

.rules span.corners-top_red {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom_red {
	margin: 5px -10px 0 -10px;
}

Далее перекрашиваете (копируя) сами файлы картинки

corners_left_red.png

corners_left_white.png

Далее в шаблонах, там где вам нужно, заменяете corners-top_white и corners-bottom_white на corners-top_red и corners-bottom_red

[Warlock75]

Палыч
Благодарю.
Времени мало очень на все.
На трекер ушло только 3 месяца.
Наверное глаз замылился. Отдохнуть требуется...
У меня другая задумка появилась по поводу уголков.
Реализую - покажу.

[Warlock_9000]

У меня другой вопрос, но тоже по уголкам. Поменял несколько файлов в теме, перерисовал их с синего на зеленый. Сбросил кеш. В итоге получилось вот что. p.s. возможно накосячил где то в стилях - подскажите где?

На главной вот такой косяк с углами.

Но внутри форумов все нормально, там нет углов черного цвета вокруг значков

шаблон стандартный prosilver

версия phpbb 3.0.4

[Warlock75]

на главной вот такой косяк с углами

Косяка не видно, как и самой картинки.
Поправь.

Открывал иконки форума в каком-нибудь редакторе? Сохранил не в том режиме.
А частенько они с черными уголками уже и открываются.
в Photoshop CS4 этот косяк устранен.

[Warlock_9000]

Иконки не трогал, редактировал только фоновые элементы и копался в css

[Warlock75]

Просто перелей их из дистрибутива на на свой FTP в соответствующую папку и все.

[Rayden]

Не все, еще "обновить набор иконок" в админке

[Warlock75]

Ctrl+F5 тоже не помешает.