Модератор форума: Yuri_G  
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
Jump92
Сообщений: 11
Репутация: 12

Сообщение # 526 | 01:45:00
Code
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:#FF0000;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:#FFFFE0;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
a.groupOther1:link,a.groupOther1:visited,a.grou pOther1:hover {color:#228B22;}
a.groupOther2:link,a.groupOther2:visited,a.grou pOther2:hover {color:#8B4513;}
a.groupOther3:link,a.groupOther3:visited,a.grou pOther3:hover {color:#FF00FF;}
a.groupOther4:link,a.groupOther4:visited,a.grou pOther4:hover {color:#FF8C00;}
a.groupOther5:link,a.groupOther5:visited,a.grou pOther5:hover {color:#9400D3;}
a.groupOther6:link,a.groupOther6:visited,a.grou pOther6:hover {color:#0000CD;}
a.groupOther7:link,a.groupOther7:visited,a.grou pOther7:hover {color:#4876FF;}
a.groupOther8:link,a.groupOther8:visited,a.grou pOther8:hover {color:#00FF7F;}
/* ---------------- */


почему неотражает цвета тока две группы работает а остальные нет ктонибуть знает ???? помагите пожалуста !!!!

Извените за ошибки !!!!
Сообщение отредактировал Zard - Вторник, 21 Авг 2012, 01:49:30
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 527 | 09:04:31
Jump92, а пробелы зачем лишние добавили?

grou pOther1 <---

Code
/* User Group Marks */  
  a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:#FF0000;}  
  a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:#FFFFE0;}  
  a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}  
  a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:#228B22;}  
  a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:#8B4513;}  
  a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:#FF00FF;}  
  a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:#FF8C00;}  
  a.groupOther5:link,a.groupOther5:visited,a.groupOther5:hover {color:#9400D3;}  
  a.groupOther6:link,a.groupOther6:visited,a.groupOther6:hover {color:#0000CD;}  
  a.groupOther7:link,a.groupOther7:visited,a.groupOther7:hover {color:#4876FF;}  
  a.groupOther8:link,a.groupOther8:visited,a.groupOther8:hover {color:#00FF7F;}  
  /* ---------------- */

PS
И не надо так кричать - в конце предложения достаточно одного знака препинания.

masterwind
Сообщений: 121
Репутация: 87

Сообщение # 528 | 12:05:07
Quote (bandjuk)
попробуй в ксс добавить строчку
.posttdMessage td {font-size:12pt;}
не поможет

если не помогает это font-size:12pt;
замените на - font-size:12pt !important;
amrita
Сообщений: 569
Репутация: 99

Сообщение # 529 | 13:09:16
Как изменить в CSS дизайн всех кнопок сайта - submit, button? Спасибо!

PS. Id прописывать для каждой из кнопок не реально, так как их у меня очень много и не о ко всем получится его прописать, например к кнопке порекомендовать другу это никак не выйдет.

Сделайте шаг навстречу здоровью amrita.club
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 530 | 13:27:26
amrita, вообще-то это делается в стилях. Но если у вас у разных кнопок разные стили оформления, то вам придётся задавать им идентификаторы в html коде.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
amrita
Сообщений: 569
Репутация: 99

Сообщение # 531 | 13:33:33
Quote (Selena)
amrita, вообще-то это делается в стилях. Но если у вас у разных кнопок разные стили оформления, то вам придётся задавать им идентификаторы в html коде.

Я понимаю, я просто хочу чтобы стили были одинаковы для всех кнопок и вставляю код

Code
button { background: #2E8CE3; padding: 7px 30px; font-size: 13px; font-weight: bold; color: #FFFFFF; text-align: center; border: solid 1px #73C8F0; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: -moz-linear-gradient(0% 100% 90deg, #2E8CE3, #73C2FD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73C2FD), to(#2E8CE3)); box-shadow: inset 0 1px 0 0 #FFFFFF; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } button:hover { background: #2E69E3; background: -moz-linear-gradient(0% 100% 90deg, #2E69E3, #59C2FF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59C2FF), to(#2E69E3)); } button:active { background: #2E69E3; background: -moz-linear-gradient(0% 100% 90deg, #2E69E3, #59C2FF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59C2FF), to(#2E69E3)); box-shadow: inset 1px 1px 0 0 #004A7F; -moz-box-shadow: inset 1px 1px 0 0 #004A7F; -webkit-box-shadow: inset 1px 1px 0 0 #004A7F; padding: 8px 29px 6px 31px; }
Но он влияет только на кнопки созданные так: <button>Кнопка</button>, а мне нужно чтобы код дейстовал и на кнопки в формах - submit, button в input

Вот скрин:

Вместо всех серых на сайте хочу чтобы были вот такие
Прикрепления: 1106284.jpg (6.1 Kb)

Сделайте шаг навстречу здоровью amrita.club
Сообщение отредактировал amrita - Вторник, 21 Авг 2012, 13:39:52
Cesler
Репутация: 35

Сообщение # 532 | 13:42:43
Quote (amrita)
Как изменить в CSS дизайн всех кнопок сайта - submit, button? Спасибо!

PS. Id прописывать для каждой из кнопок не реально, так как их у меня очень много и не о ко всем получится его прописать, например к кнопке порекомендовать другу это никак не выйдет.

Учить CSS. А вообще:
Code
input[type='button'], input[type='submit'], input[type='reset']{стили}

amrita
Сообщений: 569
Репутация: 99

Сообщение # 533 | 13:48:41
Quote (Cesler)
Учить CSS. А вообще:

Cпасибо, помогло!

Сделайте шаг навстречу здоровью amrita.club
Серега_SakhaLin
Сообщений: 103
Репутация: 48

Сообщение # 534 | 13:59:09
ОООО я тоже мучился с этими кнопками :D Cesler, спасибо

fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 535 | 14:06:07
Quote (masterwind)
Quote (bandjuk)
попробуй в ксс добавить строчку
.posttdMessage td {font-size:12pt;}
не поможет
если не помогает это font-size:12pt;
замените на - font-size:12pt !important;

Code
td.posttdMessage{font-size:96pt;}


Крайний случай:
Code
td.posttdMessage{font-size:96pt !important;}

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
amrita
Сообщений: 569
Репутация: 99

Сообщение # 536 | 14:56:32
Извините, за может некорректный вопрос, но мне нужно изменить дизайн всех title сайта, которые появляются при наведении на ссылку, как это сделать? Спасибо! Вот скрин того, где нужно изменить дизайн :
Прикрепления: 0569775.jpg (37.0 Kb)

Сделайте шаг навстречу здоровью amrita.club
-=WaMpIr=-
Сообщений: 222
Репутация: 55

Сообщение # 537 | 15:08:36
Tooltip в помощь, как говорится. Я сам давно искал способ что бы изменить сразу для всех titl'ов, без указания класса, но так и не нашёл. Если вам нужно оформить только определённую группу, тогда tooltip как раз для вас подходит. В поисковиках инфы о них просто куча, особенно советую заглянуть на зарубежные сайты, не поленитесь, почитайте.

Вам помогут, если прикрепите:
- Ссылку на сайт
- Скриншот проблемы через встроенное прикрепление изображений
- HTML (CSS) Код проблемного участка в спойлере
Pets-fashion
Сообщений: 2
Репутация: 10

Сообщение # 538 | 15:23:03
Добрый!
сайт lusi-olsi.com
проблема такая - через панель управления - Главная - Управление дизайном - Редактирование шаблонов: в Редактор страниц Страницы сайта была изменена ширина страниц с 970 на 100% <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">

после того как все это сохранили теперь не нажимаются страницы сайта - то есть в меню ниего не нажимается. Как это исправить?
amrita
Сообщений: 569
Репутация: 99

Сообщение # 539 | 15:25:24
Quote (Pets-fashion)
Tooltip в помощь, как говорится. Я сам давно искал способ что бы изменить сразу для всех titl'ов, без указания класса, но так и не нашёл. Если вам нужно оформить только определённую группу, тогда tooltip как раз для вас подходит. В поисковиках инфы о них просто куча, особенно советую заглянуть на зарубежные сайты, не поленитесь, почитайте.

Мне надо просто подкорректировать немного title - фон и обводку и всё.

Сделайте шаг навстречу здоровью amrita.club
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 540 | 15:45:44
Pets-fashion, В шаблоне Интернет магазина красное убрать ,посмотрите во всех шаблонах, при обнаружении подобного красное удалать ...

<body style="background:url('/.s/t/441/1.gif') #FFFFFF; margin:0;padding:0;" contenteditable="true" >

Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!