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


Добавление Под Шапкой Блока Картинок

лок картинки шапка сайта

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

#21 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 09 Январь 2014 - 23:13

Просмотр сообщенияnymphetamin2004 (09 Январь 2014 - 22:23) писал:

haeder-bg.png - справа.


haeder-bgy.png - слева


Если будете помогать сделать как в первом варианте. То насколько сильно могут быть проблемы?

Если выберете делать как второй вариант просто слева..тогда вот
haeder-bgy.png будет слева..а под ним потом другая картинка..щас найду примерно для фона и на ней три картинки

Загрузите пожалуйста эти изображения на ваш сайт через Редактор Шаблонов Добавить файлы

#22 nymphetamin2004

nymphetamin2004

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

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

Отправлено 09 Январь 2014 - 23:22

Просмотр сообщенияCastiel (09 Январь 2014 - 23:13) писал:

Загрузите пожалуйста эти изображения на ваш сайт через Редактор Шаблонов Добавить файлы
Файлы загружены. Спасибо за помощь!

#23 nymphetamin2004

nymphetamin2004

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

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

Отправлено 09 Январь 2014 - 23:30

Просмотр сообщенияCastiel (09 Январь 2014 - 23:13) писал:

Загрузите пожалуйста эти изображения на ваш сайт через Редактор Шаблонов Добавить файлы
Размер картинки чтоб изменить там фон. И где в скрипте ее поменять? Так каталог выглядит не красиво...хотелось бы фон по светлее там

А на главной можно удалить правый контейнер полностью? где вы смотрели и все прочее. А там чтоб раздвинулась середина до конца.

В третьем файле. слева было бы интересно на фоне вот такое. Мы в интернете: визу 8 картинок с ссылками 26на26 (можно любые названия), И снизу большая картинка. Какой шириной максимум я могу поставить? и в высоту. Как установить так на рисунке.?

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

  • 000.jpg
  • 987.jpg
  • Безимени-1.jpg


#24 Vaccina

Vaccina

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

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

Отправлено 10 Январь 2014 - 04:44

1. Высота данного блока 22px ширина 235px, фон вы устанавливали для этого блока в main.css в сл.блоке:
#content .box .tabproduct .buttons {
	background: url("http://o7930.storeland.net/haeder-bg.png") no-repeat scroll -90px -38px rgba(0, 0, 0, 0);
	border-radius: 8px;
	clear: both;
	height: 22px;
	padding: 0 0 8px;
}
2.На счет скрытия 3ей колонки на главной странице и расширения центрального блока, у нас уже имеется инструкция по сл.ссылке:
http://forum.storela...лок/#entry50854

3. Про баннеры у нас шла речь в сл.ветке форума:
http://forum.storela...баннеров-сбоку/

#25 Rebvjd

Rebvjd

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

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

Отправлено 16 Февраль 2014 - 00:03

Просмотр сообщенияCastiel (07 Январь 2014 - 22:43) писал:

Добавление баннера
Редактируем шаблон HTML
Добавляем на 135 строке перед <div id="topobj"></div>
<div id="topbanner">
<a href="#"><img src="http://st.storeland.net/2/918/387/b3.jpg"></a>
<a href="#"><img src="http://st.storeland.net/2/918/386/b2.jpg"></a>
<a href="#"><img src="http://st.storeland.net/2/918/385/b1.jpg"></a>
</div>

Редактируем main.css
Добавляем на 73 строке
#topbanner {width:1000px; height: 80px; margin: 5px; }
#topbanner a {margin: 0 10px;}
#topbanner a img {height:80px;width:200px;}

Стили написаны для баннера с размерами 200х80 (ширина высота), если ваши банеры будут иметь другие размеры, то вам необходимо будет изменить стили, чтобы они красиво встали
Здравствуйте. Скажите пожалуйста, как сделать вместо картинок добавить пункты меню???

Прикрепленные файлы



#26 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 16 Февраль 2014 - 10:34

Просмотр сообщенияRebvjd (16 Февраль 2014 - 00:03) писал:

Здравствуйте. Скажите пожалуйста, как сделать вместо картинок добавить пункты меню???
Добрый день.
В вашем html шаблоне уже есть второе меню (переменная menuheader2)
B main.css добавьте:
#panelsite div.centercol .menuheader2 {
width: 760px;
height: 24px;
overflow: hidden;
background: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
и замените:
#panelsite div {
height: 44px;
float: left;
overflow: hidden;
}
на
#panelsite div {
height: 55px;
float: left;
overflow: hidden;
}

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

  • 1.png


#27 Rebvjd

Rebvjd

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

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

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

Просмотр сообщения@lina_va (16 Февраль 2014 - 10:34) писал:

Добрый день.
В вашем html шаблоне уже есть второе меню (переменная menuheader2)
B main.css добавьте:
#panelsite div.centercol .menuheader2 {
width: 760px;
height: 24px;
overflow: hidden;
background: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
и замените:
#panelsite div {
height: 44px;
float: left;
overflow: hidden;
}
на
#panelsite div {
height: 55px;
float: left;
overflow: hidden;
}

Спасибо большое. Я вставил первый код сюда: /*Верхняя панель сайта*/, а значение height увеличил аш до 80, чтобы появилось меню. Но получилось немного криво. Я нарисовал что хочу изменить, посмотрите пожалуйста.

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

  • Новый рисунок555.jpg


#28 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 16 Февраль 2014 - 14:53

Просмотр сообщенияRebvjd (16 Февраль 2014 - 12:08) писал:

Спасибо большое. Я вставил первый код сюда: /*Верхняя панель сайта*/, а значение height увеличил аш до 80, чтобы появилось меню. Но получилось немного криво. Я нарисовал что хочу изменить, посмотрите пожалуйста.
В main.css в блок:
#panelsite div.centercol .menuheader2 {
width: 760px;
height: 24px;
overflow: hidden;
background: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
добавляем:
margin-top: -10px;


В конец файла добавьте:
#panelsite div.centercol .menuheader2 ul li a {
font: bold italic 17px Times New Roman, Verdana, Geneva, sans-serif;
color: #5d5c5c;
text-decoration: none;
padding: 5px 13px;
display: block;
}
здесь можете отредактировать цвет надписей: color: #5d5c5c;




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

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