Moushe.ru

Блог обо всём

OpenCart 1.5.3 делаем шаблон GreenTea (10 часть)



Вот и новая статья по OpenCart 1.5.3.1 в этом уроке мы будем работать только с одним файлом – stylesheet.css

GreenTeaOpenCart

Список задач на сегодня:

1. Подправим вход на сайт

2. Перекрасим все ссылки, для которых не задан особый стиль

3. Перекрасим вид – список

4. Доделаем стиль почты и icq в нижней части сайта

 

И так приступим:

1. Откроем stylesheet.css (../catalog/view/theme/greentea/stylesheet) и вместо этого (315-323):

#header #welcome {
position: absolute;
top: 47px;
right: 10px;
z-index: 5;
width: 298px;
text-align: right;
color: #999999;
}

вставим это:

#header #welcome {
position: absolute;
top: 47px;
right: 10px;
z-index: 5;
width: 298px;
text-align: right;
color: #999999;
z-index: 99;
}

2. Изменим это (35-39):

a, a:visited, a b {
color: #38B0E3;
text-decoration: underline;
cursor: pointer;
}

на это:

a, a:visited, a b {
color: #78a240;
text-decoration: underline;
cursor: pointer;
}

3. Изменим это (873-884):

.product-list .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-list .name {
margin-bottom: 3px;
}
.product-list .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
}

на это:

.product-list .image img {
padding: 3px;
border: 1px solid #78a240;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.product-list .name {
margin-bottom: 3px;
}
.product-list .name a {
color: #000;
font-weight: bold;
text-decoration: none;
}
.product-list .name a:hover {
color: #78a240;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
}

4. Изменим это (1658-1663):

#contacts {
padding-left: 20%;
color: #fff;
text-align: left;
display: inline-block;
}

на это:

#contacts {
padding-left: 20%;
color: #fff;
text-align: left;
display: inline-block;
font-size: 15px;
padding-bottom: 10px;
}

На сегодня всё, следите за нашими новостями. Улыбка

6 Комментариев

  1. ЯВалерий

    30.12.2012 at 21:52

    Владислав, отлично, классные статьи. И стиль понятный, и примеры. Продолжайте! 🙂

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      31.12.2012 at 21:01

      Ещё какое-то время буду продолжать 🙂

  2. А можно ли боковое меню сделать свернутым по умолчанию? А при нажатии на основную категорию будут показаны подкатегории.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      01.01.2013 at 00:23

      Можно, но мне нравится так. Когда буду делать уроки по новому шаблону для 1.5.3 думаю обойдёмся без бокового меню. 🙂

  3. Дмитрий

    04.01.2013 at 19:45

    Здравствуйте.
    Очень интересные уроки! сижу изучаю.
    А можете прислать шаблон Зеленый чай на мыло?) не все получается, было бы интересно на готовом примере.
    Мой е-майл klim4968@yandex.ru
    буду очень благодарен.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      04.01.2013 at 21:17

      Пока шаблон ещё не готов до конца, как доделаю будет выложен.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика