суббота, 16 июля 2011 г.

Осветление ленты

По умолчанию область вкладок ленты имеет темную окраску:

image

“Перекраска” в светлые тона – дело не двух минут. Особенно, если пытаться это делать “подбором” стилей, без использования справочных статей. Для экономии Вашего времени привожу css-стили, которые Вы можете использовать

body #s4-ribbonrow {
    /* [ReplaceColor(themeColor:"Light2",themeShade:"1.1")] */ background-color:#ffffff;
}
body #s4-ribboncont {
    /* [RecolorImage(themeColor:"Light2-Lighter",includeRectangle:{x:0,y:589,width:1,height:20})] */ background:url("/_layouts/images/bgximg.png") repeat-x -0px -565px;
}
.ms-cui-tt-a, .ms-cui-tt-a:hover
{
    color: black !important;
}
.ms-cui-cg{
    border-color: white;
}
.ms-cui-cg-db .ms-cui-cg-t
{
    color: #005e9c;
}
.ms-cui-cg-lb .ms-cui-cg-t
{
    color: #55c1e1;
}
.ms-cui-cg-tl .ms-cui-cg-t
{
    color: #14afcb;
}
.ms-cui-cg-or .ms-cui-cg-t
{
    color: #dd8a00;
}
.ms-cui-cg-gr .ms-cui-cg-t
{
    color: #56c553;
}
.ms-cui-cg-mg .ms-cui-cg-t
{
    color: #bc1b7b;
}
.ms-cui-cg-yl .ms-cui-cg-t
{
    color: #faac32;
}
.ms-cui-cg-pp .ms-cui-cg-t
{
    color: #6823b4;
}

В результате получаем светлую ленту:
image

Комментариев нет:

Отправить комментарий