Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Подскажите.


Pacha

Recommended Posts

Здравствуйте. Подскажите как это сделать:

1. Нужно поменять фон на картинку, центральная часть должна остаться не прозрачной.

2. Как поменять цвет центральной части (на фото указаны места на которых нужно поменять цвет)

P.S. по возможности максимально подробно. Спасибо.

post-687082-0-90553400-1411030145_thumb.jpg

Надіслати
Поділитися на інших сайтах


Здравствуйте. Подскажите как это сделать:

1. Нужно поменять фон на картинку, центральная часть должна остаться не прозрачной.

2. Как поменять цвет центральной части (на фото указаны места на которых нужно поменять цвет)

P.S. по возможности максимально подробно. Спасибо.

 

1) Много способов, например Открываем: header.tpl который находится по адресу catalog\view\theme\default\template\common

и редактируем тег <body> что бы получилось следующее <body style="background-image: url(пишем путь к фото);">

Более подробно можете почитать на сайте

2) В современных браузерах есть замечательный инструмент разработчика.

Надіслати
Поділитися на інших сайтах


body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

дальше продолжать ?

 

 

Пропись стиля вне CSS грех смертный?

Не рабочий вариант?

Проблема решена.

 

P.S. Помоги тогда парню без высокопарных толкований, чтобы это сделать сайт видеть не нужно.

Надіслати
Поділитися на інших сайтах


Уважаемый.Давать советы нужно с умом.Писать глупость и ещё на это обижаться можно в записках своей даме.Но не на подобных профильных форумах.Способ ваш на старый потасканный костыль похож.

 

ТС. Стрелки конечно от души повеселили!)))

 

2. Как поменять цвет центральной части (на фото указаны места на которых нужно поменять цвет)

 

 

Центральной части чего? 

Надіслати
Поділитися на інших сайтах

как минимум это аукнется при дальнейшей работе поэтому если учиться то учиться лучше сразу правильно во вторых я не сказал что не рабочий я сказал что не слушайте таких советчиков потому что они вас научат плохому в третьих засуньте свой норов поглубже себе думаю догадались куда :-) я вам грубить не начинал и даже в планах такого не было.

 

ну и самое главное я принципиально не помогаю людям работающим на локалке во первых это в 10 раз больше забирает времени во вторых эти сайты в 50% случаев никто никогда не увидит

Надіслати
Поділитися на інших сайтах

Центральной части чего?

да тут как раз все болие или мение понятно ответ выглядит как то так
#content {    background: #fff;}body {    background: какойто там фон}
хотя судя по колву стрелок нужен попугай :-)

тогда лучший ответ это поставить фаербаг

Змінено користувачем snastik
Надіслати
Поділитися на інших сайтах

По моему человеку нужно сначала с браузерами научиться работать, в частности с инструментом разработчика, там всё наглядно и понятно, что, где, куда и зачем, а после в css прописать в стили 

background: #popugay;

  :geek:

 

А если по существу открой оперу, мозилу, гуглхром наведи курсор на нужное место и кликни правой кнопкой мышки, в выподающем меню выбери - в опере это проинспектировать элемент. Далее разбираешься - слева код страницы, справа это стили. 

 

Далее находим файл stylesheet.css туда пишем 

#menu > ul > li > a {
color: #FF0000;
}

Это МП3 плееры цвет.

Далее туда же пишем

.product-info .description {
background: blue;
}

Это блок производитель

Далее меняем фон в блоке прайс

.product-info .price {
background: chocolate;
}

далее меняем фон в описании во вкладках

.tab-content {
background: darkorange;
}

Что там осталось - меню

.box .box-content {
background: #FD0505;
}

Ну в принципе пол попугая готово, остальное раскрасишь сам :ugeek:

Да и есть ещё такая замечательная штука, как хостингер.ру советую там свои сайты пробовать делать, а не локал хост - да и пацанам можно наглядно показать что да как, а не стрелочки да ещё без цифр рисовать, может лучше к художникам примкнуть, ладно это всё шутка...

  • +1 1
Надіслати
Поділитися на інших сайтах


Ребят! ну что вы накинулись на человечка?! Он еще только учится.. вспомните себя в то время..

- куда вы сначала обращались?

- на форум..

- а вас с такими вопросами куда посылали?!

(первый ответ пришедший вам в голову - не верный...)

вас посылали учить html и css :-D

 

Pacha, почитай, поизучай http://htmlbook.ru/

  • +1 1
Надіслати
Поділитися на інших сайтах


  • 3 weeks later...

Здравствуйте. Подскажите как это сделать:

1. Нужно поменять фон на картинку, центральная часть должна остаться не прозрачной.

2. Как поменять цвет центральной части (на фото указаны места на которых нужно поменять цвет)

P.S. по возможности максимально подробно. Спасибо.

По 1 вопросу: открыть файл  stylesheet.css и находим

body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;

вместо background-color: #ffffff; вставляем 

background: #F7F7F7 url('../image/название вашей картинки');

Картинку предварительно загрузите в /catalog/view/theme/ваш шаблон/image 

Далее задайте фон "центральной части сайта" - в том же stylesheet.css  найдите

/* layout */
#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

и добавьте туда, например, белый фон

	background: #ffffff;
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.