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


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


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

Сообщение # 1486 | 20:37:06 02 Мар 2014
MikhailovCity, Понятно, а теперь что не так что хотите сделать ...
geometriya ISO 3166-2 DEE
MikhailovCity
Сообщений: 292
Репутация: 24

Сообщение # 1487 | 21:46:55 02 Мар 2014
Miss_Esq, Большое спасибо вам за помощь , всё убрал, страничка долго грузилась, поиск вставил в левую часть сайта в блок)

Спасибо)
cps
Сообщений: 36
Репутация: 1

Сообщение # 1488 | 15:18:42 05 Мар 2014
У меня вопрос по css надеюсь помогут разобраться. Я уже увидел, что в css нужна какая то последовательность написания кода, но какая не понял, так как меняя местами код, получается разное отображение на станице.
Так вот вопрос в следующем, у меня выставлен тег <h2> в разделе страницы, класс cont, так вот он отображается отлично, но вот тег <h2>, если он ссылка, то он отображается не так как прописано в css. В чем проблема не могу разобраться, помогите пожалуйста.
Красным выделил проблемный код
Код/* General Style */
body {font-family: Verdana,Arial,Helvetica,sans-serif; margin:0;padding:0;background:url('/img/body_fon.jpg') #000000; background-attachment:fixed;}
#contentBlock {width:944px;background:url('/img/4.png') repeat-y;}
#navBar {height:23px;padding:0px 15px 10px 10px;background:url('/img/8.png') center no-repeat;}
.headLogo{height:125px; width:150px;background: url(/img/logo.png) no-repeat;background-position:center center;}
.headLogo2{height: 150px; width: 290px;background: url(/img/logo2.png) no-repeat;background-position:center center;padding:0 0 20px 10px;}
.head {width:944px; border:none; margin:0; padding-top:5px;}
.head h1 {color:#BBAD8A;font-size: 18px; padding:0; margin:0; text-align:center; text-shadow: 1px 1px 2px #222222, 0 0 1em #d68a02;}
.head h2 {color:#BBAD8A;font-size: 14px; padding:0; margin:0; text-align:center;}
.head p {color:#BBAD8A;font-size: 16px; padding:0; margin:0;}
.head img {padding-right:5px;}

a:link,
a:active,
a:visited {color:#BBAD8A; text-decoration:none;}
a:hover {text-decoration:underline; color:#c0c0c0;}

/* Убираем рамку */
a img { border: none;}
a img:hover {filter:alpha(opacity=50); ..-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;}
/* Конец убираем рамку */

td, body {font-size:8pt; color:#D2CBC0;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt;font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link,
a.noun:active,
a.noun:visited {color:#FFE0A2; text-decoration:none;}
a.noun:hover {color:#FFFFFF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#282318;height:1px;}
label {cursor:pointer;cursor:hand}

/* Entries Style */
.eBlock {width:50%;float:left;}
.eBlock table { width: 100%; border-collapse:collapse; border:1px solid #BBAD8A;}
.eBlock td {padding:3px 3px 10px 3px;}

.eMessage {width:100%; height:150px; clear:both; padding:2px 5px 2px 5px;}
.eMessage table {width:100%; color:#D2CBC0; border:none; text-align:justify;}
.eMessage td {color:#000000; padding:5px;font-size:8pt; vertical-align:middle;}

.eTitle {font-size:12px; text-align:center; padding-bottom:10px; color:#BBAD8A;}
.eTitle a:link,
.eTitle a:active,
.eTitle a:visited {color:#BBAD8A; text-decoration:none;}
.eTitle a:hover {color:#FFFFFF;}
.eText {text-align:justify; padding:5px;border-top:1px dashed #98938B;color:#D2CBC0;}

.eDetails {margin:0 0 10px 20px;border-top:1px dashed #ffffff;border-bottom:1px dashed #ffffff;color:#98938B;padding:5px 0 5px 0;text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #282318;border-bottom:1px dashed #282318;color:#98938B;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/882/11.gif') no-repeat 0px 0px;}
/* End Entries Style */

/* Меню категорий */
.catsTable {width:100%;overflow:hidden;border-collapse:0px;padding:0 0 10px 60px; margin:-15px 0 20px 0; border-bottom:3px solid #BBAD8A;}
.catsTd {color:#000000; background:url(/img/categories_view.png) no-repeat; width:220px; height:45px; vertical-align:middle; padding:0 75px 0 60px; font:12px Arial,sans-serif; font-style:italic; font-weight:bold; margin:0px auto;}
a.catName:link,
a.catName:visited,
a.catName:active {color:#000000; text-decoration:none;}
a.catName:hover {color:#BBAD8A;}
a.catNameActive:link,
a.catNameActive:visited,
a.catNameActive:active {color:#444444; text-decoration:none;}
a.catNameActive:hover {color:#BBAD8A;}
/* Конец меню категорий */

/* Entry Manage Table */
.manTable {border:1px solid #98938B;background:#111111;}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Форма вида комментариев */
.cAnswer {color:#D2CBC0;padding-left:15px;padding-top:4px;font-style:italic;}
.cBlock1 {background:#222222;border:1px solid #BBAD8A; width:100%; clear:both;}
.cBlock2 {background:#111111;border:1px solid #BBAD8A; width:100%; clear:both;}
.cTop {font-size:12px;color:#BBAD8A;font-weight:bold;padding:5px;}
.cDate {unicode-bidi:embed;font-size:11px;color:#C19454;}
.cMessage{padding:10px 5px 5px 5px;border-top:1px solid #000000;text-align:justify;font-size:14px;}
/* -------------- */

/* Форма добовления комментариев */
.commTable {border:1px dotted #BBAD8A;background:#222222; width:100%;}
.commTd1 {color:#BBAD8A;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#D2CBC0;background:#0B0B0B;border:1px dotted #BBAD8A;}
.smiles {}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#D2CBC0;background:#0B0B0B;border:1px dotted #BBAD8A;}
/* ------------------- */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000}
.textResults {background:#FFFFFF}
.textResultsTd {background:#700000}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#700000}

.totalVotesTable {background:#FFFFFF}
.totalVotesTd {background:#700000}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Post Form */
.queryField, .loginField {background:#0d0d0d;color:#BBAD8A;border:1px solid #BBAD8A; padding-left:3px;}
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('/.s/t/882/16.gif') center #CFB683;color:#000000;border:1px solid #44361E; }

.codeButtons {font-size:7pt;background:url('/.s/t/882/16.gif') center #CFB683;color:#44361E;border:1px solid #44361E;}
.codeCloseAll {font-size:7pt;background:url('/.s/t/882/16.gif') center #CFB683;color:#44361E;border:1px solid #44361E;font-weight:bold;}
.postNameFl,.postDescrFl {background:#111111;border:1px solid #282318;width:400px;color:#666666;}
.postPollFl,.postQuestionFl {background:#111111;border:1px solid #282318;width:400px;color:#666666;}
.postResultFl {background:#111111;border:1px solid #282318;width:50px;color:#666666;}
.postAnswerFl {background:#111111;border:1px solid #282318;width:300px;color:#666666;}
.postTextFl {background:#111111;border:1px solid #282318;width:550px;height:150px;color:#666666;}
.postUserFl {background:#111111;border:1px solid #282318;width:300px;color:#666666;}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/*End Post Form */

/* location */
#location{font-size:11px; height:20px; line-height:20px; width:100%; overflow:hidden; margin:0px; padding:0px;}
#location li{list-style-type:none; float:left; padding-left:10px; background-image:url('/img/bc_separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; color:gray;}
#location a{height:20px; display:block; text-decoration:none; color:gray;}
.location{border:none; margin:2px 0 0 0;}
.location a:hover{border:none; margin:2px 8px 0 0;}
#location a:hover{color: #ffffff;}
/* End location */

<!-- страницы -->
.cont {}
.cont b {color:#d68a02; font-weight:bolder;}
.cont span {color:#BBAD8A; font-weight:bolder;}
.contTitleColor {color:#333333;}
.cont_txt {text-align:justify; padding:10px 40px 0 40px;color:#CCC;}
.cont h1 {font-size:18px; text-align:center; padding:0; margin:0; font-weight:bold; color:#BBAD8A;}
.cont h2 {font-size:14px; text-align:center; text-transform:uppercase; font-weight:bold; padding:10px 0 0 0; margin:0 0 0 50px; font-weight:normal; color:#000000; background:url(/img/view_button.png) no-repeat; width:800px; height:40px;}
.cont h2 a:link,
.cont h2 a:visited,
.cont h2 a:active {color:#000000; text-decoration:none;}
.cont h2 a:hover {color:#ffffff;}
.cont h3 {font-size:14px; text-align:center; padding:10px 0 0 0; margin:0; font-weight:normal; color:#BBAD8A;}
.cont h4 {font-size:14px; text-align:center; padding:0; margin:0; font-weight:normal; color:#BBAD8A;}
.cont h5 {font-size:14px; text-align:center; padding:0; margin:0; font-weight:normal; color:#d68a02;}
.akcii {font-size:16px; text-align:center; padding:10px 0 0 260px; margin:0 0 0 50px; font-weight:normal; color:#000000; background:url(/akcii/view_button.png) no-repeat top right; width:569px; height:43px;}
.catDescr {text-align:justify; font-size:11px; clear:both; border:1px solid #222222; padding:5px; color:#333333;}
<!-- конец страницы -->

/*---------footer----------*/
.foot {border-top:2px #BBAD8A solid; padding:20px;background-color:#222222;}
.foot table {width:100%; margin:0 auto; padding:0; border:none;}
.foot th {font-size:11px; line-height:11px; color:#b2760c; font-weight:normal; text-transform:uppercase; position:relative; text-align:center; border-bottom:1px solid #b2760c;}
.foot td {}
.foot ul {list-style-image:url(/img/ul_menu_foot.png); margin-left:-20px;}
.foot li {font-size:11px; line-height:14px; padding-bottom:10px;}
.foot li a {font-size:11px; color:#c0c0c0; display:block; text-decoration:none;}
.foot li a:hover {color:#b2760c;}
.footTxt {padding-top:20px; text-align:justify; border-top:2px #222222 solid; margin-top:10px;color:#c0c0c0;}
.footMet {text-align:center; border-top: 2px #666 dotted;}
.footСopy {background:#BBAD8A; color:000000; text-align:center;}
/*---------end footer----------*/

/*---------Поиск----------*/
.poick_os {float:right;}
.poick_pole {font-size:11px;color:#BBAD8A; text-shadow: 1px 1px 1px #252525;height:20px;width:140px;margin:0;padding-left:4px;background:#0d0d0d;border: 1px solid #252525;border-right: none;}
.poick_pole:focus {background:#0d0d0d;}
.poick_knopka {font-size:11px; ;color:#BBAD8A; text-shadow: 1px 1px 1px #252525;height:20px;margin:0;padding:0 7px 0 7px;background:#0d0d0d;border:1px solid #252525;}
.poick_knopka:hover {background:#252525;}
.poickBlock {width:100%;}
.poickBlock table {width: 100%; border-collapse:collapse; border:1px solid #BBAD8A;}
.poickBlock td {padding:3px 3px 10px 3px;}

.poickMessage {width:100%; padding:2px 5px 2px 0;}

.poickTitle h1{font-size:14px; text-align:left; font-weight:normal; padding:0 0 3px 0; margin:0; color:#b6b6b6;}
.poickTitle h1 a:link,
.poickTitle h1 a:visited,
.poickTitle h1 a:active {color:#b6b6b6; text-decoration:none;}
.poickTitle h1 a:hover {color:#BBAD8A;}

.poick h2 {font-size:14px; text-align:center; text-transform:uppercase; font-weight:bold; padding:10px 0 0 0; margin:0 0 0 50px; font-weight:normal; color:#000000; background:url(/img/view_button.png) no-repeat; width:800px; height:40px;}

.poick b {color:#BBAD8A;}

.poickDetails {margin:5px 0 10px 0;border-top:1px dashed #b6b6b6;border-bottom:1px dashed #b6b6b6;color:#98938B;padding:5px 0 5px 0;text-align:left;font-size:7pt;}
/*---------конец поиск----------*/
Гугл это конечно хорошая операционная система, но и яндекс ни чего :)
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 1489 | 15:30:26 05 Мар 2014
cps, желательно бы ссылку на сайт и пример где используется h2 как ссылка и что не так
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
cps
Сообщений: 36
Репутация: 1

Сообщение # 1490 | 15:05:01 06 Мар 2014
Вот ссылка страница сайта
При наведении на ИКРА РЫБЫ БОУФИН ТМ LEMBERG (это и есть тег <h2>) должен отображаться белым, а он остается черным цветом и просто подчеркивается (а подчеркивания не должно быть)
Гугл это конечно хорошая операционная система, но и яндекс ни чего :)
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 1491 | 16:23:18 06 Мар 2014
cps, пропишите в css вот что

Код
.cont h2:hover,.cont a:hover {
font-size: 14px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #FFF;
}
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
cps
Сообщений: 36
Репутация: 1

Сообщение # 1492 | 16:49:04 06 Мар 2014
Ну что то получилось, но text-decoration:none; так и не работает!!! Да и еще вопрос, а зачем для cont hover прописывать?
Гугл это конечно хорошая операционная система, но и яндекс ни чего :)
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 1493 | 16:53:47 06 Мар 2014
Цитата cps ()
а зачем для cont hover прописывать?
что-бы при наведении было то что нужно как вы и хотите
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 1494 | 16:59:16 06 Мар 2014
Цитата cps ()
но text-decoration:none; так и не работает!!!

Значит где-то ниже прописано другое.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 1495 | 17:02:05 06 Мар 2014
Цитата cps ()
но text-decoration:none; так и не работает!!!
на главной все отлично, а на главной модуля новости уже подчеркнуто, ну это мелочь не стоит зацикливаться на данной проблеме..
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
cps
Сообщений: 36
Репутация: 1

Сообщение # 1496 | 17:43:09 06 Мар 2014
ок спасибо
Selena так что значит, перебивать css может то, что прописано ниже а не выше?
Я просто не сильно гуру в css, но что то понимаю.
Гугл это конечно хорошая операционная система, но и яндекс ни чего :)
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 1497 | 17:48:50 06 Мар 2014
cps, если для одного и того же элемента есть несколько записей-определений в таблице стилей, то действует последний. Когда несколько контейнеров вложено один в другой, проверять надо все. Для новостей ваши ссылки могут подпадать уже под другой класс.
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Helena_Helga
Сообщений: 138
Репутация: 41

Сообщение # 1498 | 21:33:45 08 Мар 2014
Добрый вечер! Редактирую форум, пока прописываю новый цвет. Столкнулась с такой проблемой - не могу убрать, точнее прописать черным белую обводку в сообщении форума:

Помогите пожалуйста, просмотрела весь css и все без толку.
Прикрепления: 8714281.png (69.2 Kb)
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 1499 | 00:37:10 09 Мар 2014
Цитата Helena_Helga ()
толкнулась с такой проблемой - не могу убрать, точнее прописать черным белую обводку в сообщении форума
в файле стилей 355 строка

Код
.postTable {
background: #E1E1E1;
}
вот цвет рамки background: #E1E1E1;
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
Helena_Helga
Сообщений: 138
Репутация: 41

Сообщение # 1500 | 10:10:47 09 Мар 2014
Ucoz_fan, большое спасибо!
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » CSS: решение вопросов (только таблица стилей)
Поиск: