Ответить Новая тема Новый опрос 
Всего: 2 1 2 >
 Изменение цвета и шапки.
Leica
Новичок
Сообщений: 12
Регистрация: 05-04-2010


08-07-2010 03:00
Здравствуйте, уважаемые! У меня к вам пара вопросов. К сожалению, на форуме ответов не нашёл (если плохо искал, просьба - сильно не пинать).
Уважаемые, подскажите пожалуйста, как изменить цвет у блоков?
Например, как здесь:http://www.avto-product.ru/

Т.е. Я хочу, например, чтобы они имели фиолетовый цвет, а в корзине, кнопка "оформить" была оранжевой.
Я думал, что всё это возможно изменить в themes\prestashop\css\global.css
Но.

PrestaShop CSS
18 used colors:
10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630
2 yellows: #f8e1a0 #f9e400
1 green: #488c40
1 red: #da0f00

Т.е., как я вначале понял, это цвета, которые имеются на сайте. Я их поочереди, через Notepad++ искал и заменял на свои. К сожаленью, изменялось всё, кроме цвета блоков.
Что я делал не так? Пожалуйста, расскажите и объясните, по возможности, на пальцах.


Есть ещё вопрос.
Как создать шапку картинкой? Например, как у http://www.antivirusprosto.com.ua/ , http://www.avto-product.ru/ .


Сообщение отредактировано Leica 08-07-2010 01:01 ...


Изображения:
0001.jpg - Размер файла26.02KB, Скачиваний: 551 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Baltazar


Новичок
Сообщений: 60
Регистрация: 22-10-2009


08-07-2010 03:49
Находишь в css Default block и пляшешь от него ниже

h4 - это заголовок блока, тут можно изменить картинку

blockcontent - можно изменить цвет блока

footer можно поменять низ блока

итд.

Блок корзины меняется ниже blockcontent exclusive, чтобы изменить шапку нужно найти block cart

Вообще все ответы можно найти в фалах tpl в папке любого модуля, ищешь что тебе нужно изменить, смотришь класс, или заголовок, или div затем находишь его в сss и правишь :cof:


Сообщение отредактировано Baltazar 07-07-2010 22:51 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


08-07-2010 03:59
Не удивительно что не получилось
Код:
div.block h4 {
    ...
    background: transparent url('../img/block_header.gif') no-repeat top left
}

Шапка блока представляет собой картинку и ее цвет не задается в css.

Шапка в виде картинки:
Код:
h1#logo {
    background : #ffffff url('../img/header.png') no-repeat center top;
    height:161px;
    width: 946px;
    margin-top: 0px;
    padding-left: 10px
}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Leica
Новичок
Сообщений: 12
Регистрация: 05-04-2010


09-07-2010 00:53
ors, огромное спасибо, шапка получилось.

А вот как поменять цвет у блоков, так и не понял. В global.css нашёл Default block.
Там код:
Цитата:
/* Default block style */
div.block {
margin-bottom: 1em;
width: 191px
}
#left_column div.block,
#right_column div.block {
padding-bottom: 5px;
background: transparent url('../img/block_footer.gif') no-repeat bottom left
}
div.block h4 {
text-transform: uppercase;
font-family: Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.2em;
padding-left: 0.5em;
border-bottom: 1px solid #595A5E; (это менял)
padding-top: 2px;
line-height: 1.3em;
color: #374853;
height: 19px;
background: transparent url('../img/block_header.gif') no-repeat top left
}
div.block h4 a { color: #374853 }
div.block ul { list-style: none }
div.block ul.tree li { padding-left: 1.2em }
div.block a:hover { text-decoration: underline }
#left_column div.block .block_content a.button_large,
#right_column div.block .block_content a.button_large { margin: 0 0 0 -3px }
div.block .block_content {
border-left: 1px #d0d3d8; (это менял)
border-right: 1px #d0d3d8; (это менял)
padding: 0 0.7em;
background: #f1f2f4 (это менял) url('../img/block_bg.jpg') repeat-x bottom left;
min-height: 16px
}
div.block li {
padding: 0.2em 0 0.2em 0em;
list-style-position: outside
}
div.block a {
color: #595a5e; (это менял)
text-decoration: none
}

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
background: transparent url('../img/block_exclusive_footer.jpg') no-repeat bottom left
}
div.exclusive h4 {
background: transparent url('../img/block_header_exclusive.gif') no-repeat top left;
color: white
}
div.exclusive h4 a { color: white }
div.exclusive li { margin-top: 0 }
div.exclusive, div.exclusive a { color: white }
div.exclusive .block_content {
background: #bdc2c9 (это менял) url('../img/block_exclusive_bg.jpg') repeat-x bottom left;
border-left: 1px solid #595a5e; (это менял)
border-right: 1px solid #595a5e (это менял)
}


Я не то менял или не там? Помогите пожалуйста разобраться.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


09-07-2010 01:12
А это менял?
url('../img/block_bg.jpg')
url('../img/block_exclusive_bg.jpg')
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Leica
Новичок
Сообщений: 12
Регистрация: 05-04-2010


09-07-2010 01:14
Нет. А на что это заменить?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


09-07-2010 01:14
На свои картинки
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Leica
Новичок
Сообщений: 12
Регистрация: 05-04-2010


09-07-2010 01:18
Понял, спасибо большое.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Anderbor
Новичок
Сообщений: 6
Регистрация: 30-06-2010


15-07-2010 23:37
Не создаю тему, а вопрос, несколько похожый:
ПОДСКАЖИТЕ пожалуйста!
Как в шапке отобразить вывод текста <p> или <h5>
просто в header.tpl НЕ получается.
А мне нужно в шапке написать название магазина и контактные данные.
Спасибо!
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


15-07-2010 23:40
Очистить кэш.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 2 1 2 >