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


Вопросы По Изменению Дизайна.


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

#1 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 06 Июнь 2013 - 20:10

Всем доброго вечера.
Дорогие форумчани, подскажите решение пары вопросов.
1 - Как убрать логотип, но его кликабельностью перенести на мартышку и на надпись. Размер от верхнего меню до каталога не изменять ?
2 - В подвале сайта в самом низу сделать цветом черным и выставить ровно по середине, желательно чуть уменьшить размер но не совсем. (Черта над словами(её опустить), выровнять "

© 2013 «

ООО «Мой интернет-магазин»

Все права защищены

Powered by

StoreLand"
3 - Данные о компании сделать черным цветом.
4- можно ли сделать верхнее меню подвижным. Опуская страницу вниз меню так же двигалось ?
5 - поиск опустить на каталог товара.
6 корзину, изменить цвет шрифта, и фона.

P.S. Ребята, кому не сложно, посоветуйте, что сделать с каталогом товара, этой скучно черной полосой.

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg


#2 Stasya

Stasya

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

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

Отправлено 06 Июнь 2013 - 21:48

1. Я так понимаю, это уже не актуальный вопрос.
2. В файле style.css найдите блок
.a-center, .alignCenter {
text-align: center !important;
}
и замените его на
.a-center, .alignCenter {
text-align: center !important;
color: black;
}
3. В том же файле найдите блок
footer section {
width: 17.546012%;
float: left;
margin: 0 0 2em 3.0674847%;
}
и замените его на
footer section {
width: 17.546012%;
float: left;
margin: 0 0 2em 3.0674847%;
color: black;
}
и в шаблоне HTML найдите строку
<h4>Информация о компании</h4>
и замените ее на
<h4 style="color:black;">Информация о компании</h4>

4. В файле style.css найдите блок
.global {
background: #000;
padding: 10px;
}
и замените его на
.global {
background: #000;
padding: 10px;
position: fixed;
width: 1900px;
}

6. В том же файле найдите блок
.summary a {
color: #ffe4ab;
background: #0f0f0f;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -4.2em;
display: block;
text-align: center;
width: 13.333em;
}
и в строке color: #ffe4ab; изменяйте значение цвета-#ffe4ab на то, которое хотите.

#3 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 07 Июнь 2013 - 17:25

Просмотр сообщенияStasya (06 Июнь 2013 - 21:48) писал:



Спасибо все получилось КРОМЕ 2 пункта.
У меня почему то нет такой строчки. Как мне быть ?

#4 Taisia

Taisia

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

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

Отправлено 07 Июнь 2013 - 18:03

в этом случае просто добавьте этот код в конец вашего файла style.css

#5 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 08 Июнь 2013 - 10:53

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

© 2013 «


ООО «Мой интернет-магазин»


Все права защищены

Powered by

Вставил код в конец файла style.css.
И ещё такой вопрос. Возможно ли как то убрать название сайта в верхней его части. Но не убирая его через настройки-основные ?

#6 miyako

miyako

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

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

Отправлено 08 Июнь 2013 - 11:23

Просмотр сообщения3Monkey (08 Июнь 2013 - 10:53) писал:

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

© 2013 «


ООО «Мой интернет-магазин»


Все права защищены

Powered by

Вставил код в конец файла style.css.
И ещё такой вопрос. Возможно ли как то убрать название сайта в верхней его части. Но не убирая его через настройки-основные ?



Скажите пожалуйста ваш номер аккаунта. Можете подробнее объяснить о каком названии Вы говорите? Что нужно изменить?

#7 Taisia

Taisia

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

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

Отправлено 08 Июнь 2013 - 12:34

что бы расположить текст в строку вам надо найти в файле Html код (534 строка)
<p class="a-center">
			   &copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br />{SETTINGS_STORE_ORG_NAME}<br />
				<span>Все права защищены</span><br />
				{SETTINGS_STORE_REGION}<br />
				{SETTINGS_STORE_HTML_CODE}<br />
				<span>{COPYRIGHT_FOR_DESIGN_ETERNITY}</span>
				<span></span><br />
				<br />
			  </p>

и редактировать этот абзац. В частности теги <br /> отвечают за перенос строки

что бы не отображалось название сайта
в файле style.css добавьте в конец код

div.hgroup h1
{
   
	display: none;
}


#8 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 08 Июнь 2013 - 20:20

Скажите пожалуйста, а как изменить картинку точнее линию у новинок на свою ? Вообще возможно поставить свою картинку ?

#9 support 2.0

support 2.0

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

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

Отправлено 08 Июнь 2013 - 20:30

Просмотр сообщения3Monkey (08 Июнь 2013 - 20:20) писал:

Скажите пожалуйста, а как изменить картинку точнее линию у новинок на свою ? Вообще возможно поставить свою картинку ?

Здравствуйте, как именно Вы хотите заменить?
вообще, изменить цвет и шрифт текста на этой линии можно с помощью блок в файле style.css
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
background: #f15941 /*цвет фона */
color: #fff /*цвет текста на линии*/

#10 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 09 Июнь 2013 - 19:09

Возникло несколько вопросов.

1- У строки каталога закруглить нижние крайние углы.
2 - Заменить строку(полосу) новинки на свою картинку "Какой желательно делать размер"
3 - Возможно ли черный блок "в корзине товара на" заменить другой картинкой или сделать его прозрачным.
4 - Поиск опустить на строку каталога. Не могу найти какой код отвечает за это.
5 - В верхнем меню поменять цвет букв.
6 - В подвале сайта сделал сначала синие буквы при наведении, но теперь не могу найти этот код ))) Подскажите где он ))
7 - Новинки на главной сделать ровными. Сейчас если маленькая фотография то она поднимается вверх. Скажите, можно как то поставить их что бы они не зависели от фотографии. Сейчас самый оптимальный стоит сотовый телефон. Вот так бы хотелось сделать и все остальные.


