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


Триллион Вопросов


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

#101 AnnaM

AnnaM

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

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

Отправлено 05 Ноябрь 2014 - 23:36

Просмотр сообщенияdele7 (05 Ноябрь 2014 - 23:21) писал:

на счет первого нужно убрать название и описание магазина внизуИзображение
в main.css Замените
.infoSite {
display: block;
float: right;
padding: 1% 1% 1% 2%;
margin: 1% 1% 0% 0%;
width: 20%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1abc9c;
color: #d1f2eb;
line-height: 1.4;
}
на
.infoSite {
display: none;
float: right;
padding: 1% 1% 1% 2%;
margin: 1% 1% 0% 0%;
width: 20%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1abc9c;
color: #d1f2eb;
line-height: 1.4;
}


#102 dele7

dele7

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

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

Отправлено 05 Ноябрь 2014 - 23:50

спасибо, получилось, теперь как на свои цвета поменять следующее:
Изображение

#103 Dars

Dars

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

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

Отправлено 05 Ноябрь 2014 - 23:57

Просмотр сообщенияdele7 (05 Ноябрь 2014 - 23:50) писал:

спасибо, получилось, теперь как на свои цвета поменять следующее:
Изображение
1. В main.css найдите код:

.panel-top .head li a:hover {
	background-color: #1abc9c;
	box-shadow: none;
	color: white;
	text-decoration: none;
}
.panel-top .head li a.selected {
	background-color: #1abc9c;
	color: #FFF;
}

#1abc9c меняйте на нужное значение.

2. Найдите код:

a {
	color: #16a085;
	text-decoration: none;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

и

#contactShow .title a {
	color: #16a085;
}

В обоих местах поменяйте #16a085 на нужное значение.

3. Найдите код:

.crumbs {
	margin: 0 0 1.8%;
	padding: 8px 1.6% 8px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #34495E;
	color: #ECF0F1;
	list-style: none;
	line-height: 1.7;
	display: inline-block;
	width: 97%;
}

#34495E меняйте на нужное значение.

4. Найдите код:

.footer {
	position: relative;
	height: auto;
	background-color: #2C3E50;
	color: white;
}

и

html,body {
	overflow-x: hidden;
	width: 100%;
	background-color: #2C3E50;
	color: #34495e;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

и в обоих местах поменяйте #2C3E50 на нужное значение.

#104 dele7

dele7

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

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

Отправлено 06 Ноябрь 2014 - 00:18

спасибо, как удалить синию нижнюю часть вообще?Изображение

и зеленый цвет все равно остался....Изображение

#105 Vaccina

Vaccina

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

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

Отправлено 06 Ноябрь 2014 - 02:03

1. В main.css найдите:
.content {
	display: block;
	height: 100%;
	padding: 1%;
	position: relative;
}
замените на:
.content {
	display: block;
	height: 100%;
	min-height: 750px;
	padding: 1%;
	position: relative;
}
В этом случае мы удлиним контент чтобы скрыть пустующую область, также можно просто цвет поменять в блоке:
html, body {
	background-color: #181010;
	color: #34495e;
	font-family: "Lato",Calibri,Arial,sans-serif;
	overflow-x: hidden;
	width: 100%;
}
2. В main.css найдите:
.panel-top .head li a.selected {
	background-color: #1abc9c;
	color: #fff;
}
измените значение стиля background-color

P.S.: добавьте пожалуйста номер аккаунта данного магазина к себе в профиль.

#106 dele7

dele7

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

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

Отправлено 06 Ноябрь 2014 - 20:07

спасибо, еще просьба, SL-301047 как сделать полупрозрачный фон как слева ,по центру во вкладке оплата, цвет сам установлю, а то плохо видно, сливается с фоном
Изображение

и наверное во всех вкладках так нужно сделать...

#107 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 07 Ноябрь 2014 - 14:52

Просмотр сообщенияdele7 (06 Ноябрь 2014 - 20:07) писал:

спасибо, еще просьба, SL-301047 как сделать полупрозрачный фон как слева ,по центру во вкладке оплата, цвет сам установлю, а то плохо видно, сливается с фоном
Изображение

и наверное во всех вкладках так нужно сделать...
Здравствуйте.
Найдите в шаблоне main.css следующий код:
.blockIndexPage {
display: block;
float: left;
margin: 10px 0px;
width: 100%;
}
И замените его этим кодом:

.blockIndexPage {
display: block;
float: left;
margin: 10px 0px;
width: 100%;
background: #BCBCAF;
opacity: 0.8;
}


#108 dele7

dele7

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

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

Отправлено 07 Ноябрь 2014 - 20:36

это вы мне на главной указали, а мне нужно во вкладке Оплата

#109 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 07 Ноябрь 2014 - 20:44

Просмотр сообщенияdele7 (07 Ноябрь 2014 - 20:36) писал:

это вы мне на главной указали, а мне нужно во вкладке Оплата
Для вкладки оплата - найдите в шаблоне main.css данный код:
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
}
И замените этим:
.content {
display: block;
height: 100%;
min-height: 750px;
padding: 1%;
position: relative;
background: rgba(227, 228, 219, 0.7);
opacity: 0.8;
}


