Сообщений в теме: 27

[nymphetamin2004]

Добрый день!
У меня два вопроса:
1) как добавить блок из трех картинок со ссылками под шапку
2) съехал текст вниз как исправить чтоб скрыть синюю полоску.

p.s. Заранее спасибо"

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

• 

[nymphetamin2004]

ну вы че ребят, где все то

[miyako]

Укажите номер аккаунта или адрес Вашего сайта.

[nymphetamin2004]

miyako (06 Январь 2014 - 15:16) писал:

Укажите номер аккаунта или адрес Вашего сайта.

http://o7930.storeland.ru/

[Castiel]

nymphetamin2004 (05 Январь 2014 - 16:25) писал:

Добрый день!
У меня два вопроса:
1) как добавить блок из трех картинок со ссылками под шапку
2) съехал текст вниз как исправить чтоб скрыть синюю полоску.

p.s. Заранее спасибо"

2. Для того чтобы убрать синюю полоску из верхнего меню, вам необходимо перерисовать это картинку (синий цвет заменить на нужный вам) http://o7930.storela...et/panel-bg.png затем загрузить ее на ваш сайт перед этим удалив старую.

Если вы имеете ввиду нижнюю часть сайта, то вам необходимо отредактировать файл main.css
Находим

#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}

Заменяем цвета на нужные вам
background: #485d63;  цвет фона
border-top: 4px solid #64828b; цвет верхней границы

1. Куда именно вы хотите вставить ссылки (нарисуйте на скриншоте).
Загрузите картинки которые вы хотели бы использовать и укажите куда должна ссылаться картинка.

[nymphetamin2004]

Castiel (07 Январь 2014 - 20:38) писал:

2. Для того чтобы убрать синюю полоску из верхнего меню, вам необходимо перерисовать это картинку (синий цвет заменить на нужный вам) http://o7930.storela...et/panel-bg.png затем загрузить ее на ваш сайт перед этим удалив старую.

Если вы имеете ввиду нижнюю часть сайта, то вам необходимо отредактировать файл main.css
Находим

#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #64828b;
margin: 20px 0 17px 0;
}

Заменяем цвета на нужные вам
background: #485d63;  цвет фона
border-top: 4px solid #64828b; цвет верхней границы

1. Куда именно вы хотите вставить ссылки (нарисуйте на скриншоте).
Загрузите картинки которые вы хотели бы использовать и укажите куда должна ссылаться картинка.

Чуть не правильно. Не та полоска, а та которая появилась над надписью "Мы рады вас видеть".

1. ссылки хочу вставить туда коричневая полоса, между поиском и основной частью. Три картинки к примеру 200х100 с ссылками на товар к примеру.
можете указать любые исправлю. вот мне просто не понятно куда и в файле html вставлять.

[Castiel]

nymphetamin2004 (07 Январь 2014 - 21:28) писал:

Чуть не правильно. Не та полоска, а та которая появилась над надписью "Мы рады вас видеть".

1. ссылки хочу вставить туда коричневая полоса, между поиском и основной частью. Три картинки к примеру 200х100 с ссылками на товар к примеру.
можете указать любые исправлю. вот мне просто не понятно куда и в файле html вставлять.

Убираем полоску
Находим