Пожалуйста помогите.

#11 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 10 Июнь 2013 - 03:52

Просмотр сообщения3Monkey (09 Июнь 2013 - 19:09) писал:

Возникло несколько вопросов.

1- У строки каталога закруглить нижние крайние углы.
2 - Заменить строку(полосу) новинки на свою картинку "Какой желательно делать размер"
3 - Возможно ли черный блок "в корзине товара на" заменить другой картинкой или сделать его прозрачным.
4 - Поиск опустить на строку каталога. Не могу найти какой код отвечает за это.
5 - В верхнем меню поменять цвет букв.
6 - В подвале сайта сделал сначала синие буквы при наведении, но теперь не могу найти этот код ))) Подскажите где он ))
7 - Новинки на главной сделать ровными. Сейчас если маленькая фотография то она поднимается вверх. Скажите, можно как то поставить их что бы они не зависели от фотографии. Сейчас самый оптимальный стоит сотовый телефон. Вот так бы хотелось сделать и все остальные. ТАк же только на главной страницы у новинок поменять цвет названия товара.


Пожалуйста помогите.


#12 miyako

miyako

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

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

Отправлено 10 Июнь 2013 - 09:29

Просмотр сообщения3Monkey (09 Июнь 2013 - 19:09) писал:

Возникло несколько вопросов.

1- У строки каталога закруглить нижние крайние углы.
2 - Заменить строку(полосу) новинки на свою картинку "Какой желательно делать размер"
3 - Возможно ли черный блок "в корзине товара на" заменить другой картинкой или сделать его прозрачным.
4 - Поиск опустить на строку каталога. Не могу найти какой код отвечает за это.
5 - В верхнем меню поменять цвет букв.
6 - В подвале сайта сделал сначала синие буквы при наведении, но теперь не могу найти этот код ))) Подскажите где он ))
7 - Новинки на главной сделать ровными. Сейчас если маленькая фотография то она поднимается вверх. Скажите, можно как то поставить их что бы они не зависели от фотографии. Сейчас самый оптимальный стоит сотовый телефон. Вот так бы хотелось сделать и все остальные.


Пожалуйста помогите.

1) Найдите код в style.css:
.nav {
list-style: none;
background: #24aaa4;
z-index: 30;
position: relative;
}
и замените на:
.nav {
list-style: none;
background: #24aaa4;
z-index: 30;
position: relative;
border-radius: 0px 0px 10px 10px;
}

2)
Найдите код в style.css:
section.newsletter {
background: #f15941;
margin: 1em 0;
padding: 1em 2.5em;
height: 1.5em;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
и замените на:
section.newsletter {
background: url("{ASSETS_IMAGES_PATH}название изображения");
margin: 1em 0;
padding: 1em 2.5em;
height: 1.5em;
width: 98%;
left: -2%;
font: normal 16px 'Lobster';
color: #fff;
}
Изображение нужно вставить через сайт-Редактор шаблонов- слева список-кнопка Выберите файл
В коде измените "название изображения" на ваше.

3) Возможно. Вам нужно картинкой или сделать прозрачным?

4) Найдите код в шаблоне HTML:
<!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->
и удалите его.
Найдите код:
  <!-- Каталог товаров -->
	<div class="conta">
 
и замените на:
  <!-- Каталог товаров -->
	<div class="conta">
	<!-- Форма поиска -->
	  <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
		<div>
		  <input class="search" name="q" type="search"  value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		  <input title="Искать" type="submit" value="Поиск" />
		</div>
	  </form> 
	  <!-- /Форма поиска -->

