Ребят, помогите по вёрстке!

Парни, прошу, помогите! Всю голову себе уже сломал :stena: 2 дня с этим ковыряюсь :stena: :stena: :stena:.

Посмотрите на скрин



Я хочу чтобы форма поиска была независимо не от чего справа, а остальные ссылки быль слева, типо вот так.



Мне надо сделать так чтобы сколько сылок я бы не добавил, это всёравно недолжно сместить ни на пиксель форму поиска.

Я не спец по вёрстке, но думаю, что блоку с поиском нужно назначить float: right;
Евстественно его надо поставить до остальных блоков, а не после.
Должно прижать вправо.
А вообще непонятно что у вас там используется.
Можно выводить через <ul> <li> или вообще таблицей.

Ковыряйте в application/themes/Ваша тема/theme.css

Code:

/*
MINI MENU + SEARCH WIDGET + UPDATES LINK
Shows the mini menu and search widget and updates link
*/
.layout_core_menu_mini
{
  width: $theme_topbar_minimenu_width;
  margin: 0px auto 0px auto;
  overflow: hidden;
}
.layout_core_menu_mini > div > ul
{
  +rounded(4px, true, true, false, false);
  float: right;
  overflow: hidden;
  background: $theme_topbar_minimenu_background_color;
  padding: .5em;
  border: $theme_topbar_minimenu_border;
  border-top: none;
}
.layout_core_menu_mini > div > ul > li
{
  float: left;
  overflow: hidden;
}
.layout_core_menu_mini > div > ul > li + li
{
  margin-right: 3px;
}
.layout_core_menu_mini #core_menu_mini_menu
{
  text-align: right;
  padding: 17px 10px 5px 10px;
  position: inherit;
  font-size: $theme_topbar_minimenu_link_size;
  overflow: hidden;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a
{
  display: block;
  color: $theme_topbar_minimenu_link_color;
  font-weight: bold;
  padding: 3px 7px 5px 7px;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a:hover
{
  +rounded(3px);
  background: $theme_topbar_minimenu_link_hover_background_color;
  color: $theme_topbar_minimenu_link_hover_color;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}
.layout_core_menu_mini #core_menu_mini_menu_updates
{
  margin-right: 5px;
}

#core_menu_mini_menu_update .updates_pulldown_active a#updates_toggle {
  +rounded(4px, false, false, true, true);
  background-color: none;
  color: none;
  text-decoration: none;
}






#core_menu_mini_menu #global_search_form
{
  padding: -5px -5px;
  margin-left: 10px;

}
#core_menu_mini_menu #global_search_field
{
  +rounded(5px);
  width: 100px;
  font-size: 1.2em;
  
  outline: none;
}
#core_menu_mini_menu .overTxtLabel
{
  padding: 2px 2px 0px 0px;
  font-size: 12px;
  
  top: 97px !important;
}

Код может отличаться от того, который у Вас. Но суть одна.

Не помогло
Помогла только установка значения float: right; в строке .layout_core_menu_mini > div > ul, но получилось вот так.


Незнаю, можт чем поможет. Вот код короче, ширина блока 580px.

PHP:



/*
MINI MENU + SEARCH WIDGET
Shows the mini menu and search widget
*/
.layout_core_menu_mini
{
  width: $theme_topbar_minimenu_width;
  height: $theme_topbar_minimenu_height;
  margin: 0px auto;
  overflow: hidden;
}
.layout_core_menu_mini > div > ul
{
  float: right;
  overflow: hidden;
  margin: 5px auto 5px;
  background: $theme_topbar_minimenu_background_color;
  border: $theme_topbar_menu_border;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul
{
  float: left;
}
.layout_core_menu_mini > div > ul > li
{
  float: left;
  overflow: hidden;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul > li
{
  float: right;
}
.layout_core_menu_mini > div > ul > li + li
{
  margin-right: 3px;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul > li + li
{
  margin-left: 3px;
  margin-right: 0px;
}
.layout_core_menu_mini #core_menu_mini_menu
{
  text-align: right;
  padding: 0;
  position: inherit;
  font-size: $theme_topbar_minimenu_link_size;
  overflow: hidden;
}
html[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu
{
  padding: 0px 10px 5px 0px;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a
{
  display: block;
  color: $theme_topbar_minimenu_link_color;
  font-weight: bold;
  padding: 6px 7px 6px 7px;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a:hover
{
  background: $theme_topbar_minimenu_link_hover_background_color;
  color: $theme_topbar_minimenu_link_hover_color;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}
.layout_core_menu_mini #core_menu_mini_menu_updates
{
  margin: 0px 7px;
}
#core_menu_mini_menu_update .updates_pulldown_active a#updates_toggle
{
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}

#core_menu_mini_menu #global_search_form
{
  display: inline-block;
  padding: 3px 0px;
  float: right;
  position: relative;

}
#core_menu_mini_menu #global_search_field
{
  +rounded(0px);
  width: 100px;
  height: 12px;
  border: 1px solid #3D4746;
  outline: none;
}
#core_menu_mini_menu .overTxtLabel
{
  font-size: $theme_topbar_minimenu_link_size;
  color: $theme_font_color_light;
}



Ребята как изменить цвет фона IM chat'a,точнее когда новый мессаж приходит , хотелось бы чтоб моргало ярким цветом

Mr_Diza, присвой блоку #core_menu_mini_menu #global_search_form атрибуты

ну или 1px - там уж сам смотри как тебе нужно