Вопрос =?=
#261
Отправлено 04 Март 2015 - 02:24
#262
Отправлено 07 Апрель 2015 - 18:05
http://babylook.me/
тут на главной странице есть блок
Акции нашего магазина
под ним круглые изображения
как реализовать подобное отображение?
нужно так же чтобы сворачивались и появлялось описание категории
как сделать на моем сайте http://frigus-don.ru ?
нужно впихнуть это в самый низ на главную
спасибо за помощь заранее
#263
Отправлено 08 Апрель 2015 - 00:35
#264
Отправлено 08 Апрель 2015 - 14:16
#265
Отправлено 09 Апрель 2015 - 10:32
#266
Отправлено 09 Апрель 2015 - 18:43
sibulba (07 Апрель 2015 - 18:05) писал:
http://babylook.me/
тут на главной странице есть блок
Акции нашего магазина
под ним круглые изображения
как реализовать подобное отображение?
нужно так же чтобы сворачивались и появлялось описание категории
как сделать на моем сайте http://frigus-don.ru ?
нужно впихнуть это в самый низ на главную
спасибо за помощь заранее
#268
Отправлено 13 Апрель 2015 - 12:03
sibulba (12 Апрель 2015 - 23:42) писал:
<!-- Подвал сайта --> <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
Отправлено 13 Апрель 2015 - 12:31
#270
Отправлено 18 Апрель 2015 - 21:17
подскажите как реализовать
форма заказа обратного звонка на сайте климатлайн
вроде бы все оформил. но все равно не отображается по середине и ровно
2. Как сделать так чтобы после нажатия на кнопку отправить заявку не было пере направления на страницу связис администрацией?
необходимо чтобы в этом же окне появлялась надпись по центру окна что Сообщение отправлено
#271
Отправлено 19 Апрель 2015 - 15:24
sibulba (18 Апрель 2015 - 21:17) писал:
подскажите как реализовать
форма заказа обратного звонка на сайте климатлайн
вроде бы все оформил. но все равно не отображается по середине и ровно
Untitled-2.jpg
2. Как сделать так чтобы после нажатия на кнопку отправить заявку не было пере направления на страницу связис администрацией?
необходимо чтобы в этом же окне появлялась надпись по центру окна что Сообщение отправлено
В конец main.css добавьте
.callbackContent table tbody tr td input { text-align: center; }
#272
Отправлено 19 Апрель 2015 - 19:58
и ответ на второй вопрос тоже хотелось бы получить
#273
Отправлено 19 Апрель 2015 - 20:24
ответьте на 2 вопрос
как сделать так что бы после нажатия на кнопку отправить в этом же окне появлялась надпись ваше сообшение отправлено и кнопка закрыть
#274
Отправлено 23 Апрель 2015 - 12:44
повторю вопрос
КАК сделать так чтобы клиент после заполнения строк в форме заказать звонок не попадал на страницу связи с администрацией а видел в том же окне заполнения данных надпись Ваше сообщение отправлено?
как реализовать заранее благодарен.
#275
Отправлено 23 Апрель 2015 - 23:58
#276
Отправлено 24 Апрель 2015 - 20:07
#277
Отправлено 25 Апрель 2015 - 04:59
<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 анонимных