CSS: решение вопросов - Страница 39

Сообщение # 575 | 15:04:02 15 Сен 2012

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

Code

/* == 10. Horizontal menu Background == */

/*====================
   Color Scheme Begin
=====================================================================
====================================================================*/
/* Menu bar background color */
#navigation,
#nav li ul li,
#nav li ul li a{
background: #000;
}

/* Menu Item text color */
#nav li a,
#nav li a:hover,
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover {
color: #fff;
}

/* Menu Item background color on hover */
#nav li a:hover,
#nav li ul li a:hover {
background: #90caf3;
}

/* Text Shadow */
#nav li a,
#nav li a:hover,
#nav li ul li a:hover {
text-shadow: 0 1px 1px #333;
}

/* Search form colors */
.searchform input, .searchform input:not(:focus){
color:#B1B1B1; /*search form text color default*/
background: #fff; /*search form background color default*/
}
.searchfield:focus{
color: #6FA7A9; /* search form text color after click */
}

/*=====================================================================
=======================================================================
   Color Scheme End
====================*/

#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

#menu_div, #navigation, #menu, #nav{
height: 30px; /* menu height */
}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a
{
opacity: 0.95;/* Menu transparency on mouse hover*/
}

#menu_div,
#navigation,
#nav li a,
#menu_div:not(:hover),
#navigation:not(:hover)
{
opacity: 0.8;/* Menu transparency on mouse out */
}

#menu {
width: 100%;
margin:0 auto;
padding:0;
position: relative;
}

#nav{
width:100%;
margin:0;
padding:0;
position: relative;
font-family: 'Arial', Helvetica, sans-serif;
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
}

#nav li a {
line-height: 30px;
padding:0 15px;
text-decoration:none;
margin:0;
font-size:12px;
font-weight:800;
text-transform:uppercase;
}

/*====================
   Submenu
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
} /* hide submenu */

#nav li:hover > ul {
display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
height: 30px; /* submenu item height */
min-width: 145px; /* submenu item minimal width */
line-height: 30px;
border-right: 0;
text-shadow: none;
display:block;
font-size:13px;
font-weight:700;
text-transform:inherit;
} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}

/*========================
   Transitions
========================*/

#nav li a:hover,
#nav li ul li a:hover {
-webkit-transition-property:color, background;
-webkit-transition-duration: 0.5s, 0.5s;
-webkit-transition-timing-function: linear, ease-out;
}

.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width;
-webkit-transition-duration: 0.5s, 0.5s;
-webkit-transition-timing-function: linear, ease-out;
}

#menu_div:hover,
#navigation:hover,
#nav li ul a,
#menu_div,
#navigation,
#nav li a,
#menu_div:not(:hover),
#navigation:not(:hover)
{
-webkit-transition-property:opacity;
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Menu transparency animation */

.td_p {
   margin-left:1370px;
   height:35px;
   padding: 0px 0px 0px 0px;

}

.td_l {
   margin-left:1300px;
   height:35px;
   padding: 0px 0px 0px 0px;
}

}

/* Форма поиска синяя кнопка
------------------------------------------*/
.poick_os1 input {
   font:12px Verdana,Arial,Helvetica,sans-serif!important;
   margin:0px!important;
   vertical-align:middle!important;
}

.poick_pole1 {
   color:#FFFFFF!important; text-shadow: 1px 1px 1px #252525!important;
   padding:4px 4px!important;
   width:100px!important;
   height:25px!important;
   background:#484848!important;
   border: 1px solid #252525!important;
}

.poick_pole1:focus {
   background:#545454!important;
}

.poick_knopka1 {
   color:#bfbfbf!important; text-shadow: 1px 1px 1px #460953!important;
   padding: 0px 10px!important;
   height:25px!important;
   background: #1d367d!important;
   border: 1px solid #0c123b!important;
   cursor:pointer!important;
}

.poick_knopka1:hover {
   background:#3b3b97!important;

}

width: 100%;
.td_p {
   margin-left:1370px;
   height:35px;
   padding: 0px 0px 0px 0px;

}

.td_l {
   margin-left:1300px;
   height:35px;
   padding: 0px 0px 0px 0px;

} /* end*/

Добавлено (15-Сен-2012, 15:04:02)
---------------------------------------------

Сообщение отредактировал blood9125 - Суббота, 15 Сен 2012, 15:04:25

Страница 39 из 111 « 1 2 … 37 38 39 40 41 … 110 111 »
Модератор форума: Yuri_G