Перейти к содержимому


Помогите Отредактировать (Фон, Центр Сайта, Фудер).


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 sinyor

sinyor

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 18 Февраль 2014 - 17:23

Здравствуйте, весь день читал форум и все же прошу о помощи. Номер аккаунта 271863
Помогите отредактировать:
1.Как сделать меньше центральный блок?
   Как сделать центральный фон полупрозрачный?
2. Как убрать в фоне синюю полосу? И под футером тоже.
3. Как выровнять футер по центральному блоку.
Фото прилагаю..
Заранее спасибо..сложно без визуального редактора..

Прикрепленные изображения

  • 1.jpg


#2 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 18 Февраль 2014 - 18:04

Просмотр сообщенияsinyor (18 Февраль 2014 - 17:23) писал:

Здравствуйте, весь день читал форум и все же прошу о помощи. Номер аккаунта 271863
Помогите отредактировать:
1.Как сделать меньше центральный блок?
   Как сделать центральный фон полупрозрачный?
2. Как убрать в фоне синюю полосу? И под футером тоже.
3. Как выровнять футер по центральному блоку.
Фото прилагаю..
Заранее спасибо..сложно без визуального редактора..
1. в файле main.css найдите строчку
body { background:url{ASSETS_IMAGES_PATH}bg.jpg) #adcdd7 center top no-repeat; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
замените ее на
body { background:#53533b; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

теперь найдите там строчку
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) bottom center no-repeat; }
замените на
#backtop { background:url({ASSETS_IMAGES_PATH}bgout.jpg) bottom center; }

далее измените строчку
#footer { clear:both;width:100%; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; }
на
#footer { clear:both; width: 1000px; background:#485d63; border-top:4px solid #64828b; margin:20px 0 17px 0; margin-left: -498px; left: 50%; position: relative; border-radius: 10px; padding-left: 5px;}

если Вам нужно уменьшить размер средней части, найдите строчку
#content #mainindex .headline { background:url({ASSETS_IMAGES_PATH}headline-index-bg.jpg) top center no-repeat; width: 495px; }
измените 495px на меньшее число, такое, какое Вас устроит.
также найдите
#mainindex { float:left; width:512px; }
и также измените 512 на меньшее число

вертикальную полоску можно изменить с помощью строки
#index { background: url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}
измените 512 также на меньшее число, причем оно должно совпадать с предыдущем значением.

Прикрепленные изображения

  • ScreenShot 508.png


#3 sinyor

sinyor

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 18 Февраль 2014 - 19:42

Огромное Спасибо!! Вот только фон у меня теперь другой)) у меня по середине сайта бумажный лист был, а как я понимаю вы его изменили? Проще сделать фон одной картинкой и вставить? (как сделать? поменять только bgout?, как закрепить фон относительно сайта?).
У меня еще вопросик был, как сделать страницу прозрачнее, чтоб фон был виден?
Как уменьшить весь блок? (на картинке)
Заранее спасибо, буду дальше надоедать))

Фон должен был быть такого плана как на картинке.

Прикрепленные изображения

  • 2.jpg
  • 3.jpg


#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Февраль 2014 - 02:08

Второй фон, который идет как лист бумаги, вы можете задать в main.css в сл.блоке:
#container {
	margin: 0 auto;
	max-width: 1000px;
	width: 1000px;
}
на счет уменьшения общего размера, может 3ю колонку убрать?

Чтобы сделать более прозрачным фон контента, найдите:
#cntrobj {
	background: url("http://whatch.storeland.net/conteiner-bg-y.jpg") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}
замените:
#cntrobj {
	background:rgba(255, 255, 255, 0.8)
}


#5 Андрей23

Андрей23

    Пользователь

  • Пользователи
  • PipPip
  • 14 сообщений

Отправлено 20 Март 2015 - 12:29

Подскажите пожалуйста, как поменять общий цвет фона или залить новую картинку фона и цвет плашек с названиями боковых блоков. Спасибо

#6 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 20 Март 2015 - 12:55

Просмотр сообщенияАндрей23 (20 Март 2015 - 12:29) писал:

Подскажите пожалуйста, как поменять общий цвет фона
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
body { background:#f0cea2; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
Значение "#f0cea2" отвечает за цвет фона

Просмотр сообщенияАндрей23 (20 Март 2015 - 12:29) писал:

залить новую картинку фона
зайдите в админ. панель -> Сайт -> Редактор шаблонов -> ИЗОБРАЖЕНИЯ замените файл bgout.jpg

#7 Андрей23

Андрей23

    Пользователь

  • Пользователи
  • PipPip
  • 14 сообщений

Отправлено 21 Март 2015 - 13:01

Спасибо!

#8 psicore

psicore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений

Отправлено 27 Март 2015 - 20:14

Подскажите,как удалить кусочек ненужной картинки и как переместить картинку вправо?

Прикрепленные изображения

  • Безымянный.jpg


#9 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 27 Март 2015 - 20:44

Просмотр сообщенияpsicore (27 Март 2015 - 20:14) писал:

Подскажите,как удалить кусочек ненужной картинки и как переместить картинку вправо?
Здравствуйте.
В конец main.css добавьте
div#header-logo img {
  float: left;
  width: 333px;
}
так же найдите и удалите
#header .blocks .lft { float:left; background:url({ASSETS_IMAGES_PATH}backsprite.png?design=plastic) 0 0 no-repeat; margin:0 0 0 0; width:14px; height:11px; }


#10 psicore

psicore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений

Отправлено 30 Март 2015 - 19:26

А как можно сделать шрифт жирным в каталоге сайта?(который слева на главной отображается)

#11 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 30 Март 2015 - 19:43

Просмотр сообщенияpsicore (30 Март 2015 - 19:26) писал:

А как можно сделать шрифт жирным в каталоге сайта?(который слева на главной отображается)
В конец main.css добавьте
#left .block .navigation ul li a {
  font-weight: bold !important;
}


#12 psicore

psicore

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 53 сообщений

Отправлено 31 Март 2015 - 20:07

Здравствуйте! подскажите,Как задать координаты изображению? нужно картинку переместить наверх слева от корзины?

Прикрепленные изображения

  • Безымянный.jpg


#13 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 31 Март 2015 - 20:15

Просмотр сообщенияpsicore (31 Март 2015 - 20:07) писал:

Здравствуйте! подскажите,Как задать координаты изображению? нужно картинку переместить наверх слева от корзины?
Здравствуйте.
В шаблоне html найдите код
<a href="http://zaprovodami.ru/feedback"><img src="{ASSETS_IMAGES_PATH}callme.png" style=padding: 500px 15px 8px 0px; ></a></div>
и замените на
<a href="http://zaprovodami.ru/feedback" style="position: absolute;top: 156px;left: 1020px;" ><img src="{ASSETS_IMAGES_PATH}callme.png"></a></div>
изменяйте значение left и top




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных