Оцените мой сайт

upload_2016-11-24_0-29-46.png
Текст про консультацию не адаптивится.
 
  • Заблокирован
  • #13
А не подскажешь как сделать чтобы был адаптивным?
Пропиши в стилях условия под разные разрешения. А если есть уже блоки стилей под разные разрешения, то просто пропиши в них стили под каждое из разрешений.
Типа:
Код:
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (min-width: 600px) {

/-------->Тут стили для разрешения 600рх<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 1199px) {

/-------->Тут стили для разрешения 1199px<--------/

}
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 991px) {

/-------->Тут стили для разрешения 991px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 767px) {

/-------->Тут стили для разрешения 767px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 360px) {

/-------->Тут стили для разрешения 360px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 330px) {

/-------->Тут стили для разрешения 330px<--------/

}
 
Выпадающие меню.
Фиолетовый с пчелами не вяжется. Думаю надо играться с черным, оранжевым, желтым.

Желтый вообще плохо, черный поставил вроде лучше... но тоже как то не то не лежит как говорится :)
 
Пропиши в стилях условия под разные разрешения. А если есть уже блоки стилей под разные разрешения, то просто пропиши в них стили под каждое из разрешений.
Типа:
Код:
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (min-width: 600px) {

/-------->Тут стили для разрешения 600рх<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 1199px) {

/-------->Тут стили для разрешения 1199px<--------/

}
@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 991px) {

/-------->Тут стили для разрешения 991px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 767px) {

/-------->Тут стили для разрешения 767px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 360px) {

/-------->Тут стили для разрешения 360px<--------/

}

@/-------->Тут прописываешь блок которому задаешь эти стили<--------/ (max-width: 330px) {

/-------->Тут стили для разрешения 330px<--------/

}

Ты бы сразу сказал о правилах @media
и дал бы ссылку Для просмотра ссылки Войди или Зарегистрируйся
Если бы я на данный момент с этим не столкнулся, я бы не понял твоего куска кода CSS

И это самый дельный совет воспользоваться media
Меню слетает напрочь, когда уменьшается размер экрана -не адаптивность.
Внизу лого чуток уменьшить, что бы на уровне был с "О проекте" Карта сайта" или последнее убрать.
В логотипе слово Мед как-то нужно выделить.
Для просмотра ссылки Войди или ЗарегистрируйсяНе используйте переадресацию с целевой страницы
На вашей странице нет переадресаций. Подробнее о том, как избегать переадресаций на целевых страницах. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяВключите сжатие
Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.

