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

[IgorA100 90]

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

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

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

[alex32 942]

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

[IgorA100 90]

при наведении не вмещается и скачет некрасиво

Спасибо, исправлено.

[KVS 1]

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

[IgorA100 90]

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

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

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

[kabbalahportal.org 4]

Весьма неплохо и начинка неплохая, нравится )))

[IgorA100 90]

и начинка неплохая

Это льстите, приятно

Над наполнением еще работать и работать

[evgeny.ryabcev 0]

Очень даже неплохо. Вопрос есть: Как вы сделали анимацию при прокрутке?

[IgorA100 90]

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

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

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

   $('.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;

}

Изменено 9 июня 2013 пользователем IgorA100

[IgorA100 90]

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

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

[samo733792 19]

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

[dleua 4]

тяжоловат как по мне

[krutoi-bober 1]

зачетный. мне нравится.

[Mefistophel 1]

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

Минусы:

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

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

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

Плюсы:

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

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

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

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

[Diman777 14]

Довольна неплохой сайт, мне понравился. Замечаний нет.

[PBoX 2]

Все нормалек-Кентавр:-D

[Vaan32 0]

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

[Daniel Defo 2]

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

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

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

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

Изменено 1 апреля 2014 пользователем Daniel Defo

[IgorA100 90]

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

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

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

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

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

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

Плюсы:

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

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

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

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

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

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

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

[IgorA100 90]

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

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

[Mefistophel 1]

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

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

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

[IgorA100 90]

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

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

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

Какой именно слайдер? Если тот, где Бевард, ДрВеб и цифр. приставки, то это 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 -->

Изменено 3 апреля 2014 пользователем IgorA100

[Mefistophel 1]

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

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

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

[IgorA100 90]

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

Похоже мы немного друг друга не поняли...

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

[Daniel Defo 2]

заходить не буду))) лет 5 назад подставили не привезя мне сервер, кормили только затраками, в итоге можно сказать кинули на полтос... так как время прошло и я потерял деньги.... с РЭТом проще...