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


Помогите Сделать Следующие Пункты...

Автор highway_to_hell, 12 апр. 2013 19:49

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

#1 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 12 Апрель 2013 - 19:49

Здравствуйте всем.
Как мне реализовать следующее...

1. переместить меню на самый верх страницы. ни миллиметра вправо и влево. просто поднять до самого верха страницы. см. рис. 1

2. после поднятия меню, заменить "В КОРЗИНЕ ТОВАРОВ: 0 рублей" на "(картинка корзины размером 22х35): 0 рублей". и расположить справа от верхнего меню на 1 см. конечно без красной рамки.. см.рис. 2

3. как видно на рис. 3, между пунктами меню стоят разделители. их надо убрать полностью. также выделение при наводе мышкой. чтобы это были просто слова и поменять цвет на #101010

4. перенести номера телефона ка на рисунке 4. перенести поле поиска и добавить картинку 213х30, чтобы в ней писали поисковый запрос.

5. поменять весь шрифт на сайте, который сейчас находится в белом цвете на #101010.

6. на главной странице, цвет рамки товара поменять также на #101010. увеличить толщину этой рамки до половины милиметра и запретить ей менять цвет при наведении на нее мышей. см. рис. 5

ну вот. пока все. что можно сделать? что нельзя и почему?

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

  • 1.png
  • 2.png
  • 3.png
  • 4.png
  • 5.png

#2 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 12 Апрель 2013 - 20:10

места под скрины не хватило... здесь припишу..

7. как из такого меню (рис. 6) сделать такое (рис. 7)? цвет шрифта на таком меню - белый, а "КАТАЛОГ ТОВАРОВ" (который сейчас "CATEGORIES") - черный.  крестик означает, что менюшка раскрывающаяся, выпадает вниз.

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

  • 6.png
  • 7.png
  • 7.png

#3 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 12 Апрель 2013 - 21:15

Просмотр сообщенияmustbedie (12 Апрель 2013 - 19:49) писал:

Здравствуйте всем.
Как мне реализовать следующее...

1. переместить меню на самый верх страницы. ни миллиметра вправо и влево. просто поднять до самого верха страницы. см. рис. 1

2. после поднятия меню, заменить "В КОРЗИНЕ ТОВАРОВ: 0 рублей" на "(картинка корзины размером 22х35): 0 рублей". и расположить справа от верхнего меню на 1 см. конечно без красной рамки.. см.рис. 2

3. как видно на рис. 3, между пунктами меню стоят разделители. их надо убрать полностью. также выделение при наводе мышкой. чтобы это были просто слова и поменять цвет на #101010

4. перенести номера телефона ка на рисунке 4. перенести поле поиска и добавить картинку 213х30, чтобы в ней писали поисковый запрос.

5. поменять весь шрифт на сайте, который сейчас находится в белом цвете на #101010.

6. на главной странице, цвет рамки товара поменять также на #101010. увеличить толщину этой рамки до половины милиметра и запретить ей менять цвет при наведении на нее мышей. см. рис. 5

ну вот. пока все. что можно сделать? что нельзя и почему?
1.в main.css
найти код
#top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;}
меняем на код
#top-menu {height: 40px;overflow: hidden;position: relative;top: -130px;} #mainmenu li, #langmenu li { display:inline;}
3.в main.css
ищем код
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
background: url(http://s661601.storeland.net/tm_link_border.gif) no-repeat right top; }
удаляем код
background: url(http://s661601.storeland.net/tm_link_border.gif) no-repeat right top; }

#4 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 04:26

Просмотр сообщенияMikola (12 Апрель 2013 - 21:15) писал:

1.в main.css
найти код
#top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;}
меняем на код
#top-menu {height: 40px;overflow: hidden;position: relative;top: -130px;} #mainmenu li, #langmenu li { display:inline;}
3.в main.css
ищем код
#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
background: url(http://s661601.storeland.net/tm_link_border.gif) no-repeat right top; }
удаляем код
background: url(http://s661601.storeland.net/tm_link_border.gif) no-repeat right top; }
спасибо. все работает. только рамки товара и расстояние между ними не так как надо... как сделать чтобы нормально стало?

#5 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Апрель 2013 - 04:41

Попробуйте в файл стилей main.css добавить

.goodsListItemBlock {
   border: 1px solid #E5E5E5 !important;
   margin: 10px;
}

после вы можете изменить как рамку через свойство border, так и отступ через свойство margin

#6 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 06:11

Просмотр сообщенияVaccina (13 Апрель 2013 - 04:41) писал:

Попробуйте в файл стилей main.css добавить

.goodsListItemBlock {
border: 1px solid #E5E5E5 !important;
margin: 10px;
}

после вы можете изменить как рамку через свойство border, так и отступ через свойство margin
Нет, все тоже осталось... И все что есть на странице сдвинулось влево относительно своих осей.  

#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Апрель 2013 - 06:22

У вас в файле стилей main.css ошибка. Найдите

#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
#mainmenu li a:hover {

и замените на

#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
}
#mainmenu li a:hover {

#8 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 06:32

Просмотр сообщенияVaccina (13 Апрель 2013 - 06:22) писал:

У вас в файле стилей main.css ошибка. Найдите

#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
#mainmenu li a:hover {

и замените на

#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 15px;
padding-left: 15px;
text-transform: uppercase;
text-decoration: none;
}
#mainmenu li a:hover {
Ооо! Отлично! Все работает. Премного благодарен! Жаль все лайки раздал, так бы поставил!
А с остальными пунктами моего первого вопроса можете помочь?

#9 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 06:56

Просмотр сообщенияMustbeDie (13 Апрель 2013 - 06:32) писал:

Ооо! Отлично! Все работает. Премного благодарен! Жаль все лайки раздал, так бы поставил!
А с остальными пунктами моего первого вопроса можете помочь?

Можете сказать, какие вопросы у вас не решены?

#10 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 07:16

Просмотр сообщенияmiyako (13 Апрель 2013 - 06:56) писал:

Можете сказать, какие вопросы у вас не решены?
Пункты 2, 4, 5, 6, 7. И в 3 пункте поменять цвет шрифта.

#11 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 07:49

Просмотр сообщенияMustbeDie (13 Апрель 2013 - 07:16) писал:

Пункты 2, 4, 5, 6, 7. И в 3 пункте поменять цвет шрифта.

2)

Найдите код:
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
и замените на:
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 35px;
width: 340px;
}

