Перейти к публикации

Полностью новый дизайн. Просьба высказать свое мнение


Рекомендованные сообщения

Сайт: http://www.kentavr.com.ru

Полностью переделан дизайн.

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

Ссылка на сообщение
Поделиться на других сайтах

в менюшке пункт "Копировальная техника" при наведении не вмещается и скачет некрасиво, уменьши чуть отступ слева

Ссылка на сообщение
Поделиться на других сайтах

У меня вообсче не открылось...

Сорри, вчера ночью ковырял шаблоны и забыл один переименовать :(

Сегодня около 11дня по Москве все заработало....

Ссылка на сообщение
Поделиться на других сайтах

Как вы сделали анимацию при прокрутке?

Какую именно анимацию и при какой прокрутке (на сайте много разных анимаций) Выезд блоков слева на главной странице ?

Если про нее - то вот код:


   $('.column-posts .row').css('opacity', '0');

   var triggeredAnimateColumnPosts = false;

   function animateColumnPosts() {

	if (triggeredAnimateColumnPosts === false) {

	 $('.column-posts .row').addClass('animated bounceInLeft');

	 $('.column-posts .row').css('opacity', '1');

	}

	triggeredAnimateColumnPosts = true;

   }

   $('.column-posts').waypoint({

	handler: function() {

	 animateColumnPosts();

	},

	offset: '90%',

	triggerOnce: true

   });

Ну и классы указать... Все плавности сделаны CSS3, вот часть кода:

ul#menu_accordion li a {

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

Изменено пользователем IgorA100
Ссылка на сообщение
Поделиться на других сайтах

Кстати, дизайн адаптивный под любое разрешение экрана и любое ус-во.

Желательно потестить под разными браузерами с разным разрешением, от 240 до 1400 пикселей :)

Ссылка на сообщение
Поделиться на других сайтах
  • 4 месяца спустя...

Все очень хорошо, только у меня один вопрос: там столько графики и анимации но при этом сайт грузится очень быстро, как вы добились такой скорости?

Ссылка на сообщение
Поделиться на других сайтах

Смотрел на 1920*1080. Выглядит не плохо.

Минусы:

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

2. Не очень контрастные разделители (я бы чуть притемнил бы их)

3. У лого на нижней полосе - ощущение размытости, нечеткости.

Плюсы:

1. Шикарный слайдер (подозреваю, что именно его имел ввиду evgeny.ryabcev). Я б тоже не отказался от секрета "живых слайдов".

2. Интересная компоновка.

3. Не смотря на кажущуюся переполненость монитора, глаз легко избирает тексты и элементы управления.

4. Высокая скорость отклика, не смотря на обилие графики

Ссылка на сообщение
Поделиться на других сайтах
  • 4 месяца спустя...

отлично) все так как нужно - даж дополнить не чем) как говориться - сайт удался)

Ссылка на сообщение
Поделиться на других сайтах

бутстрап рулит)

се норм но мне кажется с красным переборщили... по глазам стебает... немного с цетами поиграйтесь....

:D хотел высказать что лого уперли... оказывается нет) земы еклмн... курские...

только понять не могу нафига вам регистрация нужна?

Изменено пользователем Daniel Defo
Ссылка на сообщение
Поделиться на других сайтах

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

Наверное, их стоит вообще убрать. Мне они тоже не особо нравятся...

2. Не очень контрастные разделители (я бы чуть притемнил бы их)

Возможно, попробую...

3. У лого на нижней полосе - ощущение размытости, нечеткости.

Это уже поправлено, просто не было под руками белого лого, вот и вставил фигню :)

Плюсы:

Спасибо, приятно, принято :rolleyes:

хотел высказать что лого уперли... оказывается нет) земы еклмн... курские...

Не, не.. мы честные :). Заходите в гости !

только понять не могу нафига вам регистрация нужна?

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

мне кажется с красным переборщили... по глазам стебает

Тут я пока сказать ничего не могу... Может только если с цветом ссылок поиграться...

Ссылка на сообщение
Поделиться на других сайтах

Просмотр сообщенияMefistophel сказал: 2. Не очень контрастные разделители (я бы чуть притемнил бы их) Возможно, попробую...

Чуть притемнил и сделал заливвку радиентом на CSS3. Как то и не понял, толи лучше стало, толи хуже :huh:

Ссылка на сообщение
Поделиться на других сайтах

Чуть притемнил и сделал заливвку радиентом на CSS3. Как то и не понял, толи лучше стало, толи хуже :huh:

