Jump to content
Sign in to follow this  
IgorA100

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

Recommended Posts

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

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

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

Share this post


Link to post
Share on other sites

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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


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

}

Edited by IgorA100

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Симпатичный.Сделано профессионально.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Минусы:

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

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

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

Плюсы:

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

Edited by Daniel Defo

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

Плюсы:

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Edited by IgorA100

Share this post


Link to post
Share on other sites

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

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

kentavr.jpg

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...