Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами CSS: решение вопросов (только таблица стилей) |
| CSS: решение вопросов |
|
Тема для пользователей, которые не в первый раз слышат о CSS Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник Существуют отдельные темы по: стилизации выпадающего меню цветовому обозначению групп пользователей (архив) настройке мини чата |
|
|
|
вариант последний , в CSS далее есть posttdMessage определяющий цвет ...
классы искать по всей CSS .. |
|
|
|
|
|
Quote (ERUDIT) пропиши к стилю !important ERUDIT, спс! надо почитать про !important замудренная штука это CSS форума, можно было бы по легче сделать... еще, почему опять не срабатывает background: #a39593 в стиле .postBottom table td? я хотел бы чтоб вся строка где ip и кнопки профиль, ЛС и т.д. была цвета #a39593, а сейчас там не так... Я не волшебник! Я только учусь =)
Мой Мир Аниме Моя студия веб-дизайна, обращайтесь, есть готовые варианты. |
|
|
|
ERUDIT, стиля .postBottom в моем CSS не было, я пробовал прописать
Quote .postBottom { background: #a39593 ; } не чего не изменялось, но сейчас я прописал еще и !important, все вышло! теперь точно надо почитать про !important. спс! Я не волшебник! Я только учусь =)
Мой Мир Аниме Моя студия веб-дизайна, обращайтесь, есть готовые варианты. |
|
Утюг,
Quote точно надо почитать про ! |
|
|
|
Виолетка, на примере блока статистики:
1-й вариант: Quote <!-- <block4> --> <div class="sidebox"> <h3 class="sidetitl"><!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> --></h3> <div class="sidecont"><!-- <bc> --><script type="text/javascript">document.write('<a href="http://anime-patriotic.ucoz.ru/panel/?a=ustat;u=anime-patriotic;d=0;il=ru" target="_blank" title="uCoz Counter"><img alt="" style="margin:0;padding:0;border:0;" src="http://anime-patriotic.ucoz.ru/stat/'+Math.random()+'?01'+escape(document.referrer)+'" height="31" width="88" /></a>');</script><noscript><a href="//www.ucoz.ru/main/?a=ustat;u=anime-patriotic;d=0;il=ru" target="_blank" title="uCoz Counter"><img alt="" style="margin:0;padding:0;border:0;" src="http://anime-patriotic.ucoz.ru/stat/1339282649" height="31" width="88" /></a></noscript><hr><div class="tOnline" id="onl1">Онлайн всего: <b>2</b></div> <div class="gOnline" id="onl2">Гостей: <b>1</b></div> <div class="uOnline" id="onl3">Пользователей: <b>1</b></div><a class="groupAdmin" href="javascript://" rel="nofollow" onclick="window.open('http://anime-patriotic.ucoz.ru/index/8-1','up1','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Виолетка</a><!-- </bc> --></div> </div> <!-- </block4> --> В коде блока прописываете выделенное красным! Это общий вид. Это пример!!! Вам нужно подстраивать всё под свои нужды!!! Добавляете в ксс в любое место. Quote .sidecont {padding:5px 5px 5px 5px;background:url('http://картинка') bottom no-repeat; text-align:center;} 2-й вариант, в ксс найти строчку: Quote .sidebox{ float:left; width:330px; padding-top:0px; font-size:12px; font-family: Arial,Tahoma,Century gothic, sans-serif; margin:0px 0px 10px 0px; background:#5a9bb7; display:inline; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } и прописать её примерно так: Quote .sidebox{ float:left; width:330px; padding-top:0px; font-size:12px; font-family: Arial,Tahoma,Century gothic, sans-serif; margin:0px 0px 10px 0px; background:url('http://картинка') no-repeat; display:inline; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } Сообщение отредактировал bandjuk - Воскресенье, 10 Июн 2012, 03:11:34
|
|
2й вариант я и прописывала он конечно работает,но тогда картинка действует на все части блока,а я бы хотела поставить разные картинки в разные части блока,тобиш - на календарь одну на друзья другую,на статистику третью и т.д
Добавлено (10-Июн-2012, 03:14:07) |
|
Виолетка, блин, торможу! Нужно идти спать!
 Пропишите в ксс в любое место: Quote .sidebox1{ float:left; width:330px; padding-top:0px; font-size:12px; font-family: Arial,Tahoma,Century gothic, sans-serif; margin:0px 0px 10px 0px; background:url('http://картинка') no-repeat; display:inline; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } а в кодах нужных блоков: Quote <!-- <block4> --> <div class="sidebox1"> <h3 class="sidetitl"><!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> --></h3> <div align="center"><!-- <bc> --><script type="text/javascript">document.write('<a href="http://anime-patriotic.ucoz.ru/panel/?a=ustat;u=anime-patriotic;d=0;il=ru" target="_blank" title="uCoz Counter"><img alt="" style="margin:0;padding:0;border:0;" src="http://anime-patriotic.ucoz.ru/stat/'+Math.random()+'?01'+escape(document.referrer)+'" height="31" width="88" /></a>');</script><noscript><a href="//www.ucoz.ru/main/?a=ustat;u=anime-patriotic;d=0;il=ru" target="_blank" title="uCoz Counter"><img alt="" style="margin:0;padding:0;border:0;" src="http://anime-patriotic.ucoz.ru/stat/1339282649" height="31" width="88" /></a></noscript><hr><div class="tOnline" id="onl1">Онлайн всего: <b>2</b></div> <div class="gOnline" id="onl2">Гостей: <b>1</b></div> <div class="uOnline" id="onl3">Пользователей: <b>1</b></div><a class="groupAdmin" href="javascript://" rel="nofollow" onclick="window.open('http://anime-patriotic.ucoz.ru/index/8-1','up1','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Виолетка</a><!-- </bc> --></div> </div> <!-- </block4> --> просто допишите единичку, выделил красным Сообщение отредактировал bandjuk - Воскресенье, 10 Июн 2012, 03:17:43
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!