Перейти к содержанию
Форум поддержки пользователей VamShop

Несколько вопросов от новичка


Рекомендуемые сообщения

Извините что возможно повторяюсь. Есть не сколько вопросов:

1. Как сделать отступ логотипа от левого края?

2. Как Изменить цвет линии под шапкой (сейчас оранжевый).

3. Изменить цвет заливки ссылок на "Главная","Корзина" и т.д. (цвет активной ссылки и цвет наведения на ссылку) ?

4. Как сделать заливку при наведении на ссылки в правой колонке и левой колонке так же как и в ссылках под шапкой?

5. Как изменить цвет текста и сам текст в боксах (Разделы,Узнайте больше и т.д.)?

Пока все.

Ссылка на сообщение
Поделиться на другие сайты

1. Как сделать отступ логотипа от левого края?

2. Как Изменить цвет линии под шапкой (сейчас оранжевый).

3. Изменить цвет заливки ссылок на "Главная","Корзина" и т.д. (цвет активной ссылки и цвет наведения на ссылку) ?

4. Как сделать заливку при наведении на ссылки в правой колонке и левой колонке так же как и в ссылках под шапкой?

5. Как изменить цвет текста и сам текст в боксах (Разделы,Узнайте больше и т.д.)?

Как-то много вопросов для новичка. ;D Дизайнера наймите или книжку почитайте подизайну что ли.

Далее приведены примерные варианты решений.

Всё правится в файле templates\vamshop\stylesheet.css

1. Как сделать отступ логотипа от левого края?

#header div.header-left

{

float: left;

padding-left: 100px; /* отступ слева в 100 точек */

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

margin: 0;

padding: 0; /* Зачеркнутое - удалить */

}

2. Как Изменить цвет линии под шапкой (сейчас оранжевый).

div#menu

{

border-top: 3px solid #0033FF; /* Вот так будет синий */

background-color: #fff;

background-image: url(img/vamcart/bg.png);

background-position: 0 -2406px;

background-repeat: repeat-x;

padding: 0;

margin: 0 auto;

}

3. Изменить цвет заливки ссылок на "Главная","Корзина" и т.д. (цвет активной ссылки и цвет наведения на ссылку) ?

#menu ul li a:hover

{

color: #FFFF00; /* Вот так будет жёлтый цвет текста ссылки при наведении */

background: #0033FF; /* Вот так будет синий цвет фона при наведении */

text-decoration: none;

}

----------------------

Всё хватит.

Дальше смотрите по аналогии с примером.

Смотрите в шаблоне какой там класс участвует, ищите его в stylesheet.css и вносите изменения.

Успехов!

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...