Далее найдите код в style.css:
form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 25.5em;
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 20;
}
и замените на:
form[role="search"] div, header form div {
display: block;
margin: 0 auto;
margin: 0 auto;
position: relative;
width: 25.5em;
height: 2.833em;
background: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
z-index: 50;
}
Найдите код:
form[role="search"] {
position: absolute;
right: 0em;
top: 6.8em;
}
и замените на:
form[role="search"] {
position: absolute;
right: 0em;
top: 0.8em;
}

5) Найдите код в style.css:
.head li a {
color: #fff; /*ваш цвет*/
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

6)
footer a:hover {
color: #1e97fd;
}
в style.css

7) То есть вам нужно сделать на Главной и в каталоге в табличном виде, чтобы товары отображались ровно? Не совсем понятно цвет какого элемента вы хотите поменять.

#13 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 10 Июнь 2013 - 14:09

Просмотр сообщенияmiyako (10 Июнь 2013 - 09:29) писал:


Огромное Вам спасибо ! Вопросы остались только по 3 и 7 пункту.

3 - Хотелось бы узнать, как сделать и прозрачным 3.1 не наводя курсор и изменить цвет букв. Потом, при наведении когда раскрывается табличная форма, сделать верхнее 3.2 (поменять цвет букв) прозрачным, а нижнее 3.3 просто закруглить углы (поменять цвет букв).

7 - Товар выставить ровнее. Пример прикрепил.
7.1 - Можно как то изменить стрелки у карусели, на свои. И поставить карусель новинок что бы она крутилась автоматически, а при наведении курсора она останавливалась.

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

  • 3.jpg
  • 31.jpg
  • 7.jpg


#14 Stasya

Stasya

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

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

Отправлено 10 Июнь 2013 - 14:37

3. Объясните, пожалуйста, еще раз что именно Вы хотите сделать. Не совсем понятно.
7. В файле style.css найдите блок
.mycarousel li {
border: 5px solid #24aaa4;
margin: 0 10px;
text-align: center;
width: 193px;
}
и замените его на
.mycarousel li {
border: 5px solid #24aaa4;
margin: 0 10px;
text-align: center;
width: 193px;
height: 370px;
}
Теперь в шаблоне HTML в блоке Новинки найдите строку
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
и замените ее на
<div style="width: 100%;position: relative;height: 251px;overflow:hidden;">


#15 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 10 Июнь 2013 - 15:11

Просмотр сообщенияStasya (10 Июнь 2013 - 14:37) писал:



3 - Черный квадрат "товаров в корзине" сделать прозрачным. Когда на него наводишь мышкой он раскрывается и в зависимости от  её состояния выводится надпись "Ваша корзина пуста" или "Сумма заказа ### ". Вот тот блок который раскрылся сделать овальным (закруглить края).

7 - Сделал как Вы сказали. Блоки получились, но вот цена и кнопка купить пропали. Как исправить ?

#16 support 2.0

support 2.0

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

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

Отправлено 10 Июнь 2013 - 15:57

Просмотр сообщения3Monkey (10 Июнь 2013 - 15:11) писал:

3 - Черный квадрат "товаров в корзине" сделать прозрачным. Когда на него наводишь мышкой он раскрывается и в зависимости от  её состояния выводится надпись "Ваша корзина пуста" или "Сумма заказа ### ". Вот тот блок который раскрылся сделать овальным (закруглить края).

7 - Сделал как Вы сказали. Блоки получились, но вот цена и кнопка купить пропали. Как исправить ?

