Question

Здравствуйте! В пункте меню (Базовые программы), я сделала выпадающие подпункты. Т.е. когда наводишь курсор на Базовые программы, появляется табличка с подпунктами. Но она, эта табличка, другого цвета, нежели сам сам сайт и с другим шрифтом. Подскажите пожалуйста, что можно сделать, чтобы эта выпадающая таблица была стилистически похожа на сам сайт (цветом и шрифтом) или где можно посмотреть информацию по этому вопросу? Спасибо!

Answer 1

Добавьте в таблицу стилей CSS в самый низ следующие стили:

.myWinCont input[type=text], .myWinCont input[type=password] {background:#e694c8!important;border:1px solid #ececec!important;font-size:11px!important;font-family:tahoma!important;color:#535353!important;border-radius:2px!important;padding:5px 8px!important;outline:none!important;box-shadow:none!important;} 
.myWinCont textarea {box-shadow:none!important;} 
.x-sh .xstl{padding-top:6px; background:none!important;}  
.x-sh .xsml{background:none!important;}  
.x-sh .xstr{padding-top:6px; background:none!important;}  
.x-sh .xsmr{background:none!important;}  
.x-sh .xsbl{padding-left:6px;background:none!important;}  
.x-sh .xsbc{background:none!important;}  
.x-sh .xsbr{padding-right:6px;background:none!important;}  
.xt {background:none!important; margin-left:5px!important; margin-top:1px!important; width:25px!important; height:20px!important;}  
.xt-close{background:#e694c8!important; margin:1px 0 0 0px!important;}  
.xt-close-over{background:#e694c8!important;}  
.xt-mini{background-position:0 -15px!important;}  
.xt-mini-over{background-position:-15px -15px!important;}  
.xt-maxi{background-position:0 -30px!important;}  
.xt-maxi-over{background-position:-15px -30px!important;}  
.xt-rest{background-position:0 -45px!important;}  
.xt-rest-over{background-position:-15px -45px!important;}  
.xw-tl {background:#e694c8!important;  padding-left:5px!important; -webkit-border-radius: 2px 0px 0px 0px; -moz-border-radius: 2px 0px 0px 0px; border-radius: 2px 0px 0px 0px;}  
.xw-tc {background:none!important; padding:6px 10px 0px 10px!important;}  
.xw-tr {background:none!important; padding-right:5px!important; -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px;}  
.xw-ml {background:#e694c8!important; padding-left:5px!important; color:#656565!important;}  
.xw-mr {background: none !important; padding-right:5px!important;}  
.xw-bl {background:#e694c8!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; border-radius: 0px 0px 0px 2px;}  
.xw-br {background:#e694c8!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; border-radius: 0px 0px 2px 0px;}  
.xw-bc {background:#e694c8!important; height:5px!important;}  
.xw-hdr-text {padding:0px!important;}  
.xw-hdr-text {font-size: 11px;font-weight: 700; font-family: tahoma!important; color:#656565!important; line-height: 15px!important; vertical-align:2px!important;}  
.xw-plain .xw-mc {border-radius:2px!important; border: none!important; padding:0!important; margin:0!important; font: 11px tahoma!important; color:#656565!important; background:#e694c8!important;}  
.xw-body, .myWinCont {padding:0!important; margin:0!important; color:#656565!important;}  
.xw-plain .xw-body{padding: 0!important; border: none!important;}  
.xw-plain {box-shadow:0 0 6px #cecece;} 
.xw-blank {background:#e694c8!important;}  
.myWinTD1 {background:none!important;}
.u-menu .u-menuitemhl {background: #e694c8!important;}
.u-menu .u-menubody,.u-menu .xw-mc,.u-menu a {    
text-shadow: none;
font-size: 10pt;
color: #843567!important;
border-left: 1px solid #e694c8!important;
border-top: 1px solid #e694c8!important;
border-bottom: 1px solid #e694c8!important;
border-right: 1px solid #e694c8!important;
background: #e694c8!important;
}
.u-menu {box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.u-menu a:hover {color:#fff!important;}

Должно получиться примерно вот так:

Comments

Большое вам спасибо)

---

если вам помог ответ выше, оцените нажав на соответствующую кнопку

Answer 2

Здравствуй! 

Это делается с помощью css, или выбором в админ панели цвета uwnd окон, у вас щас стоит синий, а можно поставить розовый и будет сочетаться с сайтом...

Вот тут есть информация об этом с помощью css http://forum.ucoz.ru/forum/24-29003-4