Как изменить цвет текста информации о пользователи в шапке

[strike383]

Во общем ситуация следующая, есть форум http://usteatr.ru/forum/ , как можно видеть в левом верхнем углу в шапке "Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь..." и также информацию уже зарегистрированного пользователя сливается с фоном, возможно поменять только тут цвет текста? заранее спасибо!

[GeorG]

В файле ../Themes/SimpleRevamp/css/index.css добавить:

Код Выделить Развернуть


#guest_form .info { color: #FFFFFF; }
#guest_form .info a { color: #FFFFFF; }

[strike383]

Добавил, цвет поменялся "добро пожаловать гость..." а у зарегистрированных пользователей нет. И еще непложо было бы добавить к белому шрифту чернуб обводку или тень

[strike383]

Поменял цвет у зарегистрированных
#upper_section {color: #ffffff;}
#upper_section a {color: #ffffff;}
Осталось добавить обводку или тень чтоб не сливалось

[GeorG]

а у зарегистрированных пользователей нет.

А вы изначально про зарегистрированных и не говорили, да и не вижу я кода, зарегистрированных

Осталось добавить обводку или тень чтоб не сливалось

Смотря какую обводку и где...

Например в класс user, добавить - border: 1px solid red;

[strike383]

Обводку и тень сделал:
#guest_form .info {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22;}
#guest_form .info a {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22k;}
#upper_section {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22;}
#upper_section a {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22;}

но в IE не работает text-shadow, может как то можно по другому добавить обводк и тень
Так же в IE шапка отображается не так как надо, ломается
вот код который я добавлял

#header
{
   background-image: url(../images/heder1.jpg);
   background-color: #720101;
   background-repeat: no-repeat;
   height: 44px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   
}
#header div.frame
{
   padding: 0 10px 0 10px;
}
#header1
{
background-image: url(../images/heder2.jpg);   
background-color: #720101;
background-repeat: no-repeat;
height: 101px;
}
#header1 div.frame
{

   padding: 0 10px 0 10px;
}

[strike383]

мне во общем надо чтоб текст не сливался с фоном, может можно и без обводки с тенью обойтись, что посоветуйте?

[GeorG]

Можно через фильтры, но код будет невалиден, тут пример есть. Но прокатывает только с толщиной в 1 пиксель.

[strike383]

ссылка не рабочая

[karavan]

ссылка не рабочая

Работает.

[strike383]

добавил в код
filter: Shadow(Color=#000000, Direction=45, Strength=1);
в IE сейчас работает, но когда прописываю upper_section , применяется все не только к информации пользователя, но и к новости с право, получается слово НОВОСТЬ черная да еще и с черной обводкой

#guest_form .info {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22; filter: Shadow(Color=#000000, Direction=45, Strength=1);}
#guest_form .info a {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22; filter: Shadow(Color=#000000, Direction=45, Strength=1);}
#upper_section {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22; filter: Shadow(Color=#000000, Direction=45, Strength=1);}
#upper_section a {color: #ffffff; text-shadow: 0.3em 0.3em 0.5em #000, -1px 0px #AA2F22, 0px -1px #AA2F22, 1px 0px #AA2F22, 0px 1px #AA2F22, -1px -1px #AA2F22, 1px 1px #AA2F22, -1px 1px #AA2F22, 1px -1px #AA2F22; filter: Shadow(Color=#000000, Direction=45, Strength=1);}

[strike383]

как сделать чтоб данный код к новости не применялся, или сам заголовок "Новости" перекрасить в белый

[strike383]

у меня сейчас 3 вопроса:
1. как сделать чтоб upper_section не применялся к новости или что то другое следует прописать или само слово "Новости" перекрасить в белый
2. шапа форума в IE 6.0 не корректно отображается, код который сейчас приведен выше, плюс IE пишет "Выполнено, с ошибками на странице"
3. возможно ли установить аватар по умолчанию, чтоб после регистрации пользователя ему по умолчанию ставился тот аватар что я пропишу, пока он сам не поминяет

[GeorG]

получается слово НОВОСТЬ черная да еще и с черной обводкой

А мне нравится

как сделать чтоб upper_section не применялся к новости или что то другое следует прописать или само слово "Новости" перекрасить в белый

Добавить своих классов, либо стиль к тегу применять.

возможно ли установить аватар по умолчанию, чтоб после регистрации пользователя ему по умолчанию ставился тот аватар что я пропишу, пока он сам не поминяет

http://custom.simplemachines.org/mods/index.php?action=search;basic_search=Default+Avatar

[strike383]

А мне нравится
Добавить своих классов, либо стиль к тегу применять.http://custom.simplemachines.org/mods/index.php?action=search;basic_search=Default+Avatar

Можно подробнее как добавить своих классов с примером на моем коде

А мне нравится
Добавить своих классов, либо стиль к тегу применять.http://custom.simplemachines.org/mods/index.php?action=search;basic_search=Default+Avatar

Куда вставлять данный код и ссылку как я понял делать на свой аватар?

И на 2-й вопрос есть ответ?

[GeorG]

Можно подробнее как добавить своих классов с примером на моем коде

http://yandex.ru/yandsearch?text=%D0%9A%D0%B0%D0%BA%20%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%20%D1%81%D1%82%D0%B8%D0%BB%D0%B8%20css&clid=48648&lr=47

Куда вставлять данный код и ссылку как я понял делать на свой аватар?

Это ссылка на готовые моды.

[strike383]

Все разобрался, теперь новый вопрос.
http://usteatr.ru/forum
Почему то некоторые версии браузеров Opera и Safary отображают шапку форума (картинку темнее чем нужно) соответственно идет не состыковка в цвете, так как в начале у меня картинка, затем сливается с фоном она. Я уже в разных форматах сохранял, результат один. Вот код:

#header
{
   background-image: url(../images/heder1.png);
   background-color: #720101;
   background-repeat: no-repeat;
   height: 44px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   
}
#header div.frame
{
   padding: 0 10px 0 10px;
}
#header1
{
background-image: url(../images/heder2.png);   
background-color: #720101;
background-repeat: no-repeat;
height: 101px;
}

Как сделать заливку под картинкой шапки не цветом а скажем растянуть картинку в один пиксель нужного цвета, подправьте пожалуйста код. 

[strike383]

Вижу мне никто помочь не может, или я вопрос поставил неверно.
Перефразирую. Как в шапку форума поставить 2-ю картинку под низ первой и размножить ее по вертикали и горизонтали, код такой:

#header1
{
background-image: url(../images/heder2.png);   
background-color: #720101;
background-repeat: no-repeat;
height: 101px;
}

[strike383]

я разобрался, спасибо всем за помощь. Кому интересно, могу сказать решение.
во первых в index.template.php прописал что то вроде:

<div id="header">
   <div id="inside"></div>
</div>

затем в index.css

#header
{
   background-image: url(../images/heder4.png);
   background-color: #720101;
   background-repeat: repeat;
   height: 44px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-position: top right;
   z-index: 1;
   padding: 0px 0px 0px 0px;

}
#inside
{
   background-image: url(../images/heder3.png);
   background-repeat: no-repeat;
   height: 44px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   z-index: 2;
   padding: 0px 0px 0px 0px;
}

В итоге шапка форума имеет картинку, которая плавно переходит в фон, а фон задан не цветам а другой картинкой 1 на 1 px нужного цвета, таким образом в разных браузерах цвет картинки темнее в других светлее, следовательно и фон так же темнеет и светлеет вместе с картинкой, и мы видим на всех браузерах плавный переход. Вот только в IE 6 и ниже не проверял