Объяснение:
Включите сжатие для следующих ресурсов, чтобы уменьшить объем передаваемых данных на 970 Б (52 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 970 Б (52 %).
Для просмотра ссылки Войди или Зарегистрируйся Используйте кеш браузера
Сократите время ответа сервера

Ваш сервер ответил быстро. Подробнее о том, как сократить время ответа сервера. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или Зарегистрируйся Сократите CSS
Код CSS сокращен. Подробнее о том, как сокращать код CSS. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите HTML
HTML-код сокращен. Подробнее о том, как сокращать HTML-код. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите JavaScript
Сжатие кода JavaScript позволяет сократить объем данных, чтобы ускорить загрузку, обработку и выполнение.

Объяснение:
Сократите код JavaScript на следующих ресурсах, чтобы уменьшить их размер на 10,5 КБ (15 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 6,9 КБ (15 %) после сжатия.
  2. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 3,1 КБ (17 %) после сжатия.
  3. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 540 Б (16 %) после сжатия.
Для просмотра ссылки Войди или Зарегистрируйся Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 5. Количество блокирующих ресурсов CSS на странице: 12. Они замедляют отображение контента.

Объяснение:
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.

Удалите код JavaScript, препятствующий отображению: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
Оптимизируйте работу CSS на следующих ресурсах: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
  6. Для просмотра ссылки Войди или Зарегистрируйся
  7. Для просмотра ссылки Войди или Зарегистрируйся
  8. Для просмотра ссылки Войди или Зарегистрируйся
  9. Для просмотра ссылки Войди или Зарегистрируйся
  10. Для просмотра ссылки Войди или Зарегистрируйся
  11. Для просмотра ссылки Войди или Зарегистрируйся
  12. Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся Оптимизируйте изображения
Правильный формат и сжатие изображений позволяет сократить их объем.

Объяснение:
Оптимизируйте следующие изображения, чтобы уменьшить их размер на 2,5 КБ (60 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,3 КБ (69 %).
  2. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,2 КБ (53 %).
Оптимизируйте загрузку видимого контента
Содержание верхней части страницы оптимизировано для быстрого отображения. Подробнее о том, как обеспечить быстрое отображение видимой части страницы. (Для просмотра ссылки Войди или Зарегистрируйся)
 
Последнее редактирование:
  • Заблокирован
  • #17
Ты бы сразу сказал о правилах @media
и дал бы ссылку Для просмотра ссылки Войди или Зарегистрируйся
Если бы я на данный момент с этим не столкнулся, я бы не понял твоего куска кода CSS

И это самый дельный совет воспользоваться media
Меню слетает напрочь, когда уменьшается размер экрана -не адаптивность.
Внизу лого чуток уменьшить, что бы на уровне был с "О проекте" Карта сайта" или последнее убрать.
В логотипе слово Мед как-то нужно выделить.
Для просмотра ссылки Войди или ЗарегистрируйсяНе используйте переадресацию с целевой страницы
На вашей странице нет переадресаций. Подробнее о том, как избегать переадресаций на целевых страницах. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяВключите сжатие
Сжатие ресурсов с помощью функций gzip или deflate позволяет сократить объем данных, передаваемых по сети.

Объяснение:
Включите сжатие для следующих ресурсов, чтобы уменьшить объем передаваемых данных на 970 Б (52 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 970 Б (52 %).
Для просмотра ссылки Войди или Зарегистрируйся Используйте кеш браузера
Сократите время ответа сервера

Ваш сервер ответил быстро. Подробнее о том, как сократить время ответа сервера. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или Зарегистрируйся Сократите CSS
Код CSS сокращен. Подробнее о том, как сокращать код CSS. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите HTML
HTML-код сокращен. Подробнее о том, как сокращать HTML-код. (Для просмотра ссылки Войди или Зарегистрируйся)

Для просмотра ссылки Войди или ЗарегистрируйсяСократите JavaScript
Сжатие кода JavaScript позволяет сократить объем данных, чтобы ускорить загрузку, обработку и выполнение.

Объяснение:
Сократите код JavaScript на следующих ресурсах, чтобы уменьшить их размер на 10,5 КБ (15 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 6,9 КБ (15 %) после сжатия.
  2. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 3,1 КБ (17 %) после сжатия.
  3. Сокращение Для просмотра ссылки Войди или Зарегистрируйся позволит уменьшить размер на 540 Б (16 %) после сжатия.
Для просмотра ссылки Войди или Зарегистрируйся Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
Количество блокирующих скриптов на странице: 5. Количество блокирующих ресурсов CSS на странице: 12. Они замедляют отображение контента.

Объяснение:
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.

Удалите код JavaScript, препятствующий отображению: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
Оптимизируйте работу CSS на следующих ресурсах: (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Для просмотра ссылки Войди или Зарегистрируйся
  2. Для просмотра ссылки Войди или Зарегистрируйся
  3. Для просмотра ссылки Войди или Зарегистрируйся
  4. Для просмотра ссылки Войди или Зарегистрируйся
  5. Для просмотра ссылки Войди или Зарегистрируйся
  6. Для просмотра ссылки Войди или Зарегистрируйся
  7. Для просмотра ссылки Войди или Зарегистрируйся
  8. Для просмотра ссылки Войди или Зарегистрируйся
  9. Для просмотра ссылки Войди или Зарегистрируйся
  10. Для просмотра ссылки Войди или Зарегистрируйся
  11. Для просмотра ссылки Войди или Зарегистрируйся
  12. Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся Оптимизируйте изображения
Правильный формат и сжатие изображений позволяет сократить их объем.

Объяснение:
Оптимизируйте следующие изображения, чтобы уменьшить их размер на 2,5 КБ (60 %). (Для просмотра ссылки Войди или Зарегистрируйся)

  1. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,3 КБ (69 %).
  2. Сжатие страницы Для просмотра ссылки Войди или Зарегистрируйся уменьшит ее размер на 1,2 КБ (53 %).
Оптимизируйте загрузку видимого контента
Содержание верхней части страницы оптимизировано для быстрого отображения. Подробнее о том, как обеспечить быстрое отображение видимой части страницы. (Для просмотра ссылки Войди или Зарегистрируйся)
Ну я его дал с учетом того, что хоть какие то познания в этой области есть. Просто применить.
Так что не обессудьте за неразвернутый ответ.
 
Ну я его дал с учетом того, что хоть какие то познания в этой области есть. Просто применить.
Так что не обессудьте за неразвернутый ответ.
У меня знания есть, но даже я не сразу сообразил и мне подсказали))))))
 
Вообще цветовая гамма понравилась, очень подходит под тематику. Единственное, не работает кнопка "Подписаться" внизу, пишет что я якобы заблокировал возможность получать уведомления. И еще небольшой недочет, на некоторых страницах картинки не слишком качественные, размытые.
 
Назад
Сверху