Найдите код:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 35px 45px;
background: url({ASSETS_IMAGES_PATH}название изображения) no-repeat;
background-size: 22px 35px;
font-size: 0;
}

#12 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 08:16

Просмотр сообщенияmiyako (13 Апрель 2013 - 07:49) писал:

2)

Найдите код:
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 20px;
width: 340px;
}
и замените на:
#cartInfo {
position: absolute;
font-size: 13px;
top: 54px;
left: 380px;
white-space: nowrap;
overflow: hidden;
height: 35px;
width: 340px;
}

Найдите код:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 35px 45px;
background: url({ASSETS_IMAGES_PATH}название изображения) no-repeat;
background-size: 22px 35px;
font-size: 0;
}
А где искать? Первую замену я нашел в main.css, а вторую ни в main.css, ни в HTML не нашел...

#13 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 11:17

Просмотр сообщенияMustbeDie (13 Апрель 2013 - 08:16) писал:

А где искать? Первую замену я нашел в main.css, а вторую ни в main.css, ни в HTML не нашел...

Вторую можно найти по словосочетанию:
#cartInfo a
в main.css
Найти примерный код:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 35px 45px;
}
и заменить на:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 35px 45px;
background: url({ASSETS_IMAGES_PATH}название изображения) no-repeat;
background-size: 22px 35px;
font-size: 0;
}

#14 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 11:29

Просмотр сообщенияmiyako (13 Апрель 2013 - 11:17) писал:

Вторую можно найти по словосочетанию:
#cartInfo a
в main.css
Найти примерный код:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 35px 45px;
}
и заменить на:
#cartInfo a {
color: #000;
text-transform: uppercase;
padding: 5px 0px 35px 45px;
background: url({ASSETS_IMAGES_PATH}название изображения) no-repeat;
background-size: 22px 35px;
font-size: 0;
}
Поправьте меня, пожалуйста, а то чего-то я не того нахимичил...

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

  • 4984984.png

#15 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 12:24

Просмотр сообщенияMustbeDie (13 Апрель 2013 - 11:29) писал:

Поправьте меня, пожалуйста, а то чего-то я не того нахимичил...

Приведите к следующему виду:
#cartInfo {
position: relative;
font-size: 13px;
top: 0px;
white-space: nowrap;
overflow: hidden;
height: 35px;
width: 140px;
float: right;
}

#cartInfo a {
color: rgb(255, 255, 255);
text-transform: uppercase;
padding: 5px 5px 27px 17px;
background: url(http://s661601.storeland.net/header_c.png) no-repeat;
background-size: 21px 24px;
font-size: 0;
}
и добавьте в конец файла код:
#cartSum {
color: white;
padding-top: 5px;
}

#16 highway_to_hell

highway_to_hell

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

  • Неактивированные
  • PipPipPip
  • 57 сообщений
  • ГородНевельск

Отправлено 13 Апрель 2013 - 13:30

Просмотр сообщенияmiyako (13 Апрель 2013 - 12:24) писал:

Приведите к следующему виду:
#cartInfo {
position: relative;
font-size: 13px;
top: 0px;
white-space: nowrap;
overflow: hidden;
height: 35px;
width: 140px;
float: right;
}

#cartInfo a {
color: rgb(255, 255, 255);
text-transform: uppercase;
padding: 5px 5px 27px 17px;
background: url(http://s661601.storeland.net/header_c.png) no-repeat;
background-size: 21px 24px;
font-size: 0;
}
и добавьте в конец файла код:
#cartSum {
color: white;
padding-top: 5px;
}
Чуть-чуть осталось...)) Выровнять по одной линии...

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

  • 498494.png

#17 miyako

miyako

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

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

Отправлено 13 Апрель 2013 - 15:22

Просмотр сообщенияMustbeDie (13 Апрель 2013 - 13:30) писал:

Чуть-чуть осталось...)) Выровнять по одной линии...

Код:
#cartSum {
color: white;
padding-top: 5px;
}
заменить на:
#cartSum {
color: white;
top: 17px;
position: relative;
}

#18 vanyushka

vanyushka

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

  • Пользователи
  • PipPipPipPip
  • 500 сообщений

Отправлено 15 Февраль 2014 - 15:51

Спасибо!
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Сияние
  5. → Главная
  6. Privacy Policy