Тезисы выступления компании 7910 e-commerce на конференции "Электронная коммерция и торговля - 2008" на тему "Готовые программные решения для электронной коммерции" Подробнее»
Добрый день!
Скрипт выкуплен давно. Сейчас хочу изменить вид магазина. Возникли вопросы
- Как для каждой шапки бокса задать свой фоновый рисунок?
- Как сделать фон блоков или боксов прозрачным?
- Как задать свою высоту шапки бокса, верхнего меню и нижней разделительной линии?
- Как узнать селектор интересующего элемента?
- Можно ли сделать фон для названия товара и цены на странице описания товара?
БлагоДарю!
[quote:7275ec7020]Как сделать фон блоков или боксов прозрачным?[/quote:7275ec7020]
[code:1:7275ec7020]td.boxTextLT {
background: transparent;
}[/code:1:7275ec7020]
[quote:7275ec7020]Как задать свою высоту шапки бокса, верхнего меню и нижней разделительной линии?[/quote:7275ec7020]
[code:1:7275ec7020]td#pageHeaderLT {
height: высота;
}
td#navBarTopLT {
height: высота;
}
td#navBarBottomLT {
height: высота;
}[/code:1:7275ec7020]
[quote:7275ec7020]Можно ли сделать фон для названия товара и цены на странице описания товара?[/quote:7275ec7020]
[code:1:7275ec7020]form#cart_quantity h1 {
background-color: цвет;
}
td.prodInfoPrice h2 {
background-color: цвет;
}[/code:1:7275ec7020]
[quote:7275ec7020]Как узнать селектор интересующего элемента?[/quote:7275ec7020]
Необходимо использовать специальные инструменты, например в Chrom'е запуск инструмента разработчика для просмотра CSS выделенного селектора можно запустить комбинацией клавиш Ctrl+Shift+I
[quote:7275ec7020]Как для каждой шапки бокса задать свой фоновый рисунок?[/quote:7275ec7020]
Необходимо определить id или class каждого бокса, например, с помощью инструмента описанного нами выше, и затем указывать id нужного бокса
[code:1:7275ec7020]background-image: путь к изображению;[/code:1:7275ec7020]
Также обратите внимание на инструкцию по примерам CSS на странице http://7910.org/oscommerce_chapter25.php
Исчерпывающе!
Поклон Вам!
Добрый день!
Чего то не заладилось с наскоку.) Вставил я команду background: transparent, в результате получилось такая инструкция
/* total width of the info boxes */
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 170px;
background: transparent;
}
Но фон остался белым
Пробовал в самом конце вставить рекомендованное вами
td.boxTextLT {
background: transparent;
}
тоже не помогло.
http://xn--e1aajnacaf5a6h0b.xn--p1ai/product_info.php?products_id=2
Ещё. По аналогии с инструкцией на странице http://7910.org/oscommerce_chapter25.php
попробовал изменить высоту шапок всех левых боксов
Вставил в конце CSS файла блок:
#columnLeftLT table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
height: 100px;
}
Ничего не изменилось.
А ещё я хотел наложить на фон слева тень и вставил ещё одну инструкцию и у меня получилось
/* the body tag for the html template */
body, html {
margin: 0;
padding: 0;
text-align: center; /* needed for IE center bug */
background: #ddd;
color: #8E5A48;
background-image: url("http://xn--e1aajnacaf5a6h0b.xn--p1ai//img/bg.jpg");
}
.leftshadow {
background: transparent url("http://xn--e1aajnacaf5a6h0b.xn--p1ai//img/shadow_left.png) repeat-y scroll left top;
height: 100%;
left: 0;
min-height: 100%;
position: absolute;
width: 479px;
z-index: 4;
}
Вторую половину инструкции от .leftshadow содрал с другого сайта.
Тень не отобразилась.
Хочется понять и разобраться.
Благодарю за терпение!
Поскребушки (P.S.): Кстати, наверное background: #ddd;
color: #8E5A48; можно удалить, раз там картинка?
[quote:abcda0d9ca="Салават"]Добрый день!
Чего то не заладилось с наскоку.) Вставил я команду background: transparent, в результате получилось такая инструкция
/* total width of the info boxes */
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 170px;
background: transparent;
}
Но фон остался белым
Пробовал в самом конце вставить рекомендованное вами
td.boxTextLT {
background: transparent;
}
тоже не помогло.
http://xn--e1aajnacaf5a6h0b.xn--p1ai/product_info.php?products_id=2[/quote:abcda0d9ca]
Фон боксов стал прозрачный, но он белый потому, что внизу под боксами так же белый фон, то есть теперь фон боксов просвечивает и виден фон основной таблицы сайта.
[quote:cc515f63a5="lulu"]Ещё. По аналогии с инструкцией на странице http://7910.org/oscommerce_chapter25.php
попробовал изменить высоту шапок всех левых боксов
Вставил в конце CSS файла блок:
#columnLeftLT table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
height: 100px;
}
Ничего не изменилось.[/quote:cc515f63a5]
У Вас старая версия скрипта, где вместо infoBoxHeadingLT используется infoBoxHeadingLT2. Измените код на такой:
[code:1:cc515f63a5]#columnLeftLT table.infoBoxLT td.infoBoxHeadingLT2, table.infoBoxLT td.boxTextLT {
height: 100px;
}[/code:1:cc515f63a5]
[quote:c1966f630f="lulu"]А ещё я хотел наложить на фон слева тень и вставил ещё одну инструкцию и у меня получилось
/* the body tag for the html template */
body, html {
margin: 0;
padding: 0;
text-align: center; /* needed for IE center bug */
background: #ddd;
color: #8E5A48;
background-image: url("http://xn--e1aajnacaf5a6h0b.xn--p1ai//img/bg.jpg");
}
.leftshadow {
background: transparent url("http://xn--e1aajnacaf5a6h0b.xn--p1ai//img/shadow_left.png) repeat-y scroll left top;
height: 100%;
left: 0;
min-height: 100%;
position: absolute;
width: 479px;
z-index: 4;
}
Вторую половину инструкции от .leftshadow содрал с другого сайта.
Тень не отобразилась.
Хочется понять и разобраться.
Благодарю за терпение!
Поскребушки (P.S.): Кстати, наверное background: #ddd;
color: #8E5A48; можно удалить, раз там картинка?[/quote:c1966f630f]
Тень не отобразилась, потому что на сайте нет блока класса leftshadow, соответственно не к чему применять данный стиль.
Опишите подробнее, к чему конкретно Вы хотите добавить тень, в какое место. Не понятно что значит "тень на фон слева".
Если в качестве фона установлена картинка, то background можно удалить, но не color. color отвечает за цвет шрифта и к фону отношения не имеет.
[quote:c3154e49c3="admin"][quote:c3154e49c3="Салават"]Добрый день!
Чего то не заладилось с наскоку.) Вставил я команду background: transparent, в результате получилось такая инструкция
/* total width of the info boxes */
table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
width: 170px;
background: transparent;
}
Но фон остался белым
Пробовал в самом конце вставить рекомендованное вами
td.boxTextLT {
background: transparent;
}
тоже не помогло.
http://xn--e1aajnacaf5a6h0b.xn--p1ai/product_info.php?products_id=2[/quote:c3154e49c3]
Фон боксов стал прозрачный, но он белый потому, что внизу под боксами так же белый фон, то есть теперь фон боксов просвечивает и виден фон основной таблицы сайта.[/quote:c3154e49c3]
А какие у неё (основной таблицы сайта) "позывные", как её тоже сделать прозрачной?