#content .headline .h1 {
background: url(http://o7930.storeland.net/separ-bg.jpg) bottom center repeat-x;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Заменяем на

#content .headline .h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Добавление баннера
Редактируем шаблон 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 (ширина высота), если ваши банеры будут иметь другие размеры, то вам необходимо будет изменить стили, чтобы они красиво встали

[nymphetamin2004]

Castiel (07 Январь 2014 - 22:43) писал:

Убираем полоску
Находим

#content .headline .h1 {
background: url(http://o7930.storeland.net/separ-bg.jpg) bottom center repeat-x;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Заменяем на

#content .headline .h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

Добавление баннера
Редактируем шаблон 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 (ширина высота), если ваши банеры будут иметь другие размеры, то вам необходимо будет изменить стили, чтобы они красиво встали

Не помогло все ранво появляется..и теперь еще в каталогах появлятся..так же съехала вниз чуть полоса.

[Castiel]

nymphetamin2004 (08 Январь 2014 - 23:49) писал:

Не помогло все ранво появляется..и теперь еще в каталогах появлятся..так же съехала вниз чуть полоса.

Не вижу внесенных изменений, пожалуйста добавьте все изменения которые вам написали, чтобы мы могли посмотреть что не так

[nymphetamin2004]

Castiel (09 Январь 2014 - 00:00) писал:

Не вижу внесенных изменений, пожалуйста добавьте все изменения которые вам написали, чтобы мы могли посмотреть что не так

С синей полоской яразообрался. Понял где менять.
Вопрос в другом теперь:
1 убрать эту полосу, анее скомпоновать логотип
2. логотип строго выровнять
3. убрать полоску..опустить вывеску часов работы ниже

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

• 

[Alexey11]

В файле main.css найдите данный блок кода:

#header { width:100%; height:200px; clear:both;  }

замените его на

#header { width:100%; height:150px; clear:both;  }

далее найдите

#header .blocks .logotype { margin:-85px 0 0 20px; float:left; }

замените на

#header .blocks .logotype { margin:-130px 0 0 20px; float:left; }

[nymphetamin2004]

Alexey11 (09 Январь 2014 - 20:33) писал:

В файле main.css найдите данный блок кода:

#header { width:100%; height:200px; clear:both; }

замените его на

#header { width:100%; height:150px; clear:both; }

далее найдите

#header .blocks .logotype { margin:-85px 0 0 20px; float:left; }

замените на

#header .blocks .logotype { margin:-130px 0 0 20px; float:left; }

Да то что нужно спасибо. теперь понял где лого редактируется размер.
Вот теперь другой вопрос:
1 Отодвинуть весь блок туда в конец и надписи.
2 Такую же картинку сделаю в зеркальном отражении и вставить сюда..чтобы как крыша типа была что ли.

Возможно такое?

[Alexey11]

Не понял ваши вопросы.Приложите пожалуйста скриншот, с тем, что вы хотите сделать.

[nymphetamin2004]

Alexey11 (09 Январь 2014 - 21:28) писал:

Не понял ваши вопросы.Приложите пожалуйста скриншот, с тем, что вы хотите сделать.

Извините забыл прикрепить)

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

• 

[Alexey11]

nymphetamin2004 (09 Январь 2014 - 21:33) писал:

Извините забыл прикрепить)

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

[nymphetamin2004]

Alexey11 (09 Январь 2014 - 21:37) писал:

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

Не хотелось бы конечно чтоб неккоректность была. Ну а хотя бы слева если только сделать? Чтобы потом туда вставить в ряд вниз три картинки. размером 60 на 60 где то.?

вот как то так. 1,2,3, это картинки 100х60

Если честно хотелось бы так, как впервый раз. Был бы вид дома ушапки..и подходило бы под название магазина.

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

• 

[Alexey11]

Загрузите пожалуйста данные картинки, и скажите мне их названия, и я вам предоставлю код для их размещения.

[nymphetamin2004]

Alexey11 (09 Январь 2014 - 22:07) писал:

Загрузите пожалуйста данные картинки, и скажите мне их названия, и я вам предоставлю код для их размещения.

Картинки еще не готовы совсем. Просто можете любые ссылки вставить. Я поменяю. Размер 100х60, можете чуть другой если вам удобней будет.

[nymphetamin2004]

Alexey11 (09 Январь 2014 - 22:07) писал:

Загрузите пожалуйста данные картинки, и скажите мне их названия, и я вам предоставлю код для их размещения.

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


haeder-bgy.png - слева


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

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

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

• 
• 

[nymphetamin2004]

Alexey11 (09 Январь 2014 - 22:07) писал:

Загрузите пожалуйста данные картинки, и скажите мне их названия, и я вам предоставлю код для их размещения.

А как можно вставить вфон картинку. чтоб она отображалась только в выжеленном черном блоке на картинке?какой размер фоновой картинки должен быть? и как вставить? к примеру как на рисунке 014582gb.jpg (один из них)

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

• 
•