3. в файле main.css найдите строчку
.summary a {color: #ffffff; background: #000000;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
замените на
.summary a {color: #ffffff; background: #000000;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;opacity: 0.3; /* Значение прозрачности */	 filter: alpha(Opacity=30); /* Прозрачность в IE */;}
color: #ffffff - цвет текста

теперь закруглим уголки: найдите строчку
.basket-summary {background: #000000;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}
замените на
.basket-summary {background: #000000;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;-moz-border-radius: 10px; /* Для Firefox 3 */	 -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */	 border-radius: 10px; /* Для современных браузеров */;}

7. Вы не изменили строчку в новинках с
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
на
<div style="width: 100%;position: relative;height: 251px;overflow:hidden;">


#17 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 10 Июнь 2013 - 16:28

Просмотр сообщенияsupport 2.0 (10 Июнь 2013 - 15:57) писал:



А в третьем пункте, нельзя просто убрать черный фон без наведения "товаров в корзине". И как изменить размер шрифта ?

в 7 я все изменил, проверил несколько раз, сделал все заново но не чего не изменилось.

#18 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 10 Июнь 2013 - 17:03

Дорогие форумчане и администраторы.

Помогите пожалуйста решить такую проблему. Очень нужна Ваша помощь, без Вас не чего не получается. Попробую объяснить детально, буду разбирать по скринам.

1 - В других шаблонах изменить шапку не так уж сложно. Её можно просто нарисовать. У меня такой вопрос. Можно ли в данном шаблоне то что я обвел красным соединить с меню-каталогом. То есть, сейчас у меня голубое меню а над ним трава, хотелось бы меню сделать текстурой травы а на нем разместить свои картинки. В принципе как сейчас, но что бы это была одна цельная картинка. Не было видно не каких переходов с меню и на разных браузерах, мониторах и т.д. И на надпись сделать клик - переход на главную страницу, так как бы это было со стандартным логотипом "м". Скажите такое реально сделать ?

2 - У линии новинок подвинуть надпись "Новинки" по середине.
У карусели если конечно такое возможно, убрать белые полосы которые выходят за рамку и вернуть цену с кнопкой купить.
Так же можно ли заменить стрелки у карусели ?

3 - как поставить свою картинку вместо надписи "вверх".

Всем заранее огромное спасибо в моих начинаниях. :wub: :)

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

  • 1.jpg
  • 2.jpg


#19 Stasya

Stasya

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

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

Отправлено 10 Июнь 2013 - 18:27

3. В файле style.css найдите блок
.basket-summary {
background: #000000;
color: #000;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
и замените его на
.basket-summary {
color: #000;
display: none;
position: absolute;
z-index: 1000;
padding: 0 1em 1em;
right: 0;
width: 13.333em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Там же найдите блок
.summary a {
color: #20a29c;
background: #000000;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -4.2em;
display: block;
text-align: center;
width: 13.333em;
opacity: 0,5;
filter: alpha(Opacity=30);
}
и замените его на
.summary a {
color: #20a29c;
padding: 1.75em 1em 1.5em;
position: absolute;
right: 0;
top: -4.2em;
display: block;
text-align: center;
width: 13.333em;
opacity: 0,5;
filter: alpha(Opacity=30);
}

7. В шаблоне HTML найдите 385 строку и замените ее на
<div style="width: 100%;position: relative;height: 251px;overflow:hidden;">

1. Для всего этого могу Вам посоветовать сделать только вот так :
Найдите в файле style.css блок
.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: 20px auto;
z-index: 30;
}
и замените его на
.conta {
position: relative;
width: 100%;
max-width: 1280px;
z-index: 30;
margin-top: -13px;
}
Теперь найдите блок
.nav {
list-style: none;
background: #24aaa4;
z-index: 30;
position: relative;
border-radius: 0px 0px 10px 10px;
}
и замените его на
.nav {
list-style: none;
z-index: 30;
position: relative;
border-radius: 0px 0px 10px 10px;
}
Для каждого пункта меню вставить свою картинку можно, но это очень долго, так как придется все меню вручную переделывать. Можете попробовать переделать в граф. редакторе картинку фона, вставив в нее картинки для меню.
Не совсем Вас понимаю про какую надпись идет речь. Возможно Вы имели ввиду надпись на картинки 3monkey?

2. В файле style.css  найдите блок
section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
}
и замените его на
section.newsletter h3 {
color: #fff;
float: left;
line-height: 1;
margin-right: 1em;
padding-left: 537px;
}
Там же найдите блок
.mycont, .mycont2 {
background: none repeat scroll 0 0 #FFFFFF;
margin: 0 auto;
padding: 0px;
}
и замените его на
.mycont, .mycont2 {
margin: 0 auto;
padding: 0px;
}
И вот этот блок
.mycarousel li {
border: 5px solid #24aaa4;
margin: 0 10px;
text-align: center;
width: 193px;
height: 370px;
}
замените на
.mycarousel li {
border: 5px solid #24aaa4;
margin: 0 10px;
text-align: center;
width: 193px;
height: 370px;
background: white;
}

Чтобы заменить стрелки  карусели Вам необходимо загрузить к себе в файлы в разделе Сайт->Редактор шаблонов картинки  с новыми стрелками с названиями slides-arrow-left.png - стрелка влево  и slides-arrow-right.png - стрелка вправо. И удалить прежние картинки

3. Вам необходимо загрузить картинку с именем img_top.png, удалив прежнюю. Если Вы хотите чтобы не было стандартной надписи наверх, тогда в шаблоне HTML удалите строку
<span>Наверх</span>


#20 3Monkeys

3Monkeys

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

  • Пользователи
  • PipPip
  • 43 сообщений
  • ГородОренбург

Отправлено 10 Июнь 2013 - 23:24

.




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

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