Перейти к содержимому


Меню

как установить ленточку?

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 30

#1 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 05 Май 2013 - 09:28

Подскажите как установить ленточку в меню?
примерно как тут:

r4.png

#2 мистка

мистка

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 435 сообщений
  • ГородМосква

Отправлено 05 Май 2013 - 09:43

оч красиво)))))))постою послушаю

#3 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 05 Май 2013 - 10:35

Просмотр сообщениямистка (05 Май 2013 - 09:43) писал:

оч красиво)))))))постою послушаю
На здоровье!
И с праздником! Христос Воскресе!

#4 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Май 2013 - 16:36

Вам необходимо найти данную картинку и загрузить к себе в файлы. Затем в файле найдите блок
.leftmenu li h2 {
font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
}
и замените его на
.leftmenu li h2 {
font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
background: url({ASSETS_IMAGES_PATH}имя картинки);
}
В принципе она может встать не совсем ровно, поэтому, возможно, придется немножко подправить стиль.

#5 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 16:45

Просмотр сообщенияStasya (06 Май 2013 - 16:36) писал:

Вам необходимо найти данную картинку и загрузить к себе в файлы. Затем в файле найдите блок
.leftmenu li h2 {
font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
}
и замените его на
.leftmenu li h2 {
font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
background: url({ASSETS_IMAGES_PATH}имя картинки);
}
В принципе она может встать не совсем ровно, поэтому, возможно, придется немножко подправить стиль.

Лента встает, только в размер не попадает.
Как подогнать ленту под размер, сколько должно быть в пикселях?

#6 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 07 Май 2013 - 17:17

Не могли бы Вы ее поставить сейчас, чтобы мы могли наглядно увидеть что именно надо подогнать?

#7 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 17:42

Просмотр сообщенияStasya (07 Май 2013 - 17:17) писал:

Не могли бы Вы ее поставить сейчас, чтобы мы могли наглядно увидеть что именно надо подогнать?

Вставил. Только цвет алфавита наверное тоже нужно будет поменять, ну скажем на белый.
С уважением Cronid!

#8 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 17:47

Исходник вот:media-militia--3d-elements-037.png
media-militia--3d-elements-037.png
размер 3001*1050px
26,4 кб

#9 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 07 Май 2013 - 18:38

Не могли бы на время разрешить клик правой кнопкой мыши?

#10 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 18:51

Просмотр сообщенияStasya (07 Май 2013 - 18:38) писал:

Не могли бы на время разрешить клик правой кнопкой мыши?
Как установить запрет я вычитал на форуме. Но забыл как отменить. Подскажите пожалуйста как это сделать.

#11 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 18:57

Простите. Нашел и убрал запрет. Правая кнопка работает.

#12 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 07 Май 2013 - 19:27

Вам необходимо уменьшить размер картинки. 175*20px

#13 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 19:32

Просмотр сообщенияStasya (07 Май 2013 - 19:27) писал:

Вам необходимо уменьшить размер картинки. 175*20px
В фотошопе?
И подскажите как поменять цвет текста в меню.

#14 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 07 Май 2013 - 21:10

Вот что получилось, посмотрите:
Рисунок20.png
Простите, это не-то, что нужно.

#15 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 08 Май 2013 - 01:03

Вам необходимо в самый конец вашего файла стилей main.css вставить

.content_catalog .pad-box {
   margin-right: 0 !important;
   width: 100% !important;
}
.content_catalog .leftmenu {
   margin-right: 0 !important;
}
.content_catalog .leftmenu li h2 {
   font: italic 15px/30px Georgia,serif !important;
   padding-left: 10px !important;
   height: 30px !important;
   background: url({ASSETS_IMAGES_PATH}имя картинки);
}

после заменить "имя картинки" на название вашего изображения. Размер изображения должен быть 220x30px

#16 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 08 Май 2013 - 05:59

Просмотр сообщенияСake (08 Май 2013 - 01:03) писал:

Вам необходимо в самый конец вашего файла стилей main.css вставить

.content_catalog .pad-box {
   margin-right: 0 !important;
   width: 100% !important;
}
.content_catalog .leftmenu {
   margin-right: 0 !important;
}
.content_catalog .leftmenu li h2 {
   font: italic 15px/30px Georgia,serif !important;
   padding-left: 10px !important;
   height: 30px !important;
   background: url({ASSETS_IMAGES_PATH}имя картинки);
}

после заменить "имя картинки" на название вашего изображения. Размер изображения должен быть 220x30px

Спасибо, пришлось правда повозиться и кое-что изменить.
Вот что в итоге получилось:

.content_catalog .pad-box {
   margin-right: 0 !important;
   width: 100% !important;
}
.content_catalog .leftmenu {
   margin-right: 0 !important;
}
.content_catalog .leftmenu li h2 {
   font: italic 15px/30px Georgia,serif !important;
   padding-left: 40px !important;
   height: 40px !important;
   background: url({ASSETS_IMAGES_PATH}media-militia--3d-elements-03712.png);
}

Размер изображения пришлось сделать 230х40рх.

Приклепленное изображение

Рисунок25.png

#17 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 08 Май 2013 - 08:04

Подскажите как поменять цвет шрифта на лентах в правом меню с синего на белый. Я нашел только как поменять только "вы смотрели".

.leftmenu li h2 {
  font: italic 15px/20px Georgia, serif;
  color: #069;
  text-transform: uppercase;

#18 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 08 Май 2013 - 08:37

Просмотр сообщенияcronid (08 Май 2013 - 08:04) писал:

Подскажите как поменять цвет шрифта на лентах в правом меню с синего на белый. Я нашел только как поменять только "вы смотрели".

.leftmenu li h2 {
  font: italic 15px/20px Georgia, serif;
  color: #069;
  text-transform: uppercase;

Найдите код:
.leftmenu li h2 a {
color: #069; /*ваш цвет*/
}


#19 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 08 Май 2013 - 09:12

Спасибо большое.

Просмотр сообщенияmiyako (08 Май 2013 - 08:37) писал:

Найдите код:
.leftmenu li h2 a {
color: #069; /*ваш цвет*/
}

Спасибо большое.

#20 cronid

cronid

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 91 сообщений
  • Городмосква

Отправлено 08 Май 2013 - 11:18

Нашел еще одну маленькую проблемку. В поиске курсор активируется не на лупе а чуть ниже ее. Подскажите где исправить.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных