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


Вопрос =?=


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

#261 sibulba

sibulba

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

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

Отправлено 04 Март 2015 - 02:24

сам разобрался

#262 sibulba

sibulba

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

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

Отправлено 07 Апрель 2015 - 18:05

подскажите как реализовать

http://babylook.me/

тут на главной странице есть блок

  Акции нашего магазина

под ним круглые изображения
как реализовать подобное отображение?
нужно так же чтобы сворачивались и появлялось описание категории
как сделать на моем сайте http://frigus-don.ru ?
нужно впихнуть это в самый низ на главную

спасибо за помощь заранее

#263 sibulba

sibulba

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

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

Отправлено 08 Апрель 2015 - 00:35

ап

#264 sibulba

sibulba

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

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

Отправлено 08 Апрель 2015 - 14:16

ап

#265 sibulba

sibulba

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

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

Отправлено 09 Апрель 2015 - 10:32

ап

#266 Ирина345

Ирина345

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

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

Отправлено 09 Апрель 2015 - 18:43

Просмотр сообщенияsibulba (07 Апрель 2015 - 18:05) писал:

подскажите как реализовать

http://babylook.me/

тут на главной странице есть блок

  Акции нашего магазина

под ним круглые изображения
как реализовать подобное отображение?
нужно так же чтобы сворачивались и появлялось описание категории
как сделать на моем сайте http://frigus-don.ru ?
нужно впихнуть это в самый низ на главную

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

#267 sibulba

sibulba

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

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

Отправлено 12 Апрель 2015 - 23:42

Просмотр сообщенияИрина345 (09 Апрель 2015 - 18:43) писал:

Здравствуйте, уточните о каких именно круглых изображениях идет речь, уточните на скриншоте.
1.jpg
как вставить такой же блок в самый низ сайта фригус. ссылка на сайт выше

#268 Ирина345

Ирина345

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

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

Отправлено 13 Апрель 2015 - 12:03

Просмотр сообщенияsibulba (12 Апрель 2015 - 23:42) писал:

Прикрепленный файл 1.jpg
как вставить такой же блок в самый низ сайта фригус. ссылка на сайт выше
Здравствуйте, найдите в шаблоне hTML
  <!-- Подвал сайта -->
  <div id="footer">
	<div class="left">
после вставьте

			   <div style="clear:both;"></div>			
			  <div style="padding-right:5px;">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info">
<h3>С Вас фотка, с нас скидка!</h3>
<p>Участвуй в акции Вконтакте, получи 10% скидку! <b><a href="ваша ссылка">Подробнее</a></b></p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-2">
<div class="ch-info">
<h3>Мини-акция Вконтакте</h3>
<p>Каждую неделю получай скидки Вконтакте!<b><a href="ваша ссылка">Подробнее</a></b></p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-3">
<div class="ch-info">
<h3>Магнит в подарок!</h3>
<p>Пришлите фото, получите магнит<b><a href="#">Подробнее</a></b></p>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-4">
<div class="ch-info">
<h3>Бесплатная доставка</h3>
<p>Каждое 15-ое число каждого месяца доставка бесплатно!<b><a href="ваша ссылка">Подробнее</a></b></p>
</div>
</div>
</li>
</ul>
</div>

не забудьте изменить текст и вставить ваши ссылки


далее в конец файла main.css добавьте

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block !important;
	margin: 2px;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 0 rgba(77,178,255, 0.8),
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url('ссылка на изображения');
}

.ch-img-2 { 
	background-image: url('ссылка на изображения');
}

.ch-img-3 { 
	background-image: url('ссылка на изображения');
}

.ch-img-4 { 
	background-image: url('ссылка на изображения');
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
	backface-visibility: hidden;
}

.ch-info h3 {
	color: #fff;
	
	position: relative;
	letter-spacing: 2px;
	font-size: 21px;
	margin: 0 20px;
	padding: 50px 0 0 0;
	height: 55px;
	
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	
	margin: 0 20px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	
   
	font-size: 12px;
	
	padding-top: 4px;
	font-family: Tahoma, Geneva, sans-serif;
}

.ch-info p a:hover {
	color: #fff;
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(77,178,255, 0.8),
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	transform: scale(1);	
}


не забудьте изменить ссылки на изображения

#269 sibulba

sibulba

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

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

Отправлено 13 Апрель 2015 - 12:31

спасибо все получилось

#270 sibulba

sibulba

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

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

Отправлено 18 Апрель 2015 - 21:17

1.
подскажите как реализовать
форма заказа обратного звонка на сайте климатлайн
вроде бы все оформил. но все равно не отображается по середине и ровно
Untitled-2.jpg

2. Как сделать так чтобы после нажатия на кнопку отправить заявку не было пере направления на страницу связис администрацией?
необходимо чтобы в этом же окне появлялась надпись по центру окна что Сообщение отправлено

#271 Danil

Danil

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

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

Отправлено 19 Апрель 2015 - 15:24

Просмотр сообщенияsibulba (18 Апрель 2015 - 21:17) писал:

1.
подскажите как реализовать
форма заказа обратного звонка на сайте климатлайн
вроде бы все оформил. но все равно не отображается по середине и ровно
Прикрепленный файл Untitled-2.jpg

2. Как сделать так чтобы после нажатия на кнопку отправить заявку не было пере направления на страницу связис администрацией?
необходимо чтобы в этом же окне появлялась надпись по центру окна что Сообщение отправлено
Здравствуйте.
В конец main.css добавьте
.callbackContent table tbody tr td input {
  text-align: center;
}


#272 sibulba

sibulba

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

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

Отправлено 19 Апрель 2015 - 19:58

не помогает

и ответ на второй вопрос тоже хотелось бы получить

#273 sibulba

sibulba

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

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

Отправлено 19 Апрель 2015 - 20:24

сам разобрался.

ответьте на 2 вопрос

как сделать так что бы после нажатия на кнопку отправить в этом же окне появлялась надпись ваше сообшение отправлено и кнопка закрыть

#274 sibulba

sibulba

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

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

Отправлено 23 Апрель 2015 - 12:44

ап

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

#275 sibulba

sibulba

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

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

Отправлено 23 Апрель 2015 - 23:58

Ап

#276 sibulba

sibulba

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

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

Отправлено 24 Апрель 2015 - 20:07

ап

#277 Vaccina

Vaccina

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

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

Отправлено 25 Апрель 2015 - 04:59

В шаблоне HTML найдите:
<script>$(document).ready(function() {$(".callback").fancybox({maxWidth : 320,maxHeight : 350,fitToView : false,width : '75%',height : '75%',autoSize : false,closeClick : false,openEffect : 'none',closeEffect : 'none'});});</script>

замените на:
<script>
$(function () {
  $('.callback').fancybox({
		maxWidth: 400,
		maxHeight: 330,
		fitToView: false,
		width: '70%',
		height: '70%',
		autoSize: false,
		closeClick: false,
		openEffect: 'none',
		closeEffect: 'none',
		onComplete: function () {
		  var callbackForm = $('#fancybox-content .callbackForm');
		  callbackForm.submit(function () {
				$.post($(this).attr('action'), $(this).serializeArray(), function () {
				  callbackForm.html('Благодарим за обращение. Наш менеджер в скором времени свяжется с вами!');
				  setTimeout(function () {
						$('.fancybox-close').trigger('click');
				  }, 2000);
				});
				return (false);
		  });
		}
  });
});
</script>





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

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