Барнаул

Россия

Хочу установить на форум (будет SMF 2.0 финальная) тему Helios (http://custom.simplemachines.org/themes/?lemma=1), но в другой цветовой гамме.

Основная цветовая гамма будет, как в основной части сайта (http://www.seobuilding.ru/).
Т.е. главные цвета: светло-желтый, светло-голубой (вероятно бэкграунд), белый. Соответственно можно использовать их оттенки, а также совместимые с этими цветами другие цвета.

В теме Helios предусмотрена смена цветов некоторых элементов. Этого не будет.
Т.е. плясать нужно от какой-то одной палитры.

Что конкретно нужно сделать?

1) Правка только CSS и картинок, чтобы соответствовали цветовой палитре основной части сайта.

2) Желательно как можно больше использовать градиенты, как картинками так и CSS.

3) Можно сделать чередование сообщений в следующей градиентной гамме (см. прикрепленную картинку):


Можно использовать как картинку так и CSS. Вот код (не полный) этих элементов:

------------------------------------------
.mainTable {

background: #FFFBEA;
background-image: -o-linear-gradient(rgb(255,251,234),rgb(255,255,255));

-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;

background: -moz-linear-gradient(top,#FFFBEA,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFBEA), to(#fff));
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFFBEA,endColorstr=#ffffff,GradientType=0); zoom: 1;

background: linear-gradient(top,#FFFBEA,#fff);


}

.mainTableReverse {


background: #F7FAFD;
background-image: -o-linear-gradient(rgb(247,250,253),rgb(255,255,255));

-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;

background: -moz-linear-gradient(top,#F7FAFD,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#F7FAFD), to(#fff));
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#F7FAFD,endColorstr=#ffffff,GradientType=0); zoom: 1;

background: linear-gradient(top,#F7FAFD,#fff);

}
-------------------------------------------------------------------


4) Так же, по возможности, можно использовать в других частях форума градиенты.

Напоминаю, править нужно только CSS и изображения.

Хочу установить на форум (будет SMF 2.0 финальная) тему Helios (<a href="http://custom.simplemachines.org/themes/?lemma=1" rel="nofollow noopener noreferrer" target="_blank">http://custom.simplemachines.org/themes/?lemma=1</a>), но в другой цветовой гамме.

Основная цветовая гамма будет, как в основной части сайта (<a href="http://www.seobuilding.ru/" rel="nofollow noopener noreferrer" target="_blank">http://www.seobuilding.ru/</a>).
Т.е. главные цвета: светло-желтый, светло-голубой (вероятно бэкграунд), белый. Соответственно можно использовать их оттенки, а также совместимые с этими цветами другие цвета.

В теме Helios предусмотрена смена цветов некоторых элементов. Этого не будет.
Т.е. плясать нужно от какой-то одной палитры.

Что конкретно нужно сделать?

1) Правка только CSS и картинок, чтобы соответствовали цветовой палитре основной части сайта.

2) Желательно как можно больше использовать градиенты, как картинками так и CSS.

3) Можно сделать чередование сообщений в следующей градиентной гамме (см. прикрепленную картинку):Можно использовать как картинку так и CSS. Вот код (не полный) этих элементов:

------------------------------------------
.mainTable {

background: #FFFBEA;
background-image: -o-linear-gradient(rgb(255,251,234),rgb(255,255,255));

-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;

background: -moz-linear-gradient(top,#FFFBEA,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFBEA), to(#fff));
filter: progid:<a href="http://DXImageTransform.Microsoft" rel="nofollow noopener noreferrer" target="_blank">DXImageTransform.Microsoft</a>.Shadow(color='#969696', Direction=145, Strength=3);
filter: progid:<a href="http://DXImageTransform.Microsoft" rel="nofollow noopener noreferrer" target="_blank">DXImageTransform.Microsoft</a>.gradient(enabled='true',startColorstr=#FFFBEA,endColorstr=#ffffff,GradientType=0); zoom: 1;

background: linear-gradient(top,#FFFBEA,#fff);}

.mainTableReverse {background: #F7FAFD;
background-image: -o-linear-gradient(rgb(247,250,253),rgb(255,255,255));

-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;

background: -moz-linear-gradient(top,#F7FAFD,#fff);
background: -webkit-gradient(linear, left top, left bottom, from(#F7FAFD), to(#fff));
filter: progid:<a href="http://DXImageTransform.Microsoft" rel="nofollow noopener noreferrer" target="_blank">DXImageTransform.Microsoft</a>.Shadow(color='#969696', Direction=145, Strength=3);
filter: progid:<a href="http://DXImageTransform.Microsoft" rel="nofollow noopener noreferrer" target="_blank">DXImageTransform.Microsoft</a>.gradient(enabled='true',startColorstr=#F7FAFD,endColorstr=#ffffff,GradientType=0); zoom: 1;

background: linear-gradient(top,#F7FAFD,#fff);

}
-------------------------------------------------------------------4) Так же, по возможности, можно использовать в других частях форума градиенты.

Напоминаю, править нужно только CSS и изображения.

Игорь seva374

Редизайн темы форума SMF 2.0