Jump to content
Sign in to follow this  
Pacha

Подскажите.

Recommended Posts

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

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

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

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

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

Share this post


Link to post
Share on other sites

ссылка на сайт всегда ускоряет ответ :-)

от ваших стрелочек чуть мозг не взорвался

Share this post


Link to post
Share on other sites

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

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

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

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

 

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

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

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

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

Share this post


Link to post
Share on other sites

на хостинг не выкладывал, редактирую на компьютере.

Share this post


Link to post
Share on other sites

на компьютере я вам не подскажу таких советчиков как

toliq08 не слушайте

Share this post


Link to post
Share on other sites

 

на компьютере я вам не подскажу таких советчиков как

toliq08 не слушайте

 

Аргументируйте пожалуйста)

Share this post


Link to post
Share on other sites
body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

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

Share this post


Link to post
Share on other sites
body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

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

 

 

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

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

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

 

 

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

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

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

Edited by snastik

Share this post


Link to post
Share on other sites

:-D

Share this post


Link to post
Share on other sites

По моему человеку нужно сначала с браузерами научиться работать, в частности с инструментом разработчика, там всё наглядно и понятно, что, где, куда и зачем, а после в 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

Share this post


Link to post
Share on other sites

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

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

- на форум..

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

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

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

 

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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;

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.