Новый дизайн на блоге Beloweb

Разместил / Просмотров: 1 556 / комментариев 19

Наконец то я уже поменял дизайн на блоге beloweb.ru. Честно скажу, что делал я его более 2х месяцев. Не хотел спешить, так как в столь долгий промежуток приходят новые более лучшие идеи.

Изменилось практически всё. Код шаблона почти весь переписан заново. Блог стал на много шире, и конечно же правильно отображается на всех мобильных устройствах. Если Вы хотите проверить адаптивность сайта, то можете сделать это с помощью вот этих сервисов.

Написать на блог

Планирую очень скоро публиковать гостевые посты. Бывает вообще нет времени заняться статьями, по этому я надеюсь, что читатели мне помогут. Естественно можно будет ставить ссылки на свой сайт, и обязательно на источник. А так же на блоге будет видно автора статьи на главной странице и на внутренней. Если Вы уже хотите написать на beloweb.ru, свяжитесь со мной через форму.

Ну а теперь давайте подробнее остановимся на дизайне.

С 980px до 1200px в ширину

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

Адаптивность

Ну как же без него «родного». Естественно блог имеет адаптивный дизайн, который позволяет удобно пользоваться сайтом на телефонах.

Система комментариев Disqus

Очень давно мне нравится эта система комментариев, и я решил её поставить на новом дизайне. О этой системе я расскажу в следующих статьях, очень удобная и функциональная. Огромным плюсом есть то, что все комментарии синхронизируются. Таким образом они все остаются на месте.

Магазин

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

Другое

Увеличен шрифт. Таким образом на много удобнее читать.

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

Новый логотип. У меня только на логотип ушло более трёх недель, Вам кажется, что он очень простой? Это не так, было перепробовано множество вариантов, и в конце концов я остановился на этом варианте.

Полностью переписан код. В принципе статьи так и выводятся в 2 ряда, но совершенно по другому принципу, чем в старом шаблоне.

Критика

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

До скорых встреч.

 

  • WPIXEL

    отличный дизайн, даже лучше чем было до этого

  • WPIXEL, спасибо огромное! Я и старался, чтобы лучше было :)

  • Денис Пулинец

    Молоток! Очень стильный дизайн. Замечаний нет, осталось только кнопку «Вверх» добавить, чтобы колесиком не крутить.

  • Спасибо, Денис, буду делать :)

  • 4idroid

    Тоже поставил Disqus на сайт — но столкнулся с небольшой проблемой: отступы не работают и поэтому комментарии «прилипают» к краям блока. Я пошел в Style.css и попытался побаловаться с padding в comments, но ничего не получилось. Может знаете как исправить? Спасибо

  • А Вы посмотрите какие классы использует Disqus вот и к ним попробуйте применить значения.

  • 4idroid

    Подскажите, пожалуйста, где именно смотреть классы Disqus?

  • В исходном коде своего сайта, только не в админке, а именно в той странице где размещены комментарии, нажмите правую кнопку и выберите Исходный код.

  • Konstantin

    Есть одно предложение по поводу навигации: Эффект при наведении на ссылку переделать, чтобы происходил при наведении на элемент списка. Чтобы при переходе на просмотр подменю, ссылка оставалась темной.

    Я даже его тебе сам реализовал :) на 193 строке таблицы стилей селектор поменять надо на такой

    #fdw ul li:hover a, #fdw ul li a:active

  • Костя, спасибо, но не работает что то :)

  • Вернее работает всё :) Спасибо , Костя. А в чём секрет был?

  • Konstantin

    Да секрета как такового то нет. Просто из-за вложенности элементов наведение на подменю срабатывает и как наведение на пункт меню, который содержит его. Поэтому и эффект на ссылке сохраняется

  • Ну просто получается, что я поменял местами «а» и «hover». я просто думал, что как бы разницы нет как эти элементы стоять будут.

  • Medved

    Уж слишком явный закос на Codrops ваш новый дизайн

  • Ну я бы так не говорил :)

  • Да, взял и стырил :)

  • Иван

    А я ваш стырил )

  • Александр

    Привет! за сколько сможешь сделать блог похожий, с другим дизайном нашим, какая цена, нужен адаптивный, и ты сможешь сделать вместо логотипа большую резиновую шапку с картинкой нашей и на ней будет стоять наш лого! Скажи какая цена работы, только цену не из головы, а реальную стоимость за которую возьмешься? И над валидностью можешь поработать, чтобы меньше ошибок было!?

  • Я сейчас не занимаюсь похожей работой