#110 dele7

dele7

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

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

Отправлено 07 Ноябрь 2014 - 21:02

аааааа!, вот что получилось:
Изображение

#111 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 07 Ноябрь 2014 - 21:23

Просмотр сообщенияdele7 (07 Ноябрь 2014 - 21:02) писал:

аааааа!, вот что получилось:
Изображение
Попробуйте следующее:
Найдите код в шаблоне main.css:
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
}
И замените вот этим кодом:
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
background: rgba(227, 228, 219, 0.7);
opacity: 0.8;
}


#112 dele7

dele7

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

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

Отправлено 07 Ноябрь 2014 - 21:32

спасибо, получилось, только немного изменил opacity: 1;, а то все мутно было

#113 dele7

dele7

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

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

Отправлено 07 Ноябрь 2014 - 21:44

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

#114 Vaccina

Vaccina

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

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

Отправлено 08 Ноябрь 2014 - 03:28

перенесите код елочки поставив в шаблоне HTML после:
<div class="homePageListCart" data-corrent="{CURRENT_URL}">
						 <h4><a href="{CART_URL}">Корзина</a></h4>
						 <div class="block_content">
						 {% IF cart_count_empty %}
							 <p>Корзина пуста</p>
						 {% ELSE %}
							 <div id="cart_block_list">
							 <dl class="products">
								 {% FOR cart_items %}
								 <dt class="cart_block_product_{cart_items.GOODS_ID}" class="item">
									 <div class="cartCountBlock">
									 {cart_items.ORDER_LINE_QUANTITY}
									 <span>{cart_items.GOODS_MOD_MEASURE_NAME}</span>
									 </div>
									 <div class="cartNameBlock">
									 <h5>
										 <a href="{cart_items.GOODS_URL}" data-role="item-title">{cart_items.GOODS_NAME}</a>
									 </h5>
									 </div>
									 <div class="cartDeleteBlock">
									 <a class="ajaxCartBlockRemoveLink" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Убрать товар из корзины">x</a>
									 </div>
									 <div class="cartLine"></div>
									 <div class="cartPriceBlock">
									 {cart_items.GOODS_MOD_PRICE_NOW | money_format}
									 </div>
								 </dt>
								 {% ENDFOR %}
								 <dt id="cartPrices">
								 {% FOR cart_sum %}
									 <div class="cartPricingBlock">
									 <span>Итого</span>
									 <span id="cart_block_total" class="price ajaxBlockArtTotal">{cart_sum.NOW | money_format}</span>
									 </div>
								 {% ENDFOR %}
								 </dt>
								 <dt class="toOformZakazCart">
								 <a href="{CART_URL}" class="btn btn-success" title="Перейти к оформлению заказа">Оформить заказ</a>
								 </dt>
							 </dl>
							 </div>
						 {% ENDIF %}
						 </div>
					 </div>


#115 dele7

dele7

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

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

Отправлено 08 Ноябрь 2014 - 11:44

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

#116 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 16:03

Просмотр сообщенияdele7 (08 Ноябрь 2014 - 11:44) писал:

подскажите как исправить, когда загружается страница, сначала синий фон, потом потихоньку сверху вниз загружается мой фон...как сделать, чтобы сразу был только мой фон, такое чувство фон на фон сделанИзображение
Здравствуйте.
К сожалению такое сделать не возможно, так как картинка слишком тяжёлая и требует времени чтобы загрузиться. Однако данная проблема почти полностью исчезает на более скоростном интернете.

#117 dele7

dele7

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

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

Отправлено 08 Ноябрь 2014 - 20:46

настал вопрос о карусели(слайдера):

1. какого размера фото?
2. где (как) их менять?
3 почему не перелистываются самостоятельно?

#118 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 21:01

Просмотр сообщенияdele7 (08 Ноябрь 2014 - 20:46) писал:

настал вопрос о карусели(слайдера):

1. какого размера фото?
2. где (как) их менять?
3 почему не перелистываются самостоятельно?
Здравствуйте.
1. Размер фотографии: 848х360.
2. Меняются они путём замены файлов из слайдера в админке, на файлы с тем же именем.
3. Найдите в шаблоне html код:
							<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
							</script>
И замените его этим:
							<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  autoplay: 5000,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации
								});
							  });
							</script>


#119 dele7

dele7

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

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

Отправлено 08 Ноябрь 2014 - 21:06

2. Меняются они путём замены файлов из слайдера в админке, на файлы с тем же именем.
это как? поясните, где?

#120 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 21:15

Просмотр сообщенияdele7 (08 Ноябрь 2014 - 21:06) писал:

2. Меняются они путём замены файлов из слайдера в админке, на файлы с тем же именем.
это как? поясните, где?
Зайдите в админку, в сайт -> редактор шаблонов и найдите внизу слева блок изображения.
Там найдите картинки:
slider.jpg
toystory.jpg
walle.jpg
и cars.jpg
Именно эти изображения показываются в слайдере (карусели). Вам нужно найди/создать изображения с разрешением 848х360 и загрузить под теми же именами, чтобы заменить старые изображения, что сейчас показываются у вас на сайте.
Тем самым в вашей карусели будут нужные вам изображения.




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

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