Разделитель из множества точек - просто вырвиглазно... При чтении, из-за "пробега" глаз, некоторый дискомфорт и эффект мерцания. Верни в качестве разделителя простую полосу, как раньше, просто дай ей оттенок более темный - процентов на 5.

Отдельный вопрос. Как реализован слайдер? Уж очень он меня заинтересовал. Код можно посмотреть?

Ссылка на сообщение
Поделиться на других сайтах

Разделитель из множества точек - просто вырвиглазно...

Где это разделитель из множества точек? Разделитель по прежнему простая линия, при этом она стала темнее чем было ранее (но за счет градиентного фона эта темнота не заметна)

Градиент убрал.

Какой именно слайдер? Если тот, где Бевард, ДрВеб и цифр. приставки, то это Revolution Slider установлен.

Как реализован? Подключены JS, стили, шаблон :)

Кусок кода из шаблона:


	 <div class="fullwidthbanner-container">

	  <div class="fullwidthbanner">

	   <ul class="unstyled" style="display: none;">

	    <!-- Slide 01 -->

	    <li data-transition="fade" data-slotamount="1">

		 <img src="{THEME}/images/sliders/revolution/03/bg.jpg" alt=""/>

		 <div class="caption randomrotate"

		  data-x="-36"

		  data-y="220"

		  data-speed="500"

		  data-start="100"

		  data-easing="easeOutExpo">

		  <a href="/news/solution/digital_tv/142-tv-star-505-hd.html" target="_blank"><img src="{THEME}/images/sliders/revolution/img/tvstar-505-2_enl_353-215.jpg" alt=""/></a>

		 </div>

		 <div class="caption randomrotate"

		  data-x="146"

		  data-y="180"

		  data-speed="500"

		  data-start="300"

		  data-easing="easeOutExpo">

		  <a href="/news/solution/digital_tv/142-tv-star-505-hd.html" target="_blank"><img src="{THEME}/images/sliders/revolution/img/tvstar-505-2_enl_353-255.jpg" alt=""/></a>

		 </div>

		 <div class="caption randomrotate"

		  data-x="692"

		  data-y="220"

		  data-speed="500"

		  data-start="100"

		  data-easing="easeOutExpo">

		  <a href="/news/solution/digital_tv/142-tv-star-505-hd.html" target="_blank"><img src="{THEME}/images/sliders/revolution/img/tvstar-505-2_enl_353-215.jpg" alt=""/></a>

		 </div>

		 <div class="caption randomrotate"

		  data-x="510"

		  data-y="180"

		  data-speed="500"

		  data-start="300"

		  data-easing="easeOutExpo">

		  <a href="/news/solution/digital_tv/142-tv-star-505-hd.html" target="_blank"><img src="{THEME}/images/sliders/revolution/img/tvstar-505-2_enl_353-255.jpg" alt=""/></a>

		 </div>

		 <div class="caption randomrotate"

		  data-x="center"

		  data-y="140"

		  data-speed="500"

		  data-start="600"

		  data-easing="easeOutExpo">

		  <a href="/news/solution/digital_tv/142-tv-star-505-hd.html" target="_blank"><img src="{THEME}/images/sliders/revolution/img/tvstar-505-1_enl_353-295.jpg" alt=""/></a>

		 </div>

		 <div class="caption big_black lfl"

		  data-x="center"

		  data-y="50"

		  data-speed="900"

		  data-start="500"

		  data-easing="easeOutExpo">

		  <div><a href="/news/solution/digital_tv/142-tv-star-505-hd.html" target="_blank">Цифровой эфирный приемник DVB-T2/T TV STAR T2 505 HD</a></div>

		 </div>

		 <div class="caption big_black lfr"

		  data-x="center"

		  data-y="100"

		  data-speed="900"

		  data-start="300"

		  data-easing="easeOutExpo">

		  <div>По уникальной цене <strong style="color:red;">1 480 руб!</strong></div>

		 </div>

	    </li>

	    <!-- End Slide 01 -->

Изменено пользователем IgorA100
Ссылка на сообщение
Поделиться на других сайтах

Где это разделитель из множества точек? Разделитель по прежнему простая линия, при этом она стала темнее чем было ранее (но за счет градиентного фона эта темнота не заметна)

Похоже мы немного друг друга не поняли... Я имел ввиду вот этот разделитель:

kentavr.jpg

Прошу прощения за огромную иллюстрацию, не нашел спойлер.

Ссылка на сообщение
Поделиться на других сайтах

Разделитель из множества точек - просто вырвиглазно...
Похоже мы немного друг друга не поняли...

Да, походу мы о разном. Этот разделитель не менялся с момента формирования нового